@charset "UTF-8";
/* stylelint-disable color-no-hex */
:root {
  /*Brand*/
  --base-color-brand: var(--orange-50);
  --base-color-info: var(--blue-50);
  --base-color-warning: var(--yellow-50);
  --base-color-error: var(--red-50);
  --base-color-success: var(--green-50);
  /*Content*/
  --content-color-primary: var(--grey-90);
  --content-color-secondary: var(--grey-50);
  --content-color-tertiary: var(--grey-40);
  --content-color-brand: var(--orange-70);
  --content-color-info: var(--blue-70);
  --content-color-error: var(--red-70);
  --content-color-warning: var(--yellow-70);
  --content-color-success: var(--green-70);
  --content-color-constant: var(--grey-00);
  --content-color-link: var(--blue-60);
  /*Highlight*/
  --highlight-background-color-primary: var(--grey-20);
  --highlight-background-color-secondary: var(--grey-20);
  --highlight-background-color-tertiary: var(--grey-30);
  --highlight-background-color-brand: var(--orange-60);
  --highlight-background-color-info: var(--blue-60);
  --highlight-background-color-warning: var(--yellow-60);
  --highlight-background-color-error: var(--red-60);
  --highlight-background-color-success: var(--green-60);
  --highlight-background-color-transparent: rgba(26, 26, 26, 0.1);
  /*Background*/
  --background-color-primary: var(--grey-00);
  --background-color-secondary: var(--grey-05);
  --background-color-tertiary: var(--grey-10);
  --background-color-brand: var(--orange-10);
  --background-color-info: var(--blue-10);
  --background-color-warning: var(--yellow-10);
  --background-color-error: var(--red-10);
  --background-color-success: var(--green-10);
  --background-modal-backdrop: rgba(26, 26, 26, 0.5);
  /*Border colors*/
  --border-color-default: var(--grey-20);
  --border-color-strong: var(--grey-30);
  --border-color-active: rgba(26, 26, 26, 0.3);
  /*Header*/
  --header-background-color-primary: var(--grey-90);
  --header-background-color-secondary: var(--grey-85);
  --header-color-content: var(--grey-40);
  --header-background-highlight-color-primary: var(--grey-70);
  --header-background-highlight-color-secondary: var(--grey-70);
  /* DEPRECATED: The design tokens mentioned below are deprecated and will be removed in the upcoming releases.
     It is recommended to use the tokens defined above. */
  /* Brand */
  --color-brand-primary: #FF6C37;
  --color-brand-secondary: #097BED;
  /* Accent */
  --color-accent-error: #EB2013 ;
  --color-accent-warning: #FFB400;
  --color-accent-success: #249C47;
  /* Content */
  --color-content-primary: #1A1A1A;
  --color-content-secondary: #666666;
  --color-content-tertiary: #999999;
  --color-content-brand-primary: #C73500;
  --color-content-brand-secondary: #145EA9;
  --color-content-accent-error: #B32E14;
  --color-content-accent-warning: #7D6517;
  --color-content-accent-success: #127347;
  --color-content-constant: #FFFFFF;
  /* Highlight */
  --color-highlight-background-primary: #F2F2F2;
  --color-highlight-background-secondary: #EBEBEB;
  --color-highlight-background-tertiary: #E3E3E3;
  --color-highlight-brand-primary: #FF4F0F;
  --color-highlight-brand-secondary: #0763C0;
  --color-highlight-accent-warning: #E5A200;
  --color-highlight-accent-error: #D51D11;
  --color-highlight-accent-success: #20893E;
  --color-highlight-transparent: rgba(0, 0, 0, 0.05);
  /* Background */
  --color-background-primary: #FFFFFF;
  --color-background-secondary: #F7F7F7;
  --color-background-tertiary: #EBEBEB;
  --color-background-brand-primary: rgba(255, 108, 55, 0.15);
  --color-background-brand-secondary: rgba(9, 123, 237, 0.2);
  --color-background-accent-warning: rgba(255, 180, 0, 0.2);
  --color-background-accent-error: rgba(235, 32, 19, 0.2);
  --color-background-accent-success: rgba(36, 156, 71, 0.2);
  /* Border */
  --color-border-regular: #E3E3E3;
  --color-border-strong: #D9D9D9;
  --color-border-active: rgba(0, 0, 0, 0.2);
  --color-border-focus: rgba(56, 140, 225, 0.5);
  /* Overlay */
  --color-overlay-modal: rgba(0, 0, 0, 0.5);
  /* Header */
  --color-header-background-primary: #262626;
  --color-header-background-secondary: #363636;
  --color-header-content: #B3B3B3;
  --color-header-background-primary-highlight: #333333;
  --color-header-background-secondary-highlight: #424242; }

/*These two variables are legacy font-variables and must not be used*/
:root {
  --text-family-default: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  --text-family-code: 'IBMPlexMono', 'Cousine', monospace;
  --text-size-xs: 10px;
  --text-size-s: 11px;
  --text-size-m: 12px;
  --text-size-l: 14px;
  --text-size-xl: 16px;
  --text-size-xxl: 18px;
  --text-size-xxxl: 24px;
  --line-height-xs: 12px;
  --line-height-s: 16px;
  --line-height-m: 20px;
  --line-height-l: 24px;
  --line-height-xl: 28px;
  --line-height-xxl: 32px;
  --line-height-xxxl: 40px;
  --text-weight-regular: 400;
  --text-weight-medium: 600;
  --text-weight-bold: 600;
  /* DEPRECATED: The design tokens mentioned below are deprecated and will be removed in the upcoming releases.
   It is recommended to use the tokens defined above. */
  --text-font-regular: 'Inter', 'OpenSans', Helvetica, Arial, sans-serif;
  --text-font-code: 'IBMPlexMono', 'Cousine', monospace;
  --text-font-size-xs: 10px;
  --text-font-size-s: 11px;
  --text-font-size-m: 12px;
  --text-font-size-l: 14px;
  --text-font-size-xl: 16px;
  --text-font-size-xxl: 18px;
  --text-font-size-xxxl: 24px;
  --text-line-height-xs: 12px;
  --text-line-height-s: 16px;
  --text-line-height-m: 20px;
  --text-line-height-l: 24px;
  --text-line-height-xl: 28px;
  --text-line-height-xxl: 32px;
  --text-line-height-xxxl: 40px;
  --text-font-weight-regular: 400;
  --text-font-weight-medium: 600;
  --text-font-weight-bold: 600; }

:root {
  --spacing-zero: 0px;
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 12px;
  --spacing-l: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-xxxl: 48px; }

:root {
  /*Border style*/
  --border-style-solid: solid;
  /*Border width*/
  --border-width-default: 1px;
  --border-width-l: 2px;
  --border-width-xl: 4px;
  /*Border radius*/
  --border-radius-s: 2px;
  --border-radius-default: 4px;
  --border-radius-max: 100%; }

/* stylelint-disable color-no-hex */
:root {
  /*List of shadow tokens*/
  --shadow-default: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  --shadow-focus: 0 0 0 1px var(--background-color-primary), 0 0 0 3px #ADCDFB;
  /* DEPRECATED: The design tokens mentioned below are deprecated and will be removed in the upcoming releases.
    It is recommended to use the tokens defined above. */
  --shadow-dark: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  --shadow-light: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }

:root {
  --size-xs: 16px;
  --size-s: 24px;
  --size-m: 32px;
  --controls-size-default: var(--size-m);
  --controls-size-small: var(--size-s); }

:root {
  --transition-delay-default: 0.2s;
  --transition-timing-default: ease-in-out; }

/* stylelint-disable color-no-hex */
:root {
  /* Greys */
  --grey-00: #FFFFFF;
  --grey-05: #F9F9F9;
  --grey-10: #F2F2F2;
  --grey-20: #EDEDED;
  --grey-30: #E6E6E6;
  --grey-40: #A6A6A6;
  --grey-50: #6B6B6B;
  --grey-60: #3B3B3B;
  --grey-70: #303030;
  --grey-80: #2B2B2B;
  --grey-85: #262626;
  --grey-90: #212121;
  /* Oranges */
  --orange-10: #FFF1EB;
  --orange-20: #FFD1BE;
  --orange-30: #FFB091;
  --orange-40: #FF8E64;
  --orange-50: #FF6C37;
  --orange-60: #E05320;
  --orange-70: #D23F0E;
  --orange-80: #A12700;
  --orange-90: #553326;
  /* Blues */
  --blue-10: #E7F0FF;
  --blue-20: #ADCDFB;
  --blue-30: #74AEF6;
  --blue-40: #3E92F2;
  --blue-50: #097BED;
  --blue-60: #0265D2;
  --blue-70: #0053B8;
  --blue-80: #00439D;
  --blue-90: #002D70;
  /* Reds */
  --red-10: #FFEBE7;
  --red-20: #FBC3BA;
  --red-30: #F79A8E;
  --red-40: #F37264;
  --red-50: #EB2013;
  --red-60: #D10D03;
  --red-70: #B70700;
  --red-80: #9C0400;
  --red-90: #591B08;
  /* Greens */
  --green-10: #E5FFF1;
  --green-20: #A4EEC4;
  --green-30: #6BDD9A;
  --green-40: #38CC74;
  --green-50: #0CBB52;
  --green-60: #049D40;
  --green-70: #007F31;
  --green-80: #006024;
  --green-90: #013614;
  /* Yellows */
  --yellow-10: #FFF9E0;
  --yellow-20: #FFF4BE;
  --yellow-30: #FFE47E;
  --yellow-40: #FFCF3F;
  --yellow-50: #FFB400;
  --yellow-60: #DE9C00;
  --yellow-70: #AD7A03;
  --yellow-80: #886000;
  --yellow-90: #523A03;
  /* Pinks */
  --pink-10: #FFF2F9;
  --pink-20: #FFD8ED;
  --pink-30: #FDA4D4;
  --pink-40: #F15EB0;
  --pink-50: #CA2583;
  --pink-60: #A61468;
  --pink-70: #7B0A4B;
  --pink-80: #63073B;
  --pink-90: #47042A;
  /* Purples */
  --purple-10: #F7F2FF;
  --purple-20: #E4D8F6;
  --purple-30: #C0A8E1;
  --purple-40: #926CC2;
  --purple-50: #784FA9;
  --purple-60: #623497;
  --purple-70: #4C207D;
  --purple-80: #35115C;
  --purple-90: #250447;
  /* Teals */
  --teal-10: #F2FEFF;
  --teal-20: #D0F9FD;
  --teal-30: #8EEEF7;
  --teal-40: #3FD6E6;
  --teal-50: #0CA4B6;
  --teal-60: #048192;
  --teal-70: #015965;
  --teal-80: #02444D;
  --teal-90: #032F36; }

/* Variables */
/* Styles */
.btn {
  box-sizing: border-box;
  border-radius: var(--border-radius-default);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: var(--spacing-s) 10px;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-medium);
  font-family: var(--text-family-default);
  line-height: var(--line-height-s);
  color: var(--content-color-secondary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .btn use {
    fill: var(--content-color-secondary); }
  .btn svg > path[fill] {
    fill: var(--content-color-secondary); }
  .btn.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }

.btn-fluid {
  display: flex; }

.btn-primary {
  background-color: var(--base-color-brand);
  min-width: 100px;
  color: var(--content-color-constant); }
  .btn-primary use {
    fill: var(--content-color-constant); }
  .btn-primary svg > path[fill] {
    fill: var(--content-color-constant); }
  .btn-primary .dropdown-caret use {
    fill: var(--content-color-constant); }
  .btn-primary .dropdown-caret svg > path[fill] {
    fill: var(--content-color-constant); }
  .btn-primary:hover, .btn-primary.is-hovered {
    background-color: var(--highlight-background-color-brand);
    color: var(--content-color-constant); }
    .btn-primary:hover use, .btn-primary.is-hovered use {
      fill: var(--content-color-constant); }
    .btn-primary:hover svg > path[fill], .btn-primary.is-hovered svg > path[fill] {
      fill: var(--content-color-constant); }
  .btn-primary:active, .btn-primary.is-active {
    background-color: var(--highlight-background-color-brand);
    color: var(--content-color-constant); }
    .btn-primary:active use, .btn-primary.is-active use {
      fill: var(--content-color-constant); }
    .btn-primary:active svg > path[fill], .btn-primary.is-active svg > path[fill] {
      fill: var(--content-color-constant); }
  .btn-primary.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-primary.is-disabled:hover, .btn-primary.is-disabled.is-hovered {
      background-color: var(--base-color-brand);
      color: var(--content-color-constant); }
      .btn-primary.is-disabled:hover use, .btn-primary.is-disabled.is-hovered use {
        fill: var(--content-color-constant); }
      .btn-primary.is-disabled:hover svg > path[fill], .btn-primary.is-disabled.is-hovered svg > path[fill] {
        fill: var(--content-color-constant); }
    .btn-primary.is-disabled:active, .btn-primary.is-disabled.is-active {
      background-color: var(--base-color-brand);
      color: var(--content-color-constant); }
      .btn-primary.is-disabled:active use, .btn-primary.is-disabled.is-active use {
        fill: var(--content-color-constant); }
      .btn-primary.is-disabled:active svg > path[fill], .btn-primary.is-disabled.is-active svg > path[fill] {
        fill: var(--content-color-constant); }

.btn-secondary {
  background-color: var(--background-color-tertiary);
  min-width: 100px;
  color: var(--content-color-secondary); }
  .btn-secondary use {
    fill: var(--content-color-secondary); }
  .btn-secondary svg > path[fill] {
    fill: var(--content-color-secondary); }
  .btn-secondary:hover, .btn-secondary.is-hovered {
    background-color: var(--highlight-background-color-tertiary);
    color: var(--content-color-primary); }
    .btn-secondary:hover use, .btn-secondary.is-hovered use {
      fill: var(--content-color-primary); }
    .btn-secondary:hover svg > path[fill], .btn-secondary.is-hovered svg > path[fill] {
      fill: var(--content-color-primary); }
  .btn-secondary:active, .btn-secondary.is-active {
    background-color: var(--highlight-background-color-tertiary);
    color: var(--content-color-primary); }
    .btn-secondary:active use, .btn-secondary.is-active use {
      fill: var(--content-color-primary); }
    .btn-secondary:active svg > path[fill], .btn-secondary.is-active svg > path[fill] {
      fill: var(--content-color-primary); }
  .btn-secondary.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-secondary.is-disabled:hover, .btn-secondary.is-disabled.is-hovered {
      background-color: var(--background-color-tertiary);
      color: var(--content-color-secondary); }
      .btn-secondary.is-disabled:hover use, .btn-secondary.is-disabled.is-hovered use {
        fill: var(--content-color-secondary); }
      .btn-secondary.is-disabled:hover svg > path[fill], .btn-secondary.is-disabled.is-hovered svg > path[fill] {
        fill: var(--content-color-secondary); }
    .btn-secondary.is-disabled:active, .btn-secondary.is-disabled.is-active {
      background-color: var(--background-color-tertiary);
      color: var(--content-color-secondary); }
      .btn-secondary.is-disabled:active use, .btn-secondary.is-disabled.is-active use {
        fill: var(--content-color-secondary); }
      .btn-secondary.is-disabled:active svg > path[fill], .btn-secondary.is-disabled.is-active svg > path[fill] {
        fill: var(--content-color-secondary); }

.btn-tertiary {
  background-color: transparent;
  min-width: var(--size-m);
  height: var(--size-m);
  padding: var(--spacing-s);
  color: var(--content-color-secondary); }
  .btn-tertiary use {
    fill: var(--content-color-secondary); }
  .btn-tertiary svg > path[fill] {
    fill: var(--content-color-secondary); }
  .btn-tertiary:hover, .btn-tertiary.is-hovered {
    background-color: var(--highlight-background-color-primary);
    color: var(--content-color-primary); }
    .btn-tertiary:hover use, .btn-tertiary.is-hovered use {
      fill: var(--content-color-primary); }
    .btn-tertiary:hover svg > path[fill], .btn-tertiary.is-hovered svg > path[fill] {
      fill: var(--content-color-primary); }
  .btn-tertiary:active, .btn-tertiary.is-active {
    background-color: var(--highlight-background-color-primary);
    color: var(--content-color-primary); }
    .btn-tertiary:active use, .btn-tertiary.is-active use {
      fill: var(--content-color-primary); }
    .btn-tertiary:active svg > path[fill], .btn-tertiary.is-active svg > path[fill] {
      fill: var(--content-color-primary); }
  .btn-tertiary.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-tertiary.is-disabled:hover, .btn-tertiary.is-disabled.is-hovered {
      background-color: transparent;
      color: var(--content-color-secondary); }
      .btn-tertiary.is-disabled:hover use, .btn-tertiary.is-disabled.is-hovered use {
        fill: var(--content-color-secondary); }
      .btn-tertiary.is-disabled:hover svg > path[fill], .btn-tertiary.is-disabled.is-hovered svg > path[fill] {
        fill: var(--content-color-secondary); }
    .btn-tertiary.is-disabled:active, .btn-tertiary.is-disabled.is-active {
      background-color: transparent;
      color: var(--content-color-secondary); }
      .btn-tertiary.is-disabled:active use, .btn-tertiary.is-disabled.is-active use {
        fill: var(--content-color-secondary); }
      .btn-tertiary.is-disabled:active svg > path[fill], .btn-tertiary.is-disabled.is-active svg > path[fill] {
        fill: var(--content-color-secondary); }

.btn-header {
  color: var(--header-color-content);
  background-color: var(--header-background-color-secondary); }
  .btn-header use {
    fill: var(--header-color-content); }
  .btn-header svg > path[fill] {
    fill: var(--header-color-content); }
  .btn-header .dropdown-caret use {
    fill: var(--header-color-content); }
  .btn-header .dropdown-caret svg > path[fill] {
    fill: var(--header-color-content); }
  .btn-header:hover, .btn-header.is-hovered {
    color: var(--content-color-constant);
    background-color: var(--header-background-highlight-color-secondary); }
    .btn-header:hover use, .btn-header.is-hovered use {
      fill: var(--content-color-constant); }
    .btn-header:hover svg > path[fill], .btn-header.is-hovered svg > path[fill] {
      fill: var(--content-color-constant); }
  .btn-header:active, .btn-header.is-active {
    color: var(--content-color-constant);
    background-color: var(--header-background-highlight-color-secondary); }
    .btn-header:active use, .btn-header.is-active use {
      fill: var(--content-color-constant); }
    .btn-header:active svg > path[fill], .btn-header.is-active svg > path[fill] {
      fill: var(--content-color-constant); }
  .btn-header.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-header.is-disabled:hover, .btn-header.is-disabled.is-hovered {
      background-color: var(--header-background-color-secondary);
      color: var(--header-color-content); }
      .btn-header.is-disabled:hover use, .btn-header.is-disabled.is-hovered use {
        fill: var(--header-color-content); }
      .btn-header.is-disabled:hover svg > path[fill], .btn-header.is-disabled.is-hovered svg > path[fill] {
        fill: var(--header-color-content); }
    .btn-header.is-disabled:active, .btn-header.is-disabled.is-active {
      background-color: var(--header-background-color-secondary);
      color: var(--header-color-content); }
      .btn-header.is-disabled:active use, .btn-header.is-disabled.is-active use {
        fill: var(--header-color-content); }
      .btn-header.is-disabled:active svg > path[fill], .btn-header.is-disabled.is-active svg > path[fill] {
        fill: var(--header-color-content); }

.btn-text {
  color: var(--content-color-link);
  background-color: transparent;
  height: 20px; }
  .btn-text use {
    fill: var(--content-color-link); }
  .btn-text svg > path[fill] {
    fill: var(--content-color-link); }
  .btn-text:hover, .btn-text.is-hovered {
    background-color: transparent;
    color: var(--content-color-link); }
    .btn-text:hover use, .btn-text.is-hovered use {
      fill: var(--content-color-link); }
    .btn-text:hover svg > path[fill], .btn-text.is-hovered svg > path[fill] {
      fill: var(--content-color-link); }
  .btn-text:active, .btn-text.is-active {
    background-color: transparent;
    color: var(--content-color-link); }
    .btn-text:active use, .btn-text.is-active use {
      fill: var(--content-color-link); }
    .btn-text:active svg > path[fill], .btn-text.is-active svg > path[fill] {
      fill: var(--content-color-link); }
  .btn-text.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-text.is-disabled:hover, .btn-text.is-disabled.is-hovered {
      background-color: transparent;
      color: var(--content-color-link); }
      .btn-text.is-disabled:hover use, .btn-text.is-disabled.is-hovered use {
        fill: var(--content-color-link); }
      .btn-text.is-disabled:hover svg > path[fill], .btn-text.is-disabled.is-hovered svg > path[fill] {
        fill: var(--content-color-link); }
    .btn-text.is-disabled:active, .btn-text.is-disabled.is-active {
      background-color: transparent;
      color: var(--content-color-link); }
      .btn-text.is-disabled:active use, .btn-text.is-disabled.is-active use {
        fill: var(--content-color-link); }
      .btn-text.is-disabled:active svg > path[fill], .btn-text.is-disabled.is-active svg > path[fill] {
        fill: var(--content-color-link); }

.btn-small {
  height: var(--size-m);
  padding: var(--spacing-s) 10px;
  min-width: 60px;
  font-size: var(--text-size-s);
  line-height: var(--line-height-xs); }

.btn-medium {
  height: var(--size-m);
  padding: var(--spacing-s) 10px;
  min-width: 100px;
  font-size: var(--text-size-m);
  line-height: var(--line-height-s); }

.btn-huge {
  height: 50px;
  padding: var(--spacing-m) var(--spacing-l);
  font-size: var(--text-size-xl);
  font-weight: var(--text-weight-medium); }

.btn-icon {
  background-color: var(--background-color-tertiary);
  height: var(--size-m);
  width: var(--size-m);
  padding: var(--spacing-zero); }
  .btn-icon:hover, .btn-icon.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .btn-icon:active, .btn-icon.is-active {
    background-color: var(--highlight-background-color-secondary); }
  .btn-icon.btn-icon-rect {
    width: 40px; }
  .btn-icon.btn-icon-circle {
    border-radius: var(--size-m)/2; }
  .btn-icon.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .btn-icon.is-disabled:hover, .btn-icon.is-disabled.is-hovered {
      background-color: var(--background-color-tertiary); }
    .btn-icon.is-disabled:active, .btn-icon.is-disabled.is-active {
      background-color: var(--background-color-tertiary); }

/* Button Group */
.btn-group {
  display: flex;
  flex-direction: row; }
  .btn-group .btn {
    border-radius: 0; }
  .btn-group .btn:first-child {
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default); }
  .btn-group .btn:last-child {
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default); }

.btn-group-separated .btn:not(:last-child) {
  border-right: thin solid rgba(0, 0, 0, 0.07); }

/* Tabs */
.tabs {
  display: inline-flex;
  flex-direction: row; }
  .tabs.tabs-fluid {
    display: flex; }

.tabs-secondary {
  box-sizing: border-box;
  height: 30px;
  border-radius: var(--border-radius-default);
  background-color: var(--background-color-tertiary); }

.tabs-tertiary {
  box-sizing: border-box;
  height: 30px; }

/* Tab */
.tab {
  flex: 0 0 auto;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-s);
  text-align: center; }
  .tabs-fluid .tab {
    flex: 1; }

.tab-primary,
.tab-primary-small {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-s); }
  .tab-primary:hover, .tab-primary.is-hovered,
  .tab-primary-small:hover,
  .tab-primary-small.is-hovered {
    color: var(--content-color-primary); }
  .tab-primary.is-active,
  .tab-primary-small.is-active {
    color: var(--content-color-primary); }
    .tab-primary.is-active .tab-text-wrapper,
    .tab-primary-small.is-active .tab-text-wrapper {
      box-shadow: inset 0px -2px 0px var(--base-color-brand); }
  .tab-primary.is-disabled,
  .tab-primary-small.is-disabled {
    color: var(--content-color-secondary);
    opacity: 0.4;
    cursor: not-allowed; }

.tab-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.tab-primary .tab-text-wrapper {
  margin: var(--spacing-zero) var(--spacing-m);
  padding: var(--spacing-s) var(--spacing-zero); }

.tab-primary-small .tab-text-wrapper {
  margin: var(--spacing-zero) var(--spacing-s);
  padding: var(--spacing-s) var(--spacing-zero); }

.tab-secondary {
  display: flex;
  align-items: center;
  padding: var(--spacing-s) var(--spacing-l);
  color: var(--content-color-secondary); }
  .tab-secondary:first-child {
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default); }
  .tab-secondary:last-child {
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default); }
  .tab-secondary:hover, .tab-secondary.is-hovered {
    color: var(--content-color-primary); }
  .tab-secondary:active, .tab-secondary.is-active {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-tertiary); }

.tab-tertiary {
  padding: 6px 15px 6px 15px;
  color: var(--content-color-secondary);
  font-weight: 400; }
  .tab-tertiary:hover, .tab-tertiary.is-hovered {
    color: var(--content-color-primary);
    font-weight: 400; }
  .tab-tertiary:active, .tab-tertiary.is-active {
    color: var(--content-color-primary);
    font-weight: 400; }

.tabs-vertical {
  flex-direction: column;
  text-align: left; }
  .tabs-vertical .tab {
    display: flex;
    align-items: center;
    color: var(--content-color-secondary);
    box-shadow: none;
    height: 35px;
    padding-left: 20px; }
    .tabs-vertical .tab.is-active {
      box-shadow: none;
      color: var(--content-color-primary);
      border-bottom: none; }

.incomplete-tab-steps {
  color: var(--content-color-secondary);
  cursor: default; }
  .incomplete-tab-steps:hover, .incomplete-tab-steps.is-hovered {
    color: var(--content-color-secondary); }

/* Variables */
.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown.full-width {
    width: 100%; }
    .dropdown.full-width .dropdown-button .btn {
      width: 100%;
      justify-content: space-between; }
  .dropdown.scroll-menu .dropdown-menu {
    max-height: 120px;
    overflow-y: auto; }

.dropdown-menu {
  padding: var(--spacing-xs) var(--spacing-zero);
  box-sizing: border-box;
  min-width: 170px;
  background-color: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-shadow: var(--shadow-default); }
  .dropdown-menu .dropdown-menu-item--delete {
    color: var(--content-color-error); }
  .dropdown-menu .dropdown-menu-item--delete:hover {
    color: var(--content-color-constant);
    background-color: var(--base-color-error); }
    .dropdown-menu .dropdown-menu-item--delete:hover use {
      fill: var(--content-color-constant); }
    .dropdown-menu .dropdown-menu-item--delete:hover svg > path[fill] {
      fill: var(--content-color-constant); }
    .dropdown-menu .dropdown-menu-item--delete:hover .dropdown-menu-item-shortcut {
      color: var(--content-color-constant); }

.dropdown-menu-item-shortcut {
  color: var(--content-color-tertiary); }

.dropdown-menu-item {
  position: relative;
  box-sizing: border-box;
  height: var(--controls-size-default);
  padding: var(--spacing-zero) var(--spacing-l);
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .dropdown-menu-item:hover, .dropdown-menu-item.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
    .dropdown-menu-item:hover .dropdown-menu-item-shortcut, .dropdown-menu-item.is-hovered .dropdown-menu-item-shortcut {
      color: var(--content-color-primary); }
  .dropdown-menu-item:focus, .dropdown-menu-item.is-focused {
    background-color: var(--highlight-background-color-secondary); }
  .dropdown-menu-item.align-right {
    text-align: right; }
  .dropdown-menu-item.is-focused {
    background: var(--highlight-background-color-secondary); }
  .dropdown-menu-item.is-selected {
    background: var(--highlight-background-color-tertiary); }
  .dropdown-menu-item.is-disabled {
    cursor: default;
    opacity: 0.4;
    position: relative; }
    .dropdown-menu-item.is-disabled .dropdown-menu-item__tooltip {
      position: absolute;
      padding: 10px; }
  .dropdown-menu-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.dropdown-menu-item-icon {
  flex: 0 0 20px;
  margin-right: 10px; }

.dropdown-menu-item-label {
  flex: 1; }

.dropdown-caret {
  margin-left: 10px; }
  .dropdown-caret.pm-icon {
    display: inline-flex; }
  .btn-group-separated .dropdown-caret {
    margin-left: var(--spacing-zero); }

.dropdown-sub-menu-item {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: var(--spacing-zero);
  visibility: hidden;
  border-radius: var(--border-radius-default); }
  .dropdown-sub-menu-item.show {
    visibility: visible; }

.is-sub-item-available .expand-icon-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-left: var(--spacing-s);
  justify-content: flex-end;
  align-items: center; }

.menu-item-header {
  font-size: var(--text-size-xs);
  text-transform: uppercase;
  color: var(--content-color-tertiary);
  height: var(--size-s);
  padding: var(--spacing-s) var(--spacing-l);
  box-sizing: border-box; }

.textarea {
  width: 100%;
  background-color: var(--background-color-secondary);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  outline: none;
  padding: var(--spacing-s);
  box-sizing: border-box;
  color: var(--content-color-primary);
  vertical-align: bottom;
  resize: vertical; }
  .textarea:hover, .textarea.is-hovered {
    background-color: var(--highlight-background-color-secondary);
    border-color: var(--border-color-strong); }
  .textarea:focus, .textarea.is-focused {
    background-color: var(--background-color-primary); }
  .textarea.textarea-warning {
    border: var(--border-width-default) var(--border-style-solid) var(--base-color-warning); }
  .textarea.textarea-error {
    border: var(--border-width-default) var(--border-style-solid) var(--base-color-error); }

.textarea-warning-text {
  display: flex;
  font-size: var(--text-size-xs);
  color: var(--content-color-warning); }

.textarea-error-text {
  display: flex;
  font-size: var(--text-size-xs);
  color: var(--content-color-error); }

.texteditor-header {
  display: inline-flex;
  padding-bottom: var(--spacing-xs);
  font-size: var(--text-size-s);
  color: var(--content-color-primary);
  font-weight: var(--text-weight-medium); }

/*
  TextEditor2 Styles
*/
.monaco-aria-container {
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.text-editor-wrapper {
  font-size: 12px;
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
  border-radius: var(--border-radius-default); }

.text-editor {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  position: relative; }
  .text-editor > div {
    min-height: 0; }
  .text-editor .monaco-editor .monaco-placeholder {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-xs);
    opacity: 0.6;
    cursor: text;
    line-height: var(--line-height-s); }
  .text-editor .monaco-editor .parameter-hints-widget {
    z-index: 100;
    margin-left: var(--spacing-s); }
  .text-editor .monaco-editor .suggest-widget {
    z-index: 101; }
  .text-editor .monaco-editor .monaco-editor-hover {
    z-index: 102; }

.text-editor__lazy_loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%; }

.monaco-editor .suggest-widget p.docs {
  font-family: 'IBMPlexMono', "Courier New", monospace; }

.text-editor__feedback-text {
  margin-left: var(--spacing-s);
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary); }

.text-editor__loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%; }

.text-editor-tab {
  display: inline-flex;
  align-items: center; }
  .text-editor-tab .tab-beta-label {
    font-size: var(--text-size-xs);
    color: var(--content-color-info);
    font-weight: var(--text-weight-medium);
    position: relative;
    bottom: var(--spacing-xs);
    left: var(--spacing-xs); }

.text-editor-dropdown .text-editor-dropdown-button__label {
  text-transform: capitalize; }

.text-editor__language-dropdown,
.text-editor__line-wrap-button {
  margin-left: var(--spacing-s); }

.text-editor__line-wrap-button {
  background-color: var(--background-color-tertiary); }
  .text-editor__line-wrap-button.is-active {
    background-color: var(--background-color-tertiary); }
    .text-editor__line-wrap-button.is-active use {
      fill: var(--content-color-brand); }
    .text-editor__line-wrap-button.is-active svg > path[fill] {
      fill: var(--content-color-brand); }
  .text-editor__line-wrap-button:hover, .text-editor__line-wrap-button.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }

.text-editor__copy-button,
.text-editor__search-button {
  margin-right: var(--spacing-s);
  cursor: pointer; }

.ReactModal__Overlay--after-open {
  background-color: var(--background-modal-backdrop) !important; }

.modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  z-index: 120;
  font-family: var(--text-family-default); }
  .modal .modal-header {
    flex: 0 0 48px;
    box-sizing: border-box; }
  .modal .modal-content {
    flex: 1;
    box-sizing: border-box;
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
    .modal .modal-content.external-link {
      cursor: pointer;
      color: var(--content-color-link); }
    .modal .modal-content .learn-more-button {
      padding-left: var(--spacing-zero); }
  .modal .modal-footer {
    flex: 0 0 80px;
    box-sizing: border-box; }

.modal-header {
  background-color: var(--background-color-secondary);
  display: flex;
  flex-direction: row; }
  .modal-header .modal-header-title {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; }

.modal-header-title {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  padding: var(--spacing-m) var(--spacing-l); }

.modal-header-close-button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: var(--spacing-s);
  box-sizing: border-box; }

.modal-header-close-button {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.modal-content {
  background-color: var(--background-color-primary);
  padding: var(--spacing-xl) var(--spacing-xl);
  color: var(--content-color-primary);
  overflow-y: auto; }
  .modal-content.is-centered {
    display: flex;
    align-items: center;
    justify-content: center; }

.modal-footer {
  background-color: var(--background-color-primary);
  padding: var(--spacing-xl) var(--spacing-xl);
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }
  .modal-footer > .btn {
    margin-left: var(--spacing-m); }
  .modal-footer.is-separated {
    border-top: 1px solid var(--border-color-default); }

.invite-signed-out-modal {
  height: 60vh; }
  .invite-signed-out-modal .modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px; }
    .invite-signed-out-modal .modal-content .btn-text {
      padding: var(--spacing-zero); }
    .invite-signed-out-modal .modal-content .modal-text .btn-text {
      padding: var(--spacing-zero) 3px; }
  .invite-signed-out-modal .signout-out-signin-btn {
    margin-top: var(--spacing-xxl);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m); }

.changelog-content hr {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  border-bottom-width: 0;
  color: var(--content-color-secondary); }

.changelog-content a {
  color: var(--content-color-link);
  text-decoration: none; }

.changelog-content img {
  width: 100%; }

.release-notes-modal .release-notes-modal--view-changelog-link {
  padding-top: var(--spacing-xl);
  padding-left: var(--spacing-zero); }

.tooltip {
  position: absolute;
  z-index: 1010;
  display: block;
  font-family: var(--text-family-default);
  margin: var(--spacing-zero);
  opacity: 0;
  max-width: 300px;
  padding: var(--spacing-zero) var(--spacing-xs);
  word-wrap: break-word; }
  .tooltip[data-x-out-of-boundaries] {
    display: none; }

.tooltip.show {
  opacity: 1; }

.tooltip-wrapper {
  max-height: 500px;
  overflow-y: auto;
  padding: var(--spacing-s);
  color: var(--content-color-primary);
  background-color: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default); }

.tooltip-header {
  padding: var(--spacing-zero) var(--spacing-zero) var(--spacing-s) var(--spacing-zero);
  margin-bottom: var(--spacing-m);
  font-size: var(--text-size-l);
  font-weight: var(--text-weight-medium);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.tooltip-body {
  font-size: var(--text-size-m); }
  .tooltip-body .tooltip-body-title {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    margin: var(--spacing-s); }

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem; }

.tooltip .arrow::before {
  position: absolute;
  content: '';
  border-color: transparent;
  border-style: var(--border-style-solid); }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^='top'] {
  padding: 0.4rem var(--spacing-zero); }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^='top'] .arrow {
  bottom: 0;
  filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.2)); }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^='top'] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--background-color-secondary); }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^='right'] {
  padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^='right'] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
  filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.2)); }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^='right'] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--background-color-secondary); }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^='bottom'] {
  padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^='bottom'] .arrow {
  top: 0;
  filter: drop-shadow(-2px -2px 2px rgba(0, 0, 0, 0.2)); }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--background-color-secondary); }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^='left'] {
  padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^='left'] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
  filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, 0.08)); }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^='left'] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--background-color-secondary); }

.toggle-switch-container {
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .toggle-switch-container.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }

.toggle-switch {
  position: relative;
  width: var(--size-m);
  height: var(--size-xs);
  background: transparent;
  border-radius: 8px;
  border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
  box-sizing: border-box; }
  .toggle-switch.is-active {
    background: var(--base-color-brand);
    border-color: transparent; }
  .toggle-switch:before {
    content: ' ';
    position: absolute;
    height: 12px;
    width: 12px;
    top: 1px;
    left: 1px;
    border-radius: 6px;
    background: var(--content-color-tertiary); }
  .toggle-switch.is-active:before {
    right: 1px;
    left: initial;
    background: var(--content-color-constant); }

.toggle-switch-text {
  font-weight: var(--text-weight-regular);
  font-size: var(--text-size-m);
  line-height: var(--line-height-s);
  margin-left: var(--spacing-xs); }
  .toggle-switch-text .toggle-switch-text-on {
    color: var(--content-color-primary); }
  .toggle-switch-text .toggle-switch-text-off {
    color: var(--content-color-secondary); }

.drop-files-dropzone {
  display: flex;
  min-width: 100px;
  min-height: 280px;
  align-items: center;
  cursor: pointer; }
  .drop-files-dropzone.is-entered {
    background-color: var(--background-color-primary); }
  .drop-files-dropzone.is-accepted {
    background-color: var(--background-color-secondary); }
  .drop-files-dropzone.is-rejected {
    background-color: var(--background-color-secondary); }

.drop-files-dropzone-text {
  flex: 1;
  padding-bottom: 20px;
  font-size: 20px;
  text-align: center; }

.drop-files-inner-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .drop-files-inner-container .drop-files-dropzone-new-formats {
    margin-top: var(--spacing-l); }

@keyframes indeterminateProgress {
  from {
    background-position: 0 0; }
  to {
    background-position: 7000px 0; } }

.progress-bar {
  background-color: var(--background-color-tertiary);
  margin-top: 8px;
  height: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  /* stylelint-disable color-no-hex */
  /* stylelint-enable color-no-hex */ }
  .progress-bar .indeterminate {
    height: 100%;
    background-image: -webkit-repeating-linear-gradient(-45deg, #F8A97B 0px, #F8A97B 40px, #F47023 41px, #F47023 80px);
    background-repeat: repeat-x;
    animation: indeterminateProgress 60s linear infinite; }
  .progress-bar .determinate {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px; }
    .progress-bar .determinate.success {
      background-color: var(--base-color-success); }
    .progress-bar .determinate.warning {
      background-color: var(--base-color-warning); }
    .progress-bar .determinate.error {
      background-color: var(--base-color-error); }

@-webkit-keyframes bounce-middle {
  0% {
    height: 4px;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s); }
  50% {
    height: 20px;
    margin-top: var(--spacing-zero);
    margin-bottom: var(--spacing-zero); }
  100% {
    height: 4px;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s); } }

@keyframes bounce-middle {
  0% {
    height: 4px;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s); }
  50% {
    height: 20px;
    margin-top: var(--spacing-zero);
    margin-bottom: var(--spacing-zero); }
  100% {
    height: 4px;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s); } }

.loading-indicator-wrapper {
  height: 20px; }
  .loading-indicator-wrapper .loading-indicator {
    position: relative;
    display: inline-block;
    -webkit-animation: bounce-middle 0.6s ease 0.1s infinite;
    animation: bounce-middle 0.6s ease 0.1s infinite; }
    .loading-indicator-wrapper .loading-indicator, .loading-indicator-wrapper .loading-indicator:before, .loading-indicator-wrapper .loading-indicator:after {
      width: 4px;
      height: 20px;
      border-radius: var(--border-radius-s);
      background-color: var(--highlight-background-color-tertiary); }
    .loading-indicator-wrapper .loading-indicator:before, .loading-indicator-wrapper .loading-indicator:after {
      content: "";
      position: absolute;
      display: block;
      top: 50%;
      -webkit-transform: translateY(-10px) translateZ(0);
      transform: translateY(-10px) translateZ(0); }
    .loading-indicator-wrapper .loading-indicator:before {
      left: -6px;
      -webkit-animation: bounce-middle 0.6s ease 0s infinite;
      animation: bounce-middle 0.6s ease 0s infinite; }
    .loading-indicator-wrapper .loading-indicator:after {
      left: 6px;
      -webkit-animation: bounce-middle 0.6s ease 0.2s infinite;
      animation: bounce-middle 0.6s ease 0.2s infinite; }

.radial-progress {
  position: relative; }
  .radial-progress .progress {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(270deg);
    stroke-width: 3px; }
    .radial-progress .progress .radial-progress__progress {
      z-index: 2;
      transition: stroke-dashoffset 1s; }
    .radial-progress .progress .radial-progress__background {
      stroke: var(--background-color-tertiary); }
  .radial-progress.is-running .progress {
    stroke: var(--base-color-info); }
  .radial-progress.is-running:after {
    color: var(--base-color-info); }
  .radial-progress.is-finished .progress {
    stroke: var(--base-color-success); }
  .radial-progress.is-finished:after {
    color: var(--base-color-success); }
  .radial-progress:after {
    content: attr(data-progress);
    position: absolute; }

.expandable-tooltip {
  display: flex;
  flex-direction: column; }
  .expandable-tooltip .expandable-tooltip__item__header {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between; }
    .expandable-tooltip .expandable-tooltip__item__header .expandable-tooltip__item__expand {
      display: flex;
      align-items: center;
      justify-content: center; }
    .expandable-tooltip .expandable-tooltip__item__header .expandable-tooltip__item__title {
      display: flex;
      flex: 1; }
  .expandable-tooltip .expandable-tooltip__item__body--string {
    display: flex;
    align-items: center; }
  .expandable-tooltip .expandable-tooltip__item__body--json {
    display: flex;
    align-items: flex-start; }
    .expandable-tooltip .expandable-tooltip__item__body--json .expandable-tooltip__item__body__key {
      flex: 0 0 auto; }

.expandable-tooltip {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: absolute;
  left: 75px;
  top: 25px; }
  .expandable-tooltip.bottom:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 15px;
    left: 5px;
    border: 7px solid transparent;
    border-bottom-color: var(--background-color-secondary);
    z-index: 2; }
  .expandable-tooltip.top:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 5px;
    border: 7px solid transparent;
    border-top-color: var(--background-color-secondary);
    z-index: 2; }
  .expandable-tooltip .expandable-tooltip__item {
    border-bottom: 1px solid var(--border-color-default);
    border-radius: 2px; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__header {
      height: 30px;
      border-bottom: 1px solid var(--border-color-default);
      padding: 0 10px; }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__header .expandable-tooltip__item__expand {
        height: 100%;
        width: 30px;
        cursor: pointer; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__title {
      margin-right: 10px; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__length {
      margin-left: 10px;
      color: var(--content-color-secondary); }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--string {
      height: auto; }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--string pre {
        font-family: "IBMPlexMono", "Cousine", monospace;
        white-space: pre-wrap;
        word-wrap: break-word;
        cursor: text;
        -webkit-user-select: text;
        user-select: text; }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--string .expandable-tooltip__item__body__unavailable {
        padding: 5px 0; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--link {
      height: auto; }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--link pre {
        font-family: "IBMPlexMono", "Cousine", monospace;
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
        cursor: pointer !important;
        cursor: text;
        -webkit-user-select: text;
        user-select: text; }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--link :hover {
        color: var(--content-color-link); }
      .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--link .expandable-tooltip__item__body__unavailable {
        padding: 5px 0; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--json .expandable-tooltip__item__body__key {
      color: var(--content-color-primary);
      font-weight: 700;
      cursor: text;
      -webkit-user-select: text;
      user-select: text; }
    .expandable-tooltip .expandable-tooltip__item .expandable-tooltip__item__body--json .expandable-tooltip__item__body__value {
      padding-top: 3px;
      word-break: break-all;
      word-wrap: break-word;
      font-family: "IBMPlexMono", "Cousine", monospace;
      color: var(--content-color-secondary);
      padding-left: 5px;
      cursor: text;
      -webkit-user-select: text;
      user-select: text; }
  .expandable-tooltip .expandable-tooltip__body {
    position: absolute;
    left: -10px;
    width: 480px;
    max-height: 360px;
    overflow-y: auto;
    background-color: var(--background-color-secondary);
    border-radius: 2px;
    z-index: 1;
    box-shadow: var(--shadow-default); }
    .expandable-tooltip .expandable-tooltip__body.bottom {
      top: 30px; }
    .expandable-tooltip .expandable-tooltip__body.top {
      bottom: 30px; }
    .expandable-tooltip .expandable-tooltip__body .expandable-tooltip__item__body {
      padding: 2px 20px;
      max-width: 480px; }
  .expandable-tooltip:after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: -13px;
    border: 7px solid transparent;
    border-bottom-color: var(--background-color-secondary); }

.diff-overlay-wrapper {
  display: flex;
  min-height: 100%; }
  .diff-overlay-wrapper .diff-char {
    padding: 20px; }

.diff-view-modal-content {
  padding: 0; }

.diff-line {
  display: flex;
  align-items: center; }

.diff-wrapper {
  padding-top: 10px;
  margin: 0;
  overflow: visible;
  font-size: 12px;
  border-spacing: 0 1px;
  flex: 1; }
  .diff-wrapper.is-overlayed {
    padding: 2px;
    overflow: hidden; }
  .diff-wrapper .diff-normal {
    color: var(--content-color-primary);
    background: transparent; }
  .diff-wrapper .diff-added {
    margin: 1px 0;
    color: var(--content-color-success);
    background-color: var(--background-color-success); }
  .diff-wrapper .diff-removed {
    color: var(--content-color-error);
    background-color: var(--background-color-error); }
  .diff-wrapper .diff-text-wrapper {
    height: 15px;
    margin: 1px 0;
    line-height: 15px; }
  .diff-wrapper .diff-text-line {
    margin-right: 20px; }

.is-expandable {
  position: relative;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  transition: all linear 0.1s; }
  .is-expandable:hover, .is-expandable.is-hovered {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    .is-expandable:hover:before, .is-expandable.is-hovered:before {
      bottom: 0; }
  .is-expandable:before {
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100px;
    height: 25px;
    margin: 10px auto;
    font-size: 10px;
    line-height: 25px;
    color: var(--content-color-constant);
    text-align: center;
    cursor: pointer;
    content: 'Click to expand';
    background: rgba(0, 0, 0, 0.4);
    border-radius: 25px;
    transition: bottom cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; }

.diff-lines-numbers-container {
  display: flex;
  padding: 10px 0px 20px 0;
  background: var(--background-color-tertiary); }

.diff-line-numbers-wrapper {
  display: flex;
  flex-direction: column;
  width: 30px;
  color: var(--content-color-secondary);
  justify-content: flex-start;
  align-items: center; }

.diff-line-numbers {
  height: 14px;
  padding: 1px 5px;
  margin: 0; }

.input-select-wrapper {
  align-items: center;
  background-color: var(--background-color-tertiary);
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  box-sizing: border-box;
  display: flex;
  height: var(--controls-size-default);
  position: relative;
  width: 210px; }
  .input-select-wrapper.highlight {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-wrapper:hover {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-wrapper.is-open {
    background-color: var(--background-color-primary);
    border: 1px solid var(--border-color-strong); }
  .input-select-wrapper .input-search-group {
    flex: 1;
    background: none;
    border: 0;
    border-radius: 0;
    padding-right: 0; }
    .input-select-wrapper .input-search-group .input {
      font-size: 12px; }
      .input-select-wrapper .input-search-group .input::-webkit-input-placeholder {
        font-size: 12px; }
  .input-select-wrapper .dropdown-button {
    align-self: center;
    border-left: 0;
    background: none;
    border-radius: 0;
    flex: 0 0 30px;
    height: 30px;
    margin-left: auto;
    padding: 0; }
    .input-select-wrapper .dropdown-button .dropdown-caret {
      margin-left: 0; }
  .input-select-wrapper .input-select-list {
    background: var(--background-color-secondary);
    border-radius: var(--border-radius-default);
    list-style: none;
    margin: 0;
    max-height: 420px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 35px;
    width: 110%;
    z-index: 50;
    box-shadow: var(--shadow-default); }
    .input-select-wrapper .input-select-list .item {
      background: none;
      box-sizing: border-box;
      color: var(--content-color-secondary);
      cursor: pointer;
      font-size: 12px;
      padding: 8px;
      white-space: pre;
      overflow: hidden; }
      .input-select-wrapper .input-select-list .item.is-focused {
        background: var(--highlight-background-color-secondary); }
      .input-select-wrapper .input-select-list .item.is-selected {
        background: var(--highlight-background-color-secondary); }
      .input-select-wrapper .input-select-list .item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .input-select-wrapper .input-select-list .item:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }

.input-select-v2-wrapper {
  background-color: var(--background-color-tertiary);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default);
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: var(--controls-size-default);
  position: relative;
  width: 210px; }
  .input-select-v2-wrapper.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .input-select-v2-wrapper.is-disabled .input {
      cursor: not-allowed; }
  .input-select-v2-wrapper.highlight {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-v2-wrapper:hover, .input-select-v2-wrapper.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-v2-wrapper.is-open {
    background-color: var(--background-color-primary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .input-select-v2-wrapper .input-search-group {
    flex: 1;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-right: var(--spacing-zero); }
    .input-select-v2-wrapper .input-search-group .input {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m); }
      .input-select-v2-wrapper .input-search-group .input::-webkit-input-placeholder {
        font-size: var(--text-size-m); }
  .input-select-v2-wrapper .dropdown-button {
    align-self: center;
    border-left: 0;
    background: transparent;
    border-radius: 0;
    flex: 0 0 30px;
    height: var(--controls-size-default);
    margin-left: auto;
    padding: var(--spacing-zero); }
    .input-select-v2-wrapper .dropdown-button .dropdown-caret {
      margin-left: var(--spacing-zero); }

.input-select-v2-dropdown-menu .dropdown-menu-item {
  cursor: pointer; }
  .input-select-v2-dropdown-menu .dropdown-menu-item .input-select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1; }
  .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper {
    overflow: hidden;
    display: flex;
    flex: 1;
    white-space: nowrap;
    align-items: center; }
    .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1; }
    .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions {
      visibility: hidden;
      display: flex; }
      .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action {
        display: flex;
        justify-content: center;
        align-items: center;
        height: var(--size-m);
        width: var(--size-m); }
        .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action:hover use, .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered use {
          fill: var(--content-color-brand); }
        .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action:hover svg > path[fill], .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered svg > path[fill] {
          fill: var(--content-color-brand); }
  .input-select-v2-dropdown-menu .dropdown-menu-item:hover .item-wrapper .item-actions, .input-select-v2-dropdown-menu .dropdown-menu-item.is-hovered .item-wrapper .item-actions {
    visibility: visible; }
  .input-select-v2-dropdown-menu .dropdown-menu-item.is-selected .highlight {
    color: var(--content-color-brand); }
  .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--save_method {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result {
    color: var(--content-color-tertiary);
    cursor: default; }
    .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result:hover, .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result.is-hovered {
      background-color: inherit; }
    .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result.is-focused {
      background-color: inherit; }
  .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods {
    color: var(--content-color-tertiary);
    cursor: default; }
    .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods:hover, .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods.is-hovered {
      background-color: inherit; }
    .input-select-v2-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods.is-focused {
      background-color: inherit; }

.pm-list {
  overflow-y: scroll; }

.pm-row {
  overflow-x: scroll;
  display: flex; }
  .pm-row::-webkit-scrollbar {
    display: none; }

.inline-input__wrapper {
  width: 95%; }
  .inline-input__wrapper .input-box {
    border-color: var(--border-color-strong);
    border-radius: var(--border-radius-s);
    font-size: inherit;
    height: auto;
    padding: 2px var(--spacing-xs); }
    .inline-input__wrapper .input-box.is-error {
      border-color: var(--base-color-error); }

.inline-input__placeholder {
  word-break: break-all; }

.inline-editor-wrapper .inline-editor__text-editor-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0; }
  .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor-body {
    position: relative; }
  .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor-monaco {
    border-radius: var(--border-radius-default); }
    .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor-monaco .overflow-guard {
      border-radius: var(--border-radius-default); }
    .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor-monaco .monaco-placeholder {
      color: var(--content-color-tertiary);
      font-size: var(--text-size-xs);
      opacity: 0.6;
      cursor: text;
      line-height: var(--line-height-s); }
  .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor {
    min-height: 80px; }
    .inline-editor-wrapper .inline-editor__text-editor-wrapper .inline-editor__text-editor .ace_active-line {
      background: none; }

.inline-editor-wrapper .inline-editor__text-editor-footer {
  display: flex;
  justify-content: space-between; }
  .inline-editor-wrapper .inline-editor__text-editor-footer .inline-editor__help-text {
    font-size: var(--text-size-xs);
    color: var(--content-color-tertiary);
    line-height: var(--text-size-xxxl); }

.inline-editor-wrapper .inline-editor__actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero); }

.inline-editor-wrapper .inline-editor__cancel-button {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  padding: var(--spacing-s);
  text-align: center;
  width: 50px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .inline-editor-wrapper .inline-editor__cancel-button:hover, .inline-editor-wrapper .inline-editor__cancel-button.is-hovered {
    color: var(--content-color-primary); }

.inline-editor-wrapper .inline-editor__update-button {
  min-width: 65px; }

.inline-editor-text-wrapper-container {
  display: flex;
  width: 100%;
  flex-direction: column; }

.inline-editor-text-wrapper {
  align-items: flex-start;
  display: flex;
  position: relative; }
  .inline-editor-text-wrapper .inline-editor__add__link-wrapper {
    display: flex; }
  .inline-editor-text-wrapper .inline-editor__add__link {
    color: var(--content-color-link);
    cursor: pointer;
    font-size: var(--text-size-s); }
  .inline-editor-text-wrapper .inline-editor-text {
    color: var(--content-color-secondary);
    font-family: var(--text-family-default);
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    overflow: hidden;
    position: relative;
    color: var(--content-color-primary);
    cursor: text;
    -webkit-user-select: text;
    user-select: text; }
    .inline-editor-text-wrapper .inline-editor-text h1,
    .inline-editor-text-wrapper .inline-editor-text h2,
    .inline-editor-text-wrapper .inline-editor-text h3,
    .inline-editor-text-wrapper .inline-editor-text h4,
    .inline-editor-text-wrapper .inline-editor-text h5,
    .inline-editor-text-wrapper .inline-editor-text h6 {
      line-height: 1.5;
      margin: 1.5em 0 0.5em; }
    .inline-editor-text-wrapper .inline-editor-text h1 {
      font-size: 18px;
      font-weight: 700; }
    .inline-editor-text-wrapper .inline-editor-text h2 {
      font-size: 16px;
      font-weight: 700; }
    .inline-editor-text-wrapper .inline-editor-text h3 {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700; }
    .inline-editor-text-wrapper .inline-editor-text h4 {
      font-size: 14px;
      font-weight: 700; }
    .inline-editor-text-wrapper .inline-editor-text h5 {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600; }
    .inline-editor-text-wrapper .inline-editor-text h6 {
      font-size: 12px;
      font-weight: 600; }
    .inline-editor-text-wrapper .inline-editor-text hr {
      border-style: none;
      border-width: 0;
      border-bottom: 1px solid var(--border-color-default); }
    .inline-editor-text-wrapper .inline-editor-text blockquote {
      padding-left: 16px;
      margin-left: 8px;
      border-left: 4px solid var(--border-color-default);
      color: var(--content-color-secondary); }
      .inline-editor-text-wrapper .inline-editor-text blockquote blockquote {
        margin-left: 20px; }
    .inline-editor-text-wrapper .inline-editor-text p, .inline-editor-text-wrapper .inline-editor-text span {
      margin: 3px 0;
      font-size: 12px;
      font-weight: 400; }
    .inline-editor-text-wrapper .inline-editor-text em {
      font-style: italic; }
    .inline-editor-text-wrapper .inline-editor-text strong {
      font-weight: var(--text-weight-medium); }
    .inline-editor-text-wrapper .inline-editor-text ul, .inline-editor-text-wrapper .inline-editor-text ol {
      margin: 5px; }
    .inline-editor-text-wrapper .inline-editor-text a {
      color: var(--content-color-link);
      text-decoration: none; }
      .inline-editor-text-wrapper .inline-editor-text a:hover {
        text-decoration: underline; }
    .inline-editor-text-wrapper .inline-editor-text pre {
      padding: 3px;
      background-color: var(--background-color-primary);
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default); }
      .inline-editor-text-wrapper .inline-editor-text pre code {
        padding: 0;
        background-color: transparent;
        border: 0;
        border-radius: 0; }
    .inline-editor-text-wrapper .inline-editor-text code {
      padding: 1px 3px;
      font-family: "IBMPlexMono", "Cousine", monospace;
      font-size: 12px;
      background-color: var(--background-color-primary);
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default); }
    .inline-editor-text-wrapper .inline-editor-text table {
      width: 100%;
      margin: 8px 0;
      border-radius: var(--border-radius-default);
      border-spacing: 0;
      border-collapse: collapse;
      border: 1px solid var(--border-color-default); }
      .inline-editor-text-wrapper .inline-editor-text table th,
      .inline-editor-text-wrapper .inline-editor-text table td {
        max-width: 360px;
        padding: 4px 8px;
        word-break: normal;
        vertical-align: top;
        white-space: pre-line;
        border: 1px solid var(--border-color-default); }
        .inline-editor-text-wrapper .inline-editor-text table th:first-child,
        .inline-editor-text-wrapper .inline-editor-text table td:first-child {
          border-left: none; }
        .inline-editor-text-wrapper .inline-editor-text table th:last-child,
        .inline-editor-text-wrapper .inline-editor-text table td:last-child {
          border-right: none; }
      .inline-editor-text-wrapper .inline-editor-text table th {
        border-top: none; }
      .inline-editor-text-wrapper .inline-editor-text table tr:last-child th,
      .inline-editor-text-wrapper .inline-editor-text table tr:last-child td {
        border-bottom: none; }
    .inline-editor-text-wrapper .inline-editor-text img {
      max-width: 100%; }
    .inline-editor-text-wrapper .inline-editor-text p {
      word-break: break-word; }
  .inline-editor-text-wrapper .inline-editor-text__edit-icon-wrapper {
    cursor: pointer;
    display: flex;
    margin-left: var(--spacing-xs);
    padding: var(--spacing-xs); }
  .inline-editor-text-wrapper .inline-editor-text__edit-icon {
    cursor: pointer;
    visibility: hidden; }
  .inline-editor-text-wrapper:hover.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon, .inline-editor-text-wrapper.is-hovered.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon {
    visibility: visible; }
    .inline-editor-text-wrapper:hover.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon use, .inline-editor-text-wrapper.is-hovered.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon use {
      fill: var(--content-color-secondary); }
    .inline-editor-text-wrapper:hover.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon svg > path[fill], .inline-editor-text-wrapper.is-hovered.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon svg > path[fill] {
      fill: var(--content-color-secondary); }

.inline-editor__view-more-wrapper {
  display: flex;
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero); }
  .inline-editor__view-more-wrapper .inline-editor__view-more {
    color: var(--content-color-link);
    cursor: pointer;
    flex: 1;
    font-size: var(--text-size-m); }

.inline-editor__markdown-link {
  padding: var(--spacing-zero) var(--spacing-zero) var(--spacing-zero) var(--spacing-xs);
  font-size: var(--text-size-xs); }

.breadcrumb__dropdown {
  position: absolute; }
  .breadcrumb__dropdown .breadcrumb__dropdown-button-wrapper {
    border: none;
    height: auto;
    left: -2px;
    padding: 0;
    position: relative;
    width: auto; }
    .breadcrumb__dropdown .breadcrumb__dropdown-button-wrapper .breadcrumb__dropdown-button {
      position: relative; }
  .breadcrumb__dropdown .dropdown-menu {
    left: -8.5px;
    max-width: 250px; }
    .breadcrumb__dropdown .dropdown-menu .dropdown-menu-item .dropdown-menu-item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .breadcrumb__dropdown .dropdown-menu-item-icon {
    margin-right: 10px; }

.breadcrumb {
  overflow: hidden;
  padding-right: 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .breadcrumb:after {
    content: '/';
    position: absolute;
    right: -1px;
    top: 0;
    width: 12px; }
  .breadcrumb .breadcrumb__name {
    padding-right: 2px;
    cursor: pointer; }
    .breadcrumb .breadcrumb__name:hover, .breadcrumb .breadcrumb__name.is-hovered {
      text-decoration: underline; }
  .breadcrumb:last-child {
    padding-right: unset; }
    .breadcrumb:last-child .breadcrumb__name {
      color: var(--content-color-primary);
      text-decoration: unset;
      cursor: unset; }
    .breadcrumb:last-child:after {
      content: ''; }

.breadcrumb__container {
  display: flex;
  align-items: center;
  overflow: hidden; }
  .breadcrumb__container .dropdown-breadcrumb__separator {
    margin: 0 5px 0 30px; }
  .breadcrumb__container .breadcrumb__text {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-m);
    color: var(--content-color-tertiary); }

.auto-suggest-group {
  display: flex;
  flex-direction: row; }
  .auto-suggest-group > * {
    flex: 1 1 50%; }

.auto-suggest {
  position: relative;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-primary);
  flex: 1;
  align-self: flex-start; }
  .auto-suggest.is-focused {
    z-index: 2; }
    .auto-suggest.is-focused .public-DraftStyleDefault-block {
      white-space: normal !important;
      text-overflow: unset; }
    .auto-suggest.is-focused .public-DraftEditor-content {
      display: flex;
      flex: 1 auto;
      width: 0; }
      .auto-suggest.is-focused .public-DraftEditor-content > div {
        flex: 1;
        overflow: hidden; }
        .auto-suggest.is-focused .public-DraftEditor-content > div > div:not(:first-child) {
          display: block; }
    .auto-suggest.is-focused .auto-suggest-box {
      z-index: 10;
      border-color: var(--border-color-strong) !important;
      background-color: var(--background-color-primary) !important; }
    .auto-suggest.is-focused .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:first-child::after {
      content: none; }
    .auto-suggest.is-focused .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:first-child .public-DraftStyleDefault-block > span br {
      display: block; }
  .auto-suggest.is-overridden .public-DraftStyleDefault-block {
    text-decoration: line-through;
    color: var(--content-color-tertiary); }
  .auto-suggest:not(.is-focused) .auto-suggest-cell--multiline.auto-suggest__collapsible .public-DraftEditor-content > div {
    display: flex; }
    .auto-suggest:not(.is-focused) .auto-suggest-cell--multiline.auto-suggest__collapsible .public-DraftEditor-content > div > div {
      display: block; }
  .auto-suggest:not(.is-focused) .auto-suggest-cell--multiline:not(.auto-suggest__collapsible) .public-DraftEditor-content div[data-block=true]:first-child::after {
    content: '...';
    opacity: 0.4; }
  .auto-suggest:not(.is-focused) .auto-suggest-cell--multiline div[data-block=true]:first-child {
    display: flex; }
  .auto-suggest:not(.is-focused) .auto-suggest__overflown div[data-block=true]:first-child {
    display: flex; }
    .auto-suggest:not(.is-focused) .auto-suggest__overflown div[data-block=true]:first-child .public-DraftStyleDefault-block {
      margin-right: 2px;
      height: 20px; }
    .auto-suggest:not(.is-focused) .auto-suggest__overflown div[data-block=true]:first-child::after {
      content: '...';
      opacity: 0.4; }
  .auto-suggest:not(.is-focused) .auto-suggest__multiline-overflown .public-DraftEditor-content::after {
    content: '...';
    opacity: 0.4; }
  .auto-suggest .DraftEditor-root {
    display: flex;
    align-items: center;
    overflow: hidden; }
  .auto-suggest .auto-suggest-cell {
    padding: 0px 3px;
    display: flex;
    width: 100%;
    box-sizing: border-box; }
  .auto-suggest .auto-suggest-box {
    padding: 6px 10px;
    border-radius: var(--border-radius-default);
    border: 1px solid var(--border-color-default);
    background-color: var(--background-color-secondary); }
    .auto-suggest .auto-suggest-box:hover, .auto-suggest .auto-suggest-box.is-hovered {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
  .auto-suggest .auto-suggest__info_wrapper {
    display: flex;
    flex-direction: row; }
    .auto-suggest .auto-suggest__info_wrapper .auto-suggest__info_span {
      overflow: hidden;
      text-overflow: ellipsis; }
    .auto-suggest .auto-suggest__info_wrapper .auto-suggest__info_button {
      margin-left: var(--spacing-s);
      display: flex;
      align-items: center; }
  .auto-suggest .auto-suggest-preview-info__wrapper {
    display: flex; }
    .auto-suggest .auto-suggest-preview-info__wrapper .auto-suggest-preview-info__span {
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
    .auto-suggest .auto-suggest-preview-info__wrapper .auto-suggest-preview-info_button {
      display: flex;
      margin-left: var(--spacing-s);
      align-items: center; }
  .auto-suggest .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:first-child .public-DraftStyleDefault-block > span br {
    display: none; }
  .auto-suggest .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:not(:last-child) .public-DraftStyleDefault-block > span br {
    display: none; }
  .auto-suggest.show-whitespaces.has-error .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:not(:last-child) .public-DraftStyleDefault-block > span br {
    display: none; }
  .auto-suggest.show-whitespaces.has-error .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:not(:last-child) .public-DraftStyleDefault-block::after {
    content: '\21B5';
    font-size: var(--spacing-s);
    color: var(--content-color-error);
    padding: 5px 3px;
    background: var(--background-color-error); }
  .auto-suggest.show-whitespaces:not(.has-error) .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:not(:last-child) .public-DraftStyleDefault-block > span br {
    display: none; }
  .auto-suggest.show-whitespaces:not(.has-error) .auto-suggest-cell--multiline .public-DraftEditor-content div[data-block=true]:not(:last-child) .public-DraftStyleDefault-block::after {
    content: '\21B5';
    opacity: 0.4;
    font-size: var(--spacing-s);
    padding: 5px 3px; }
  .auto-suggest .public-DraftEditorPlaceholder-root {
    color: var(--content-color-tertiary);
    white-space: nowrap; }
  .auto-suggest .DraftEditor-editorContainer {
    display: flex;
    flex: 1;
    min-width: 0; }
  .auto-suggest .public-DraftEditor-content {
    display: flex;
    flex: 1;
    width: 0;
    align-items: center; }
    .auto-suggest .public-DraftEditor-content > div {
      flex: 1;
      overflow: hidden; }
      .auto-suggest .public-DraftEditor-content > div > div:not(:first-child) {
        display: none; }
  .auto-suggest .is-focused .public-DraftStyleDefault-block {
    text-overflow: unset; }
  .auto-suggest .public-DraftStyleDefault-block {
    white-space: nowrap !important;
    overflow: hidden;
    white-space: pre; }
    .auto-suggest .public-DraftStyleDefault-block::-webkit-scrollbar {
      display: none; }
  .auto-suggest .resolvedVariable, .auto-suggest .unresolvedVariable {
    color: var(--base-color-brand);
    text-decoration: none; }
    .auto-suggest .resolvedVariable:hover, .auto-suggest .unresolvedVariable:hover {
      opacity: 0.7; }
  .auto-suggest .unresolvedVariable {
    color: var(--content-color-error);
    background: var(--background-color-error);
    padding: 2px; }

.variable-hover-tooltip {
  max-width: 320px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .variable-hover-tooltip .variable-meta-item {
    display: flex;
    padding: 5px 0px;
    font-size: 11px;
    min-width: 120px; }
    .variable-hover-tooltip .variable-meta-item .variable-meta-item-value {
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      word-wrap: break-word;
      text-overflow: ellipsis;
      max-height: 75px;
      overflow: hidden;
      max-width: 100px;
      display: inline-block;
      width: 100px; }
    .variable-hover-tooltip .variable-meta-item .variable-meta-item-label {
      text-align: right;
      color: var(--content-color-secondary);
      display: flex;
      flex: 0 0 60px;
      width: 60px; }
    .variable-hover-tooltip .variable-meta-item .input-field {
      height: var(--spacing-m); }
    .variable-hover-tooltip .variable-meta-item input {
      height: auto;
      text-overflow: ellipsis; }
  .variable-hover-tooltip .arrow::before {
    border-bottom-color: var(--background-color-tertiary); }
  .variable-hover-tooltip .tooltip-wrapper {
    padding: var(--spacing-m); }
  .variable-hover-tooltip .tooltip-body {
    display: flex;
    flex-direction: column; }
  .variable-hover-tooltip .tooltip-header {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    border-bottom: unset;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 40px; }
    .variable-hover-tooltip .tooltip-header .tooltip-header-title {
      display: flex;
      align-items: center;
      max-width: 150px; }
      .variable-hover-tooltip .tooltip-header .tooltip-header-title .variable-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 var(--spacing-xs);
        flex: 1; }
      .variable-hover-tooltip .tooltip-header .tooltip-header-title .toggle-mask-icon {
        flex: 0 0 15%;
        margin-left: var(--spacing-xs); }
        .variable-hover-tooltip .tooltip-header .tooltip-header-title .toggle-mask-icon i {
          margin-top: var(--spacing-xs); }
    .variable-hover-tooltip .tooltip-header .scope-icon {
      border-radius: var(--border-radius-default);
      text-align: center;
      color: var(--content-color-constant);
      font-weight: 600;
      font-size: 13px;
      margin-right: 5px;
      padding: 0px 5px;
      text-transform: capitalize;
      flex: 0 0 5%; }
      .variable-hover-tooltip .tooltip-header .scope-icon.global {
        background: var(--base-color-info); }
      .variable-hover-tooltip .tooltip-header .scope-icon.environment {
        background: var(--base-color-success); }
      .variable-hover-tooltip .tooltip-header .scope-icon.collection {
        background: var(--base-color-warning); }
      .variable-hover-tooltip .tooltip-header .scope-icon.unresolved {
        padding: 0px var(--spacing-s);
        background: var(--base-color-error); }
  .variable-hover-tooltip .override-label {
    background: var(--base-color-warning);
    border-radius: 2px;
    padding: 1px 2px;
    color: var(--content-color-constant);
    width: 62px;
    font-size: 9px;
    margin-left: 40px;
    margin-top: -5px;
    text-align: center; }
  .variable-hover-tooltip .overriding-help-info {
    padding-top: 5px;
    font-size: 9px;
    border-top: 1px solid var(--border-color-default);
    color: var(--content-color-secondary); }
  .variable-hover-tooltip .variable-meta-item--override {
    text-decoration: line-through;
    max-height: 40px !important;
    -webkit-line-clamp: 3 !important;
    color: var(--content-color-secondary); }
  .variable-hover-tooltip .variable-unresolved-title {
    color: var(--base-color-error);
    font-size: 11px;
    padding: 5px 0px; }
  .variable-hover-tooltip .variable-unresolved-content {
    font-size: 10px;
    padding: 5px 0px; }

.show-whitespaces .wf__item {
  white-space: pre-wrap; }
  .show-whitespaces .wf__item .wf__tk {
    word-break: break-all;
    line-height: 14px; }
  .show-whitespaces .wf__item .wf__ch {
    opacity: 0.6;
    margin: 1px; }
  .show-whitespaces .wf__item .wf__qt::after {
    content: '"';
    opacity: 0.6; }

.show-whitespaces .wf__sp {
  background: radial-gradient(circle, var(--border-color-strong), rgba(192, 192, 0, 0) 1.5px);
  opacity: 1;
  font-family: monospace;
  line-height: var(--spacing-s); }

.show-whitespaces .wf__tb {
  font-size: var(--text-size-m);
  display: inline-block; }
  .show-whitespaces .wf__tb::before {
    content: '\2192';
    opacity: 0.4;
    font-size: var(--text-size-xs);
    position: absolute;
    padding: 0 6px; }

.auto-suggest.show-whitespaces.has-error .wf__sp, .key-value-cell.show-whitespaces.has-error .wf__sp {
  background: radial-gradient(circle, var(--content-color-tertiary), rgba(192, 192, 0, 0) 1.5px); }

.auto-suggest__warning-btn,
.auto-suggest__error-btn {
  position: absolute;
  padding: 7px var(--spacing-s);
  right: 0;
  background: unset;
  height: unset;
  width: unset;
  z-index: 1; }
  .auto-suggest__warning-btn:hover, .auto-suggest__warning-btn:active,
  .auto-suggest__error-btn:hover,
  .auto-suggest__error-btn:active {
    background: unset; }
  .auto-suggest__warning-btn .auto-suggest__error-icon use,
  .auto-suggest__error-btn .auto-suggest__error-icon use {
    fill: var(--content-color-error); }
  .auto-suggest__warning-btn .auto-suggest__error-icon svg > path[fill],
  .auto-suggest__error-btn .auto-suggest__error-icon svg > path[fill] {
    fill: var(--content-color-error); }
  .auto-suggest__warning-btn .auto-suggest__warning-icon use,
  .auto-suggest__error-btn .auto-suggest__warning-icon use {
    fill: var(--content-color-warning); }
  .auto-suggest__warning-btn .auto-suggest__warning-icon svg > path[fill],
  .auto-suggest__error-btn .auto-suggest__warning-icon svg > path[fill] {
    fill: var(--content-color-warning); }

.highlight-with-error {
  background: var(--background-color-error); }

.highlight-with-warning {
  background: var(--background-color-warning); }

.auto-suggest.has-error .DraftEditor-editorContainer .public-DraftEditor-content, .auto-suggest.has-warning .DraftEditor-editorContainer .public-DraftEditor-content {
  margin-right: var(--spacing-l); }

.autocomplete-item {
  display: flex;
  padding: 5px;
  border-bottom: 1px solid var(--border-color-default);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  justify-content: space-between; }
  .autocomplete-item.autocomplete-item-focused {
    background-color: var(--background-color-tertiary); }
  .autocomplete-item .autocomplete-item-content {
    display: flex; }
  .autocomplete-item .autocomplete-item-scope {
    display: inline-block;
    position: absolute;
    height: 17px;
    width: 17px;
    border-radius: 1px;
    text-align: center;
    line-height: 17px;
    color: var(--content-color-constant);
    font-weight: 600;
    font-size: 12px; }
    .autocomplete-item .autocomplete-item-scope.autocomplete-item-scope--global {
      background: var(--base-color-info); }
    .autocomplete-item .autocomplete-item-scope.autocomplete-item-scope--environment {
      background: var(--base-color-success); }
    .autocomplete-item .autocomplete-item-scope.autocomplete-item-scope--collection {
      background: var(--base-color-warning); }
  .autocomplete-item .autocomplete-item-key {
    padding-left: 15px;
    color: var(--content-color-primary);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 600; }

.autocomplete-dropdown-menu {
  border-right: 1px solid var(--border-color-default);
  position: relative;
  width: 150px;
  background: var(--background-color-secondary);
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 11px;
  max-height: 144px;
  overflow-y: auto;
  overflow-x: hidden; }
  .autocomplete-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-background-color); }
  .autocomplete-dropdown-menu::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-background-color); }

.autocomplete-menu-wrapper {
  position: absolute;
  margin-top: 20px;
  border-radius: var(--border-radius-default);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.37);
  width: 370px;
  height: 144px;
  display: flex;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  z-index: 100; }
  .autocomplete-menu-wrapper .autocomplete-meta-container {
    display: flex;
    width: 220px;
    flex-direction: column;
    background: var(--background-color-secondary);
    color: var(--content-color-primary); }
    .autocomplete-menu-wrapper .autocomplete-meta-container .override-label {
      background: var(--base-color-warning);
      border-radius: 2px;
      padding: 1px 2px;
      color: var(--content-color-constant);
      width: 62px;
      font-size: 9px;
      margin-left: 45px;
      margin-top: -3px;
      text-align: center; }
    .autocomplete-menu-wrapper .autocomplete-meta-container .overriding-help-info {
      margin: 5px 10px;
      padding-top: 5px;
      font-size: 10px;
      border-top: 1px solid var(--border-color-default);
      color: var(--content-color-secondary); }
    .autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--override {
      text-decoration: line-through;
      max-height: 42px !important;
      -webkit-line-clamp: 3 !important;
      color: var(--content-color-secondary); }
    .autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item {
      display: flex;
      padding: 5px;
      font-size: 10px; }
    .autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--label {
      padding: 2px 10px 2px 0px;
      flex: 0 0 30px;
      text-align: right;
      color: var(--content-color-secondary); }
    .autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--content {
      text-overflow: ellipsis;
      overflow: hidden;
      max-height: 68px;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      word-wrap: break-word; }
      .autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--content input {
        height: var(--spacing-m);
        line-height: unset;
        text-overflow: ellipsis; }

.infobar {
  display: flex;
  align-items: center;
  text-align: center;
  min-height: 40px;
  height: auto;
  font-size: var(--text-size-m);
  color: var(--content-color-constant); }
  .infobar a {
    color: var(--content-color-link);
    text-decoration: none; }

.infobar__msg_text {
  flex: 2;
  display: flex;
  margin-left: var(--spacing-l);
  align-items: center;
  text-align: left; }
  .infobar__msg_text .infobar__icon-wrapper {
    display: flex; }
  .infobar__msg_text .infobar__icon {
    margin-right: var(--spacing-s); }

.infobar-info {
  background-color: var(--background-color-tertiary);
  color: var(--content-color-primary); }
  .infobar-info .infobar__icon use {
    fill: var(--content-color-primary); }
  .infobar-info .infobar__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .infobar-info .infobar__dismiss_icon use {
    fill: var(--content-color-primary); }
  .infobar-info .infobar__dismiss_icon svg > path[fill] {
    fill: var(--content-color-primary); }

.infobar-warn {
  background-color: var(--background-color-warning);
  color: var(--content-color-primary); }
  .infobar-warn .infobar__icon use {
    fill: var(--content-color-primary); }
  .infobar-warn .infobar__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .infobar-warn .infobar__dismiss_icon use {
    fill: var(--content-color-primary); }
  .infobar-warn .infobar__dismiss_icon svg > path[fill] {
    fill: var(--content-color-primary); }

.infobar-error {
  background-color: var(--background-color-error);
  color: var(--content-color-primary); }
  .infobar-error .infobar__icon use {
    fill: var(--content-color-primary); }
  .infobar-error .infobar__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .infobar-error .infobar__dismiss_icon use {
    fill: var(--content-color-primary); }
  .infobar-error .infobar__dismiss_icon svg > path[fill] {
    fill: var(--content-color-primary); }

.infobar-success {
  background-color: var(--background-color-success);
  color: var(--content-color-primary); }
  .infobar-success .infobar__icon use {
    fill: var(--content-color-primary); }
  .infobar-success .infobar__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .infobar-success .infobar__dismiss_icon use {
    fill: var(--content-color-primary); }
  .infobar-success .infobar__dismiss_icon svg > path[fill] {
    fill: var(--content-color-primary); }

.infobar__msg_container {
  display: flex;
  flex: auto;
  margin-right: auto;
  justify-content: space-between; }
  .infobar__msg_container a {
    color: inherit;
    font-weight: var(--text-weight-medium); }
  .infobar__msg_container .infobar-actions {
    align-self: center;
    margin-right: var(--spacing-l); }
    .infobar__msg_container .infobar-actions .btn-small {
      padding: var(--spacing-zero) var(--spacing-l); }

.infobar__dismiss_container {
  margin-right: var(--spacing-l);
  cursor: pointer; }
  .infobar__dismiss_container .infobar__dismiss_icon {
    padding-top: var(--spacing-xs); }

.infobar_trial-warning-banner-icon, .infobar_plan-update-banner-icon {
  margin-right: var(--spacing-s); }

.infobar_plan-update-banner a {
  text-decoration: underline;
  font-weight: var(--text-weight-regular); }

.list-carousal {
  display: flex;
  color: var(--content-color-primary);
  align-items: center; }
  .list-carousal .btn-icon {
    background-color: transparent; }
    .list-carousal .btn-icon:hover, .list-carousal .btn-icon.is-hovered {
      background-color: var(--highlight-background-color-primary); }
    .list-carousal .btn-icon:focus, .list-carousal .btn-icon.is-focused {
      background-color: var(--highlight-background-color-primary); }
    .list-carousal .btn-icon:active, .list-carousal .btn-icon.is-active {
      background-color: var(--highlight-background-color-primary); }
    .list-carousal .btn-icon.is-disabled {
      opacity: 0.5;
      cursor: default; }
      .list-carousal .btn-icon.is-disabled:focus, .list-carousal .btn-icon.is-disabled.is-focused {
        background-color: transparent; }
      .list-carousal .btn-icon.is-disabled:hover, .list-carousal .btn-icon.is-disabled.is-hovered {
        background-color: transparent; }
      .list-carousal .btn-icon.is-disabled:active, .list-carousal .btn-icon.is-disabled.is-active {
        background-color: transparent; }
  .list-carousal .list-carousal--label {
    white-space: pre;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0px 10px; }
  .list-carousal .list-carousal--next,
  .list-carousal .list-carousal--previous {
    padding: 1px; }

.user-card {
  display: flex;
  width: 240px;
  background: transparent;
  padding: var(--spacing-s) var(--spacing-l); }
  .user-card .user-card__left {
    padding-right: var(--spacing-s); }
  .user-card .user-card__right {
    display: flex;
    flex-direction: column;
    max-width: 200px; }
    .user-card .user-card__right .user-card__right-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: var(--text-family-default);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary); }
    .user-card .user-card__right .user-card__right-email {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-size-s);
      line-height: var(--line-height-s);
      font-weight: var(--text-weight-regular);
      color: var(--content-color-secondary); }
    .user-card .user-card__right .user-card__right-add-account {
      display: flex;
      align-items: center;
      flex: 1;
      font-family: var(--text-family-default);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary); }
    .user-card .user-card__right .user-card__right-profile-button {
      font-family: var(--text-family-default);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary);
      margin: var(--spacing-s) var(--spacing-zero);
      width: 104px; }

.user-label__info {
  position: relative;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center; }

.user-label__name {
  position: absolute;
  left: 40px;
  line-height: 32px;
  color: var(--content-color-primary); }

.user-label__email {
  margin-left: var(--spacing-xs);
  color: var(--content-color-secondary); }

.Select-value .user-label__info {
  margin-top: 3px; }

.info-button {
  display: flex; }
  .info-button.error use {
    fill: var(--base-color-error); }
  .info-button.error svg > path[fill] {
    fill: var(--base-color-error); }
  .info-button .info-button__icon {
    display: flex; }

.info-button-new {
  display: flex;
  cursor: default; }
  .info-button-new.error use {
    fill: var(--base-color-error); }
  .info-button-new.error svg > path[fill] {
    fill: var(--base-color-error); }
  .info-button-new .info-button-new__icon {
    display: flex; }
    .info-button-new .info-button-new__icon use {
      fill: var(--content-color-secondary); }
    .info-button-new .info-button-new__icon svg > path[fill] {
      fill: var(--content-color-secondary); }

.info-button-new__tooltip {
  margin-left: var(--spacing-xs); }
  .info-button-new__tooltip.enable-whitespace {
    white-space: pre-wrap; }

.info-button__icon {
  display: flex; }

.folder-button {
  display: flex; }
  .folder-button.error use {
    fill: var(--base-color-error); }
  .folder-button.error svg > path[fill] {
    fill: var(--base-color-error); }
  .folder-button .folder-button__icon {
    display: flex; }

.warning-button {
  display: flex;
  cursor: pointer; }
  .warning-button .warning-icon use {
    fill: var(--base-color-warning); }
  .warning-button .warning-icon svg > path[fill] {
    fill: var(--base-color-warning); }

.data-editor .data-editor__header {
  display: flex;
  border-bottom: 1px solid var(--border-color-default);
  margin-bottom: 0px;
  height: 30px;
  position: relative;
  box-sizing: border-box;
  padding-left: 15px; }
  .data-editor .data-editor__header .resize-preview {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--border-color-default);
    z-index: 20; }
  .data-editor .data-editor__header:hover, .data-editor .data-editor__header.is-hovered {
    background-color: transparent; }
  .data-editor .data-editor__header .data-editor__header__controls {
    color: var(--content-color-brand);
    display: flex;
    flex-direction: row;
    padding: 5px;
    align-items: center; }
    .data-editor .data-editor__header .data-editor__header__controls .data-editor-column-toggle {
      position: relative;
      border-left: 1px solid var(--border-color-default); }
      .data-editor .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__menu {
        position: absolute;
        flex: 1;
        max-width: 175px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        background: var(--background-color-secondary);
        z-index: 50;
        box-shadow: var(--shadow-default);
        right: 0;
        top: 25px;
        padding: 5px;
        color: var(--content-color-primary);
        border-radius: var(--border-radius-default); }
      .data-editor .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__column {
        display: flex;
        padding: 5px;
        cursor: pointer; }
        .data-editor .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__column:first-child {
          font-size: 10px;
          color: var(--content-color-secondary);
          cursor: default; }
      .data-editor .data-editor__header .data-editor__header__controls .data-editor-column-toggle .input-checkbox {
        margin-right: 10px; }
  .data-editor .data-editor__header .data-editor__reorder {
    flex: 0 0 15px; }
  .data-editor .data-editor__header .data-editor__header__cell {
    display: flex;
    align-items: center;
    position: relative;
    border-width: 0px 1px 0px 1px;
    box-sizing: border-box;
    border-style: solid;
    border-color: var(--border-color-default);
    margin: 0;
    padding: 5px;
    font-size: 10px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary);
    cursor: default;
    overflow: hidden; }
    .data-editor .data-editor__header .data-editor__header__cell span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .data-editor .data-editor__header .data-editor__header__cell .resize-handle {
      height: 25px;
      position: absolute;
      top: 0px;
      width: 16px;
      height: 100%;
      right: -10px;
      cursor: col-resize;
      z-index: 10; }

.data-editor .data-editor__rows {
  flex: 1;
  border-top: none; }

.data-editor .data-editor__row {
  display: flex;
  flex-direction: row;
  height: 30px;
  border-left: 1px solid var(--border-color-default);
  border-right: 1px solid var(--border-color-default); }
  .data-editor .data-editor__row .data-editor__custom-row {
    display: flex;
    flex: 1;
    height: 30px;
    position: relative; }
    .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 30px;
      flex: 0 0 15px;
      cursor: ns-resize;
      visibility: hidden; }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder .data-editor__reorder__icon {
        cursor: default;
        -webkit-user-select: none;
        user-select: none; }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder:hover, .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder.is-hovered {
        background-color: transparent; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder:hover .data-editor__reorder__icon, .data-editor .data-editor__row .data-editor__custom-row .data-editor__reorder.is-hovered .data-editor__reorder__icon {
          cursor: ns-resize; }
    .data-editor .data-editor__row .data-editor__custom-row.is-focused, .data-editor .data-editor__row .data-editor__custom-row:hover {
      background-color: var(--background-color-secondary); }
      .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__reorder, .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__reorder {
        visibility: visible; }
      .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__row__actions, .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__row__actions {
        display: flex; }
      .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cells .data-editor__cell:last-child, .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cells .data-editor__cell:last-child {
        padding-right: 30px; }
    .data-editor .data-editor__row .data-editor__custom-row.is-selected {
      background-color: var(--background-color-secondary); }
    .data-editor .data-editor__row .data-editor__custom-row.is-dragged {
      opacity: 0.1; }
    .data-editor .data-editor__row .data-editor__custom-row.hover-top {
      position: relative; }
      .data-editor .data-editor__row .data-editor__custom-row.hover-top::before {
        background-color: var(--base-color-brand);
        top: 0;
        content: ' ';
        position: absolute;
        height: 2px;
        width: 100%;
        z-index: 1; }
    .data-editor .data-editor__row .data-editor__custom-row.hover-bottom {
      position: relative; }
      .data-editor .data-editor__row .data-editor__custom-row.hover-bottom::before {
        background-color: var(--base-color-brand);
        bottom: 0;
        content: ' ';
        position: absolute;
        height: 2px;
        width: 100%;
        z-index: 1; }
    .data-editor .data-editor__row .data-editor__custom-row .data-editor__cells {
      display: flex;
      flex: 1; }
    .data-editor .data-editor__row .data-editor__custom-row .data-editor__row__actions {
      display: none;
      z-index: 10;
      position: absolute;
      right: 6px;
      height: 30px;
      align-items: center; }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__row__actions .data-editor__row__action--delete {
        cursor: pointer;
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer; }
    .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell {
      display: flex;
      justify-content: center;
      border: 1px solid var(--border-color-default);
      box-sizing: border-box;
      position: relative;
      border: 1px solid var(--border-color-default);
      margin: 0px;
      flex-direction: row;
      /* Specific styles for inputs. Can be removed / replaced */ }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell.is-disabled {
        color: var(--content-color-tertiary);
        text-decoration: line-through; }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-suggestion-group,
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-field {
        width: 100%;
        margin: 1px 3px; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-suggestion-group .input-field,
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-field .input-field {
          margin: 0; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-suggestion-group input,
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-field input {
          height: 22px; }
          .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-suggestion-group input:focus,
          .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .input-field input:focus {
            background: var(--background-color-primary);
            border: 1px solid var(--border-color-default); }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest {
        margin: 1px; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .auto-suggest-cell {
          padding: 0; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest.is-focused .DraftEditor-editorContainer {
          border: 1px solid var(--border-color-default); }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest.is-focused .DraftEditor-root {
          background: var(--background-color-primary); }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .public-DraftEditorPlaceholder-root {
          color: var(--content-color-tertiary); }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .DraftEditor-editorContainer, .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .public-DraftEditorPlaceholder-root {
          padding: 3px;
          border: 1px solid transparent; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .public-DraftEditor-content, .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .public-DraftEditorPlaceholder-root {
          font-size: var(--text-size-m);
          font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
        .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .auto-suggest .DraftEditor-root {
          width: 100%; }
      .data-editor .data-editor__row .data-editor__custom-row .data-editor__cell .dropdown-menu {
        max-height: 180px; }
  .data-editor .data-editor__row:last-child {
    border-bottom: 1px solid var(--border-color-default); }
    .data-editor .data-editor__row:last-child .data-editor__custom-row .data-editor__row__actions {
      display: none; }
    .data-editor .data-editor__row:last-child .data-editor__custom-row {
      padding-left: 15px; }
      .data-editor .data-editor__row:last-child .data-editor__custom-row .data-editor__reorder {
        display: none; }
      .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__reorder, .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__reorder {
        visibility: none; }
      .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__row__actions, .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__row__actions {
        display: none; }
      .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cells .data-editor__cell:last-child, .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cells .data-editor__cell:last-child {
        padding-right: 0; }

/* @postman/data-editor styles */
.data-editor__header {
  border: 1px solid var(--border-color-default); }

.data-editor__header__cell {
  display: flex;
  align-items: center;
  position: relative;
  border-width: 0px 1px 0px 1px;
  box-sizing: border-box;
  border-style: solid;
  border-color: var(--border-color-default);
  margin: 0;
  padding: 5px;
  font-size: 10px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.data-editor__cell .data-editor__cell__content {
  display: flex;
  flex: 1; }
  .data-editor__cell .data-editor__cell__content .auto-suggest {
    width: 100%; }

.data-editor__cell .data-editor__cell__string,
.data-editor__cell .data-editor__cell__number {
  border: none; }
  .data-editor__cell .data-editor__cell__string input,
  .data-editor__cell .data-editor__cell__number input {
    background-color: transparent;
    color: var(--content-color-primary);
    font-size: 12px;
    height: 24px;
    margin: 1px 3px;
    padding: 0 3px;
    border: 1px solid transparent; }
    .data-editor__cell .data-editor__cell__string input:focus,
    .data-editor__cell .data-editor__cell__number input:focus {
      border: 1px solid var(--border-color-default); }

.data-editor__cell .data-editor__object-key,
.data-editor__cell .data-editor__object-value {
  border: none; }

.data-editor__header {
  margin-left: 0px; }
  .data-editor__header .data-editor__custom-header {
    display: flex;
    flex: 1;
    position: relative; }
  .data-editor__header .data-editor__header__controls {
    position: absolute;
    right: 0;
    top: 0; }
    .data-editor__header .data-editor__header__controls .data-editor-column-toggle {
      background-color: var(--background-color-primary); }
      .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__menu {
        position: absolute;
        width: 250px;
        background: var(--background-color-secondary);
        z-index: 50;
        box-shadow: var(--shadow-default);
        right: 0;
        top: 25px;
        padding: 12px;
        color: var(--content-color-primary);
        border-radius: var(--border-radius-default); }
      .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__group:not(:first-child) {
        margin-top: 10px; }
      .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__header {
        font-size: 12px;
        margin-bottom: 8px; }
      .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__column {
        display: flex;
        padding: 5px;
        cursor: pointer; }
        .data-editor__header .data-editor__header__controls .data-editor-column-toggle .data-editor-column-toggle__column:first-child {
          font-size: 10px;
          color: var(--content-color-secondary);
          cursor: default; }
      .data-editor__header .data-editor__header__controls .data-editor-column-toggle .input-checkbox {
        margin-right: 10px; }

.sortable-table .sortable-table__header {
  height: 30px;
  background-color: var(--background-color-primary);
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .sortable-table .sortable-table__header .sortable-table__header__sort {
    cursor: pointer; }
    .sortable-table .sortable-table__header .sortable-table__header__sort.sortable-table__header__sort--asc {
      transform: rotate(180deg); }

.sortable-table .sortable-table__rows .sortable-table__row {
  height: 64px;
  box-sizing: border-box;
  padding: 16px; }

.invite-users-file-drop {
  display: flex;
  flex: 1; }

.invite-users-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1; }

.invite-users_error_wrapper {
  font-size: var(--text-size-m);
  color: var(--content-color-error);
  margin-top: var(--spacing-s); }

.invite-users_footer_message_wrapper {
  color: var(--content-color-tertiary);
  font-size: 12px;
  margin-top: var(--spacing-s); }

.invite-users-file-drop_border_alert {
  display: flex;
  flex: 1;
  border: 1px solid var(--base-color-error); }

.add-user__list {
  flex: 1;
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  height: 240px;
  overflow: hidden; }

.invite-user-tag {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden; }
  .invite-user-tag .avatar {
    margin: 0 var(--spacing-xs); }
  .invite-user-tag .user-email {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .invite-user-tag .user-group {
    width: calc(var(--size-s) / 2);
    height: calc(var(--size-s) / 2);
    padding: calc(var(--spacing-xs) / 2);
    margin: 0 var(--spacing-xs);
    align-items: center;
    justify-content: center;
    align-self: center;
    background: var(--background-color-tertiary);
    border-radius: var(--border-radius-max); }

.add-user__option {
  display: flex;
  align-items: center; }
  .add-user__option .pm-icon {
    margin-right: 8px; }

.empty-state--no-users .upload {
  color: var(--content-color-link);
  cursor: pointer; }

.item-roles__container {
  height: 200px;
  overflow-y: auto; }
  .item-roles__container .permission-list-container .permission-list {
    padding-bottom: 0;
    border-bottom: none;
    margin: 0; }
    .item-roles__container .permission-list-container .permission-list .permission-list-item {
      margin: 8px; }
      .item-roles__container .permission-list-container .permission-list .permission-list-item--user {
        margin-right: 24px; }
        .item-roles__container .permission-list-container .permission-list .permission-list-item--user.can-remove {
          margin-right: initial; }

.add-user-list-container {
  height: calc(100% - 80px); }

.add-user__item {
  display: flex;
  min-height: 40px;
  padding: 0px 5px;
  justify-content: space-between;
  align-items: center; }
  .add-user__item.invalid-email {
    color: var(--base-color-error); }
    .add-user__item.invalid-email .add-user__invite-pending {
      color: var(--base-color-error); }
  .add-user__item .add-user__item__anonymous-icon-container {
    background-color: var(--background-color-tertiary);
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .add-user__item .add-user__avatar-icon {
    flex: 0 0 20px;
    margin-right: 10px; }
  .add-user__item .add-user__avatar-name {
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    flex: 1; }
  .add-user__item .add-user__invite-pending {
    color: var(--content-color-secondary);
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 170px; }
  .add-user__item .add-user__item__label {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex: 1;
    margin-left: 4px; }
  .add-user__item .add-user__item__roles__container {
    display: flex;
    align-items: center;
    margin-right: 30px; }
    .add-user__item .add-user__item__roles__container.can-delete {
      margin-right: 0; }
    .add-user__item .add-user__item__roles__container .add-user__item__warning {
      margin-right: 8px; }
      .add-user__item .add-user__item__roles__container .add-user__item__warning use {
        fill: var(--base-color-warning); }
      .add-user__item .add-user__item__roles__container .add-user__item__warning svg > path[fill] {
        fill: var(--base-color-warning); }
  .add-user__item .add-user__item__roles.dropdown {
    width: 170px; }
  .add-user__item .add-user__item__roles .dropdown-button .btn {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .add-user__item .add-user__item__roles .dropdown-button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .add-user__item.add-user__input {
    padding: 0px;
    position: relative;
    border-bottom: 1px solid var(--border-color-default);
    display: flex;
    max-height: 80px;
    overflow-y: auto;
    align-items: stretch; }
    .add-user__item.add-user__input .dropdown {
      display: flex;
      position: sticky;
      top: 0; }
      .add-user__item.add-user__input .dropdown .dropdown-button {
        border-right: 1px solid var(--border-color-default);
        border-radius: 3px 0 0 3px;
        display: flex;
        align-items: center; }
    .add-user__item.add-user__input .input-suggestion-group {
      flex: 1; }
    .add-user__item.add-user__input .input {
      border-width: 0;
      border-radius: 0px;
      margin-left: 10px;
      background-color: transparent;
      padding: 0 70px 0 5px;
      height: 40px; }
    .add-user__item.add-user__input:hover, .add-user__item.add-user__input.is-hovered {
      background-color: var(--background-color-secondary); }
  .add-user__item .add-user__input-label {
    position: absolute;
    z-index: 1;
    border-radius: 0px;
    padding: 10px 11px; }
  .add-user__item .add-user__button {
    position: sticky;
    right: 0px;
    top: 50%;
    transform: translateY(-50%); }
  .add-user__item .add-user__delete-icon {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    flex: 0 0 20px;
    margin-left: 10px; }

.multi-select-entity__list {
  margin-top: 20px;
  border: 1px solid var(--border-color-default);
  height: 180px;
  overflow: auto;
  overflow-x: hidden; }
  .multi-select-entity__list .multi-select-entity__item {
    display: flex;
    height: 30px;
    align-items: center;
    padding: 0px 5px;
    cursor: pointer; }
    .multi-select-entity__list .multi-select-entity__item .input-checkbox {
      margin-right: 10px;
      flex-shrink: 0; }
    .multi-select-entity__list .multi-select-entity__item .multi-select-entity__item--name {
      white-space: pre;
      overflow: hidden;
      text-overflow: ellipsis; }
    .multi-select-entity__list .multi-select-entity__item:first-child {
      background-color: var(--background-color-secondary); }
    .multi-select-entity__list .multi-select-entity__item:hover, .multi-select-entity__list .multi-select-entity__item.is-hovered {
      background-color: var(--background-color-secondary); }

.disable-component {
  opacity: 0.5;
  pointer-events: none; }

.pm-icon {
  display: inline-flex; }

.pm-icon-xs {
  height: 12px;
  width: 12px; }
  .pm-icon-xs svg {
    height: 12px;
    width: 12px; }

.pm-icon-sm {
  height: 16px;
  width: 16px; }
  .pm-icon-sm svg {
    height: 16px;
    width: 16px; }

.pm-icon-md {
  height: 24px;
  width: 24px; }
  .pm-icon-md svg {
    height: 24px;
    width: 24px; }

.pm-icon-lg {
  height: 32px;
  width: 32px; }
  .pm-icon-lg svg {
    height: 32px;
    width: 32px; }

.pm-icon-xl {
  height: 48px;
  width: 48px; }
  .pm-icon-xl svg {
    height: 48px;
    width: 48px; }

.pm-icon-xxl {
  height: 64px;
  width: 64px; }
  .pm-icon-xxl svg {
    height: 64px;
    width: 64px; }

.pm-icon-normal use {
  fill: var(--content-color-secondary); }

.pm-icon-normal svg > path[fill] {
  fill: var(--content-color-secondary); }

.pm-icon-primary use {
  fill: var(--content-color-constant); }

.pm-icon-primary svg > path[fill] {
  fill: var(--content-color-constant); }

.pm-icon-secondary use {
  fill: var(--base-color-brand); }

.pm-icon-secondary svg > path[fill] {
  fill: var(--base-color-brand); }

.pm-icon-tertiary use {
  fill: var(--content-color-secondary); }

.pm-icon-tertiary svg > path[fill] {
  fill: var(--content-color-secondary); }

.invite-user-team-link {
  display: flex;
  flex-direction: column; }
  .invite-user-team-link .invite-user-share-title {
    color: var(--content-color-primary);
    font-weight: 600; }
  .invite-user-team-link .invite-user-share-subtitle {
    color: var(--content-color-secondary); }
  .invite-user-team-link .invite-user-actions {
    display: flex;
    flex-direction: row; }
    .invite-user-team-link .invite-user-actions .btn-secondary {
      width: 116px; }
  .invite-user-team-link .invite-user-actions,
  .invite-user-team-link .invite-user-share-subtitle {
    margin-top: 8px; }
  .invite-user-team-link .invite-user-team-link-input-container {
    flex: 1;
    display: flex;
    position: relative; }
    .invite-user-team-link .invite-user-team-link-input-container .btn-secondary {
      width: 84px; }
    .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-input {
      margin-right: 8px;
      cursor: pointer; }
      .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-input.is-disabled {
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        color: var(--content-color-tertiary);
        cursor: not-allowed; }
      .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-input.is-copied {
        border: 1px solid var(--base-color-success); }
    .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action {
      position: absolute;
      right: 0;
      padding: 8px;
      cursor: pointer; }
      .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action.is-disabled {
        cursor: not-allowed; }
        .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action.is-disabled svg use {
          fill-opacity: 0.5; }
      .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action.success use {
        fill: var(--base-color-success); }
      .invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action.success svg > path[fill] {
        fill: var(--base-color-success); }
    .invite-user-team-link .invite-user-team-link-input-container .dropdown {
      background-color: var(--background-color-tertiary);
      height: 30px;
      width: 30px;
      margin-left: 8px;
      cursor: pointer; }
      .invite-user-team-link .invite-user-team-link-input-container .dropdown .dropdown-button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        width: 30px; }
  .invite-user-team-link .invite-user-team-link--loading {
    cursor: not-allowed; }

.carousel {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-item {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform 0.6s ease;
  backface-visibility: hidden;
  perspective: 1000px; }

.carousel-item-next,
.carousel-item-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.carousel-item.active {
  display: flex; }

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0; }

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
      transform: translate3d(0, 0, 0); } }

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
      transform: translate3d(100%, 0, 0); } }

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%); }
  @supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
      transform: translate3d(-100%, 0, 0); } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: var(--content-color-constant);
  text-align: center;
  opacity: 0.5; }
  .carousel-control-prev:hover, .carousel-control-prev.is-hovered,
  .carousel-control-next:hover,
  .carousel-control-next.is-hovered {
    color: var(--content-color-constant);
    text-decoration: none;
    outline: 0;
    opacity: 1;
    cursor: pointer; }
  .carousel-control-prev .pm-icon-sm,
  .carousel-control-next .pm-icon-sm {
    height: 38px;
    width: 16px; }
    .carousel-control-prev .pm-icon-sm svg,
    .carousel-control-next .pm-icon-sm svg {
      height: 38px;
      width: 16px; }

.captain {
  display: flex; }

.carousel-control-prev {
  left: 0;
  bottom: 116px; }

.carousel-control-next {
  right: 0;
  bottom: 116px; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.carousel-indicators {
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 7px;
    margin-left: 7px;
    background-color: var(--highlight-background-color-tertiary); }
    .carousel-indicators li::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
    .carousel-indicators li::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
  .carousel-indicators .active {
    background-color: var(--content-color-tertiary); }

.carousel-caption {
  z-index: 10;
  padding: 10px 20px;
  color: var(--content-color-constant);
  text-align: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.pie-progress-wrapper {
  position: relative;
  background-color: var(--background-color-success); }

.pie-progress-base {
  position: absolute;
  top: 0px;
  left: 0px; }

.pie-progress-slice {
  background-color: var(--base-color-success);
  position: absolute;
  top: 0px;
  left: 0px; }

.markdown-base-content {
  padding: 10px 0px 0px 0px; }
  .markdown-base-content .markdown-editor-text-wrapper {
    width: 100%; }
    .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text {
      color: var(--content-color-secondary);
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      line-height: 21px;
      overflow: hidden;
      position: relative;
      color: var(--content-color-primary);
      cursor: text;
      -webkit-user-select: text;
      user-select: text; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h1,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h2,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h3,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h4,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h5,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h6 {
        line-height: 1.5;
        margin: 1.5em 0 0.5em; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h1 {
        font-size: 18px;
        font-weight: 700; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h2 {
        font-size: 16px;
        font-weight: 700; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h3 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h4 {
        font-size: 14px;
        font-weight: 700; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h5 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h6 {
        font-size: 12px;
        font-weight: 600; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text hr {
        border-style: none;
        border-width: 0;
        border-bottom: 1px solid var(--border-color-default); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text blockquote {
        padding-left: 16px;
        margin-left: 8px;
        border-left: 4px solid var(--border-color-default);
        color: var(--content-color-secondary); }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text blockquote blockquote {
          margin-left: 20px; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text p, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text span {
        margin: 3px 0;
        font-size: 12px;
        font-weight: 400; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text em {
        font-style: italic; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text strong {
        font-weight: var(--text-weight-medium); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ul, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ol {
        margin: 5px; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text a {
        color: var(--content-color-link);
        text-decoration: none; }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text a:hover {
          text-decoration: underline; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text pre {
        padding: 3px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text pre code {
          padding: 0;
          background-color: transparent;
          border: 0;
          border-radius: 0; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text code {
        padding: 1px 3px;
        font-family: "IBMPlexMono", "Cousine", monospace;
        font-size: 12px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table {
        width: 100%;
        margin: 8px 0;
        border-radius: var(--border-radius-default);
        border-spacing: 0;
        border-collapse: collapse;
        border: 1px solid var(--border-color-default); }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table th,
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table td {
          max-width: 360px;
          padding: 4px 8px;
          word-break: normal;
          vertical-align: top;
          white-space: pre-line;
          border: 1px solid var(--border-color-default); }
          .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table th:first-child,
          .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table td:first-child {
            border-left: none; }
          .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table th:last-child,
          .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table td:last-child {
            border-right: none; }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table th {
          border-top: none; }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table tr:last-child th,
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text table tr:last-child td {
          border-bottom: none; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text img {
        max-width: 100%; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text p {
        word-break: break-word; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h1,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h2,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h3,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h4,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h5,
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h6 {
        line-height: 1.6; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h1 {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl);
        font-weight: var(--text-weight-medium); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h2 {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl);
        font-weight: var(--text-weight-medium); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h3 {
        font-size: var(--text-size-xxl);
        line-height: var(--line-height-xxl);
        font-weight: var(--text-weight-medium); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h4 {
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        font-weight: var(--text-weight-medium); }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h5 {
        font-size: 0.83em; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text h6 {
        font-size: 0.67em; }
      .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ol, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ul {
        margin: var(--spacing-zero) var(--spacing-xl);
        padding: var(--spacing-zero); }
        .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ol li, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ul li {
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          margin-bottom: var(--spacing-s);
          display: list-item; }
          .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ol li ol, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ol li ul, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ul li ol, .markdown-base-content .markdown-editor-text-wrapper .markdown-editor-text ul li ul {
            margin-top: var(--spacing-s);
            margin-bottom: var(--spacing-s); }

.markdown-html-root ol, .markdown-html-root ul {
  margin: var(--spacing-zero) var(--spacing-xl);
  padding: var(--spacing-zero); }
  .markdown-html-root ol li, .markdown-html-root ul li {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-s);
    display: list-item; }
    .markdown-html-root ol li ol, .markdown-html-root ol li ul, .markdown-html-root ul li ol, .markdown-html-root ul li ul {
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-s); }

.error-card-container {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--content-color-secondary);
  height: 100%; }
  .error-card-container .icon-button {
    background: var(--background-color-error); }
  .error-card-container .error-card-container__icon, .error-card-container .error-card-container__subtitle {
    margin-bottom: 16px; }
  .error-card-container .error-card-container__title {
    margin-bottom: 8px; }
  .error-card-container .error-card-container__actions {
    display: flex;
    color: var(--base-color-brand);
    cursor: pointer; }
    .error-card-container .error-card-container__actions .error-card-container__actions-icon {
      margin-right: 8px; }

.tag {
  padding: var(--spacing-xs) var(--spacing-s);
  border-radius: var(--border-radius-default);
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .tag.tag-info {
    background-color: var(--background-color-tertiary);
    color: var(--content-color-secondary); }
  .tag.tag-warn {
    background-color: var(--background-color-warning);
    color: var(--content-color-warning); }
  .tag.tag-success {
    background-color: var(--background-color-success);
    color: var(--content-color-success); }
  .tag.tag-error {
    background-color: var(--background-color-error);
    color: var(--content-color-error); }

.avatar-group {
  position: relative;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--background-color-brand);
  padding: var(--spacing-zero);
  list-style: none;
  box-sizing: content-box; }
  .avatar-group .member-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .avatar-group .member {
    height: var(--size-xs);
    width: var(--size-xs);
    border-radius: 50%; }
  .avatar-group.avatar-group-xs.avatar-group {
    height: 30px;
    width: 30px; }
  .avatar-group.avatar-group-xs .member {
    height: 12px;
    width: 12px;
    border-radius: 50%; }
  .avatar-group.avatar-group-xs.two-members .member-item:nth-of-type(1) {
    transform: rotate(0deg) translate(4.5px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.two-members .member-item:nth-of-type(2) {
    transform: rotate(180deg) translate(4.5px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.three-members .member-item:nth-of-type(1) {
    transform: rotate(30deg) translate(6px) rotate(-30deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.three-members .member-item:nth-of-type(2) {
    transform: rotate(150deg) translate(6px) rotate(-150deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.three-members .member-item:nth-of-type(3) {
    transform: rotate(270deg) translate(6px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.four-members .member-item:nth-of-type(1) {
    transform: rotate(180deg) translate(6px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.four-members .member-item:nth-of-type(2) {
    transform: rotate(270deg) translate(6px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.four-members .member-item:nth-of-type(3) {
    transform: rotate(0deg) translate(6px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-xs.four-members .member-item:nth-of-type(4) {
    transform: rotate(90deg) translate(6px) rotate(-90deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.avatar-group {
    height: 40px;
    width: 40px; }
  .avatar-group.avatar-group-sm .member {
    height: 16px;
    width: 16px;
    border-radius: 50%; }
  .avatar-group.avatar-group-sm.two-members .member-item:nth-of-type(1) {
    transform: rotate(0deg) translate(6px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.two-members .member-item:nth-of-type(2) {
    transform: rotate(180deg) translate(6px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.three-members .member-item:nth-of-type(1) {
    transform: rotate(30deg) translate(8px) rotate(-30deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.three-members .member-item:nth-of-type(2) {
    transform: rotate(150deg) translate(8px) rotate(-150deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.three-members .member-item:nth-of-type(3) {
    transform: rotate(270deg) translate(8px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.four-members .member-item:nth-of-type(1) {
    transform: rotate(180deg) translate(8px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.four-members .member-item:nth-of-type(2) {
    transform: rotate(270deg) translate(8px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.four-members .member-item:nth-of-type(3) {
    transform: rotate(0deg) translate(8px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-sm.four-members .member-item:nth-of-type(4) {
    transform: rotate(90deg) translate(8px) rotate(-90deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.avatar-group {
    height: 60px;
    width: 60px; }
  .avatar-group.avatar-group-md .member {
    height: 24px;
    width: 24px;
    border-radius: 50%; }
  .avatar-group.avatar-group-md.two-members .member-item:nth-of-type(1) {
    transform: rotate(0deg) translate(9px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.two-members .member-item:nth-of-type(2) {
    transform: rotate(180deg) translate(9px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.three-members .member-item:nth-of-type(1) {
    transform: rotate(30deg) translate(12px) rotate(-30deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.three-members .member-item:nth-of-type(2) {
    transform: rotate(150deg) translate(12px) rotate(-150deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.three-members .member-item:nth-of-type(3) {
    transform: rotate(270deg) translate(12px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.four-members .member-item:nth-of-type(1) {
    transform: rotate(180deg) translate(12px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.four-members .member-item:nth-of-type(2) {
    transform: rotate(270deg) translate(12px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.four-members .member-item:nth-of-type(3) {
    transform: rotate(0deg) translate(12px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-md.four-members .member-item:nth-of-type(4) {
    transform: rotate(90deg) translate(12px) rotate(-90deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.avatar-group {
    height: 80px;
    width: 80px; }
  .avatar-group.avatar-group-lg .member {
    height: 32px;
    width: 32px;
    border-radius: 50%; }
  .avatar-group.avatar-group-lg.two-members .member-item:nth-of-type(1) {
    transform: rotate(0deg) translate(12px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.two-members .member-item:nth-of-type(2) {
    transform: rotate(180deg) translate(12px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.three-members .member-item:nth-of-type(1) {
    transform: rotate(30deg) translate(16px) rotate(-30deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.three-members .member-item:nth-of-type(2) {
    transform: rotate(150deg) translate(16px) rotate(-150deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.three-members .member-item:nth-of-type(3) {
    transform: rotate(270deg) translate(16px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.four-members .member-item:nth-of-type(1) {
    transform: rotate(180deg) translate(16px) rotate(-180deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.four-members .member-item:nth-of-type(2) {
    transform: rotate(270deg) translate(16px) rotate(-270deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.four-members .member-item:nth-of-type(3) {
    transform: rotate(0deg) translate(16px) rotate(0deg) translate(-50%, -50%); }
  .avatar-group.avatar-group-lg.four-members .member-item:nth-of-type(4) {
    transform: rotate(90deg) translate(16px) rotate(-90deg) translate(-50%, -50%); }

.team-logo .team-logo--image {
  height: 32px;
  width: 32px;
  object-fit: contain; }

.file-input {
  display: flex;
  align-items: center;
  padding: var(--spacing-xs);
  /*
    Over-write the default behavior of native file input element
  */ }
  .file-input input[type=file]::-webkit-file-upload-button {
    width: 0px;
    height: 0px; }
  .file-input .file-input__fake {
    position: relative;
    height: 20px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
    .file-input .file-input__fake .file-input__fake-loading {
      transform: scale(0.6);
      margin: var(--spacing-zero) var(--spacing-xl); }
  .file-input .file-input__native {
    opacity: 0;
    position: absolute;
    width: 0px;
    height: 0px;
    pointer-events: none; }
    .file-input .file-input__native:focus + .file-input__fake {
      background-color: var(--highlight-background-color-tertiary); }
  .file-input .file-input__name {
    box-sizing: border-box;
    display: flex;
    min-width: 0;
    height: 20px;
    align-items: center;
    border-radius: var(--border-radius-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    font-size: var(--text-size-m);
    font-family: var(--text-family-default);
    color: var(--content-color-primary);
    background-color: transparent;
    padding: var(--spacing-xs) 2px; }
    .file-input .file-input__name.show-focus:focus, .file-input .file-input__name.show-focus.is-focused {
      border-color: var(--border-color-strong); }
    .file-input .file-input__name .file-input__name__title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .file-input .file-input__name .file-input__name__delete-icon {
      display: flex;
      align-items: center;
      margin-left: var(--spacing-s);
      padding-right: 2px;
      cursor: pointer; }

.file-input-container {
  display: inline-block;
  max-width: 100%; }
  .file-input-container .tooltip .tooltip-wrapper {
    padding: var(--spacing-l); }
  .file-input-container .tooltip .tooltip__header {
    color: var(--content-color-primary); }
  .file-input-container .tooltip .tooltip__body {
    margin-top: var(--spacing-xs);
    max-width: 250px; }

.password-input {
  position: relative; }
  .password-input .password-input-message {
    position: absolute;
    display: inline;
    top: 0;
    right: 30px; }
    .password-input .password-input-message .password-input__warning-btn {
      background: unset; }
      .password-input .password-input-message .password-input__warning-btn use {
        fill: var(--base-color-warning); }
      .password-input .password-input-message .password-input__warning-btn svg > path[fill] {
        fill: var(--base-color-warning); }
    .password-input .password-input-message .password-input__error-btn {
      background: unset; }
      .password-input .password-input-message .password-input__error-btn use {
        fill: var(--base-color-error); }
      .password-input .password-input-message .password-input__error-btn svg > path[fill] {
        fill: var(--base-color-error); }
  .password-input__toggle {
    display: inline;
    cursor: pointer;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0; }
    .password-input__toggle i {
      padding: var(--spacing-s); }
  .password-input input {
    padding-right: var(--spacing-xxl); }
    .password-input input .input-box .input-huge {
      padding-right: var(--spacing-xxxl); }

.accordion {
  border-top: 1px solid var(--border-color-default);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .accordion .accordion-item {
    margin-top: 16px; }
    .accordion .accordion-item .title {
      background-color: var(--background-color-primary);
      color: var(--content-color-primary);
      cursor: pointer;
      font-size: 12px;
      user-select: none;
      height: 32px; }
    .accordion .accordion-item .panel {
      overflow-y: auto;
      overflow-x: hidden;
      font-size: 12px;
      padding-bottom: 8px; }

.right-overlay {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 110;
  color: var(--content-color-primary);
  background: var(--background-modal-backdrop); }
  .right-overlay .right-overlay__modal {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: absolute;
    background: var(--background-color-primary);
    height: 100%;
    right: 0;
    box-shadow: var(--shadow-default);
    font-size: var(--text-size-m); }
    .right-overlay .right-overlay__modal .right-overlay--resize-handle {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 5px;
      cursor: ew-resize; }
    .right-overlay .right-overlay__modal .right-overlay__content {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden;
      font-family: var(--text-family-default); }
      .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header {
        display: flex;
        align-items: center;
        color: var(--content-color-tertiary);
        padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-s) var(--spacing-xl); }
        .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__breadcrumb {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          flex: 1;
          font-weight: normal; }
          .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__breadcrumb .right-overlay__breadcrumb-item {
            cursor: pointer; }
            .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__breadcrumb .right-overlay__breadcrumb-item:after {
              content: ' / ';
              padding: var(--spacing-zero) var(--spacing-xs); }
            .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__breadcrumb .right-overlay__breadcrumb-item .right-overlay--breadcrumb-item-name:hover {
              text-decoration: underline; }
        .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__close-icon-wrapper {
          margin-left: var(--spacing-s); }
        .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__close-icon {
          cursor: default;
          -webkit-user-select: none;
          user-select: none;
          cursor: pointer; }
          .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__close-icon:hover use {
            fill: var(--content-color-primary); }
          .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__close-icon:hover svg > path[fill] {
            fill: var(--content-color-primary); }
      .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: var(--spacing-zero) var(--spacing-xl);
        font-size: var(--text-size-xxl);
        font-weight: var(--text-weight-medium); }
      .right-overlay .right-overlay__modal .right-overlay__content .right-overlay__details {
        padding: var(--spacing-zero) var(--spacing-xl);
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto; }

.editable-tag {
  height: 20px;
  width: 170px;
  border-radius: var(--border-radius-default);
  margin: 4px;
  padding: 4px;
  color: var(--content-color-primary);
  display: flex;
  align-items: center; }
  .editable-tag .text:hover {
    cursor: text; }
  .editable-tag .pm-icon {
    margin-right: 8px; }
  .editable-tag .tag-remove-btn:hover {
    cursor: pointer; }
  .editable-tag-regular {
    background-color: var(--background-color-secondary);
    border: solid 1px var(--border-color-default); }
  .editable-tag-error {
    border: 1px dashed var(--base-color-error);
    background-color: var(--background-color-error);
    color: var(--content-color-error); }
  .editable-tag.is-selected {
    border: 1px solid var(--base-color-info); }

.text {
  font-family: var(--text-family-default); }

.text-uppercase {
  text-transform: uppercase; }

.text-heading-h1 {
  font-size: var(--text-size-xxxl);
  line-height: var(--line-height-xxxl);
  font-weight: var(--text-weight-medium); }

.text-heading-h2 {
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  font-weight: var(--text-weight-medium); }

.text-heading-h3 {
  font-size: var(--text-size-xl);
  line-height: var(--line-height-xl);
  font-weight: var(--text-weight-medium); }

.text-heading-h4 {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-medium); }

.text-heading-h5 {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-heading-h6 {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-body-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-regular); }

.link-text,
.text-body-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.text-body-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-regular); }

.text-button-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-medium); }

.text-button-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-button-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium); }

.text-input-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-regular); }

.text-input-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.text-input-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-regular); }

.text-input-xSmall {
  font-size: var(--text-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-regular); }

.text-label-primary-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-label-primary-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-label-primary-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium); }

.text-label-secondary-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-label-secondary-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-label-secondary-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium); }

.text-status-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-medium); }

.text-status-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.text-status-small {
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium); }

.text-status-xSmall {
  font-size: var(--text-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium); }

.text-code-large {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-regular);
  font-family: var(--text-family-code); }

.text-code-medium {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular);
  font-family: var(--text-family-code); }

.link-text {
  color: var(--content-color-link);
  cursor: pointer; }
  .link-text use {
    fill: var(--content-color-link); }
  .link-text svg > path[fill] {
    fill: var(--content-color-link); }
  .link-text:hover {
    color: var(--content-color-link); }
    .link-text:hover use {
      fill: var(--content-color-link); }
    .link-text:hover svg > path[fill] {
      fill: var(--content-color-link); }

.pane-label {
  background-color: var(--background-color-primary);
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .pane-label .pane-label__text {
    flex: 1;
    color: var(--content-color-tertiary);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap; }
    .pane-label .pane-label__text span {
      cursor: pointer; }
  .pane-label .pane-label__actions {
    display: flex;
    align-items: center; }
  .pane-label .pane-label__arrow {
    margin: var(--spacing-s);
    display: flex;
    align-items: center;
    cursor: pointer; }
  .pane-label.vertical {
    width: var(--size-m);
    height: 100%;
    flex-direction: column-reverse; }
    .pane-label.vertical .pane-label__text {
      padding-top: var(--spacing-s);
      writing-mode: tb;
      transform: rotate(180deg);
      display: flex;
      align-items: center; }
  .pane-label.horizontal {
    height: var(--size-m); }
    .pane-label.horizontal .pane-label__text {
      margin-left: var(--spacing-s); }

.pane-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0; }

.pane {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  min-height: 0;
  min-width: 0;
  position: relative; }
  .pane.collapsedX {
    flex-direction: row; }

.pane-group {
  flex: 1;
  display: flex;
  min-height: 0;
  min-width: 0; }
  .pane-group.vertical {
    flex-direction: column; }
  .pane-group.horizontal {
    flex-direction: row; }
  .pane-group .pane-container {
    position: relative;
    display: flex;
    flex-direction: column; }
    .pane-group .pane-container .pane-resize-handle {
      position: absolute;
      box-sizing: border-box;
      z-index: 8; }
      .pane-group .pane-container .pane-resize-handle .pane-resize-handle__body {
        background-color: var(--border-color-default); }
      .pane-group .pane-container .pane-resize-handle:hover .pane-resize-handle__body, .pane-group .pane-container .pane-resize-handle:active .pane-resize-handle__body {
        background-color: var(--blue-30); }
      .pane-group .pane-container .pane-resize-handle.ew {
        padding: 5px 0;
        left: 0;
        right: 0;
        bottom: -5px;
        cursor: ns-resize; }
        .pane-group .pane-container .pane-resize-handle.ew .pane-resize-handle__body {
          height: 1px;
          width: 100%; }
      .pane-group .pane-container .pane-resize-handle.ns {
        padding: var(--spacing-zero) 5px;
        top: 0;
        bottom: 0;
        right: -5px;
        cursor: ew-resize; }
        .pane-group .pane-container .pane-resize-handle.ns .pane-resize-handle__body {
          width: 1px;
          height: 100%; }

.variable-row-actions-dropdown .btn {
  height: 30px; }

body,
.app-root,
.app-requester {
  position: absolute;
  height: 100%;
  width: 100%; }
  body .requester-content-loader,
  .app-root .requester-content-loader,
  .app-requester .requester-content-loader {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center; }

body {
  background-color: var(--background-color-primary);
  overflow: hidden; }

.app-root {
  overflow-x: auto; }

.app-requester {
  display: flex;
  flex-direction: column;
  min-width: 972px;
  overflow: hidden; }
  .app-requester .requester-contents {
    flex: 1; }
  .app-requester .offline-state-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
    .app-requester .offline-state-wrapper .action-button {
      margin-top: var(--spacing-s); }

.loader-blocker {
  background-color: var(--background-color-primary);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  margin: auto;
  z-index: 3000;
  animation: fadein 0.2s; }

.sidebar {
  z-index: 1; }

.requester-contents {
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  min-height: 0; }
  .requester-contents .is-hidden {
    display: none; }

.requester-content {
  flex: 1;
  min-height: 0; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.2; } }

.requester-sidebar-header {
  height: 100%; }
  .requester-sidebar-header .requester-sidebar-header__tabs {
    display: flex;
    flex-direction: column; }
    .requester-sidebar-header .requester-sidebar-header__tabs .pm-icon {
      padding: 8px;
      cursor: pointer; }
      .requester-sidebar-header .requester-sidebar-header__tabs .pm-icon use {
        fill: var(--content-color-secondary); }
      .requester-sidebar-header .requester-sidebar-header__tabs .pm-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
      .requester-sidebar-header .requester-sidebar-header__tabs .pm-icon:hover use {
        fill: var(--content-color-primary); }
      .requester-sidebar-header .requester-sidebar-header__tabs .pm-icon:hover svg > path[fill] {
        fill: var(--content-color-primary); }

/*
  - These classes provide the color to the icons with the above mentioned values
  - These classes are only specific to the Requester header and not intended to use anywhere else
*/
.header-success-icon-color use {
  fill: var(--content-color-success); }

.header-success-icon-color svg > path[fill] {
  fill: var(--content-color-success); }

.header-warning-icon-color use {
  fill: var(--content-color-warning); }

.header-warning-icon-color svg > path[fill] {
  fill: var(--content-color-warning); }

.header-error-icon-color use {
  fill: var(--content-color-error); }

.header-error-icon-color svg > path[fill] {
  fill: var(--content-color-error); }

.requester-header {
  background-color: var(--background-color-primary);
  z-index: 90;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: inset 0px -1px 0px var(--border-color-strong);
  align-items: center;
  flex: 0 0 48px; }

.requester-header-homepage-signed-out {
  max-width: 100vw;
  box-shadow: unset;
  flex-basis: 48px;
  position: relative; }
  @media screen and (max-width: 1022px) {
    .requester-header-homepage-signed-out .requester-header__section-left .top-navigation-buttons {
      display: none; } }
  .requester-header-homepage-signed-out .pm-search-box-container {
    position: unset;
    transform: unset;
    flex: 1;
    display: flex;
    justify-content: center; }
    .requester-header-homepage-signed-out .pm-search-box-container.is_focused {
      display: unset;
      position: absolute;
      transform: translateX(-50%); }
  .requester-header-homepage-signed-out .requester-header__section-right {
    min-width: unset; }
    @media screen and (max-width: 1022px) {
      .requester-header-homepage-signed-out .requester-header__section-right {
        display: none; } }
    .requester-header-homepage-signed-out .requester-header__section-right-responsive {
      display: none; }
      @media screen and (max-width: 1022px) {
        .requester-header-homepage-signed-out .requester-header__section-right-responsive {
          display: flex;
          align-items: center;
          justify-content: flex-end; } }
      .requester-header-homepage-signed-out .requester-header__section-right-responsive .top-navigation-buttons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: center; }
        .requester-header-homepage-signed-out .requester-header__section-right-responsive .top-navigation-buttons .top-navigation-button {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          cursor: pointer;
          padding: var(--spacing-m);
          font-size: var(--text-size-l);
          line-height: var(--line-height-m);
          font-weight: var(--text-weight-medium);
          color: var(--content-color-secondary); }
          .requester-header-homepage-signed-out .requester-header__section-right-responsive .top-navigation-buttons .top-navigation-button:hover, .requester-header-homepage-signed-out .requester-header__section-right-responsive .top-navigation-buttons .top-navigation-button.is-hovered {
            color: var(--content-color-primary); }
          .requester-header-homepage-signed-out .requester-header__section-right-responsive .top-navigation-buttons .top-navigation-button .dropdown-caret {
            margin-left: unset; }
      .requester-header-homepage-signed-out .requester-header__section-right-responsive .requester-header__user-info {
        margin-right: unset;
        margin-top: 36px;
        display: grid;
        grid-template-columns: 1fr 1fr; }
      @media screen and (max-width: 1022px) {
        .requester-header-homepage-signed-out .requester-header__section-right-responsive .mobile-search-container {
          display: flex; } }
  @media screen and (max-width: 1022px) {
    .requester-header-homepage-signed-out .pm-search-box-container {
      display: none; } }
  @media screen and (max-width: 1022px) {
    .requester-header-homepage-signed-out .mobile-search-container.is-hidden-on-mobile {
      display: none; } }

.requester-header-signed-out-workspace {
  box-shadow: inset 0 -1px 0 var(--border-color-strong); }

.requester-header__section-left {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .requester-header__section-left-logo {
    margin-left: var(--spacing-s); }
  .requester-header__section-left .top-navigation-buttons {
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: var(--spacing-s); }
    .requester-header__section-left .top-navigation-buttons .top-navigation-button {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      user-select: none;
      cursor: pointer;
      padding: var(--spacing-m);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary); }
      .requester-header__section-left .top-navigation-buttons .top-navigation-button:hover, .requester-header__section-left .top-navigation-buttons .top-navigation-button.is-hovered {
        color: var(--content-color-primary); }
      .requester-header__section-left .top-navigation-buttons .top-navigation-button.is-active {
        box-shadow: none; }
      .requester-header__section-left .top-navigation-buttons .top-navigation-button .dropdown-caret {
        margin-left: unset; }
  .requester-header__section-left-divider {
    display: flex;
    flex-direction: column;
    height: var(--controls-size-small);
    margin-right: var(--spacing-xl);
    border: none;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.top-navigation-buttons-dropdown .dropdown-menu {
  box-sizing: border-box;
  padding: var(--spacing-l) 0;
  background-color: var(--background-color-primary); }
  .top-navigation-buttons-dropdown .dropdown-menu .dropdown-menu-item {
    padding: 0; }
    .top-navigation-buttons-dropdown .dropdown-menu .dropdown-menu-item a {
      display: flex;
      align-items: center;
      height: 100%;
      width: 100%;
      padding: 0 var(--spacing-xl); }
      .top-navigation-buttons-dropdown .dropdown-menu .dropdown-menu-item a:hover {
        color: var(--content-color-link); }
    .top-navigation-buttons-dropdown .dropdown-menu .dropdown-menu-item:hover {
      background-color: unset; }

.top-navigation-buttons-dropdown .top-navigation-dropdown__menu {
  background-color: var(--background-color-primary);
  top: 55px !important;
  left: 55px !important; }

.create-new-button-dropdown .dropdown-menu-item .dropdown-menu-item__text {
  margin-left: 10px; }

.requester-header__section-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: var(--spacing-m);
  z-index: 100; }

.requester-header__section-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: var(--spacing-s);
  min-width: 390px; }
  .requester-header__section-right__action-button {
    margin-right: var(--spacing-xs); }
  .requester-header__section-right .requester-header__team-info__button .team-icon {
    margin-right: var(--spacing-s); }
  .requester-header__section-right .requester-header__team-info__button .dropdown-caret {
    margin-left: var(--spacing-xs); }
  .requester-header__section-right .requester-header__settings-group-dropdown {
    margin-right: 10px; }
  .requester-header__section-right .requester-header__section-right__group {
    display: flex;
    align-items: center; }
    .requester-header__section-right .requester-header__section-right__group > .notification-container {
      margin-right: 10px; }
  .requester-header__section-right .btn-icon {
    background: transparent; }
    .requester-header__section-right .btn-icon use {
      fill: var(--content-color-secondary); }
    .requester-header__section-right .btn-icon svg > path[fill] {
      fill: var(--content-color-secondary); }
    .requester-header__section-right .btn-icon:not(.sync-button):hover, .requester-header__section-right .btn-icon:not(.sync-button).is-hovered {
      background-color: var(--highlight-background-color-primary); }
      .requester-header__section-right .btn-icon:not(.sync-button):hover use, .requester-header__section-right .btn-icon:not(.sync-button).is-hovered use {
        fill: var(--content-color-primary); }
      .requester-header__section-right .btn-icon:not(.sync-button):hover svg > path[fill], .requester-header__section-right .btn-icon:not(.sync-button).is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }
    .requester-header__section-right .btn-icon:not(.sync-button).is-active {
      background-color: var(--highlight-background-color-primary); }
      .requester-header__section-right .btn-icon:not(.sync-button).is-active use {
        fill: var(--content-color-primary); }
      .requester-header__section-right .btn-icon:not(.sync-button).is-active svg > path[fill] {
        fill: var(--content-color-primary); }
  .requester-header__section-right .workspace-invite-icon-btn {
    display: none; }
  @media (max-width: 1130px) {
    .requester-header__section-right .workspace-invite-btn {
      display: none; }
    .requester-header__section-right .workspace-invite-icon-btn {
      display: flex; } }

.user-info-dropdown .dropdown-menu {
  background: var(--background-color-primary);
  max-height: 500px;
  overflow-y: auto;
  padding: var(--spacing-s) var(--spacing-zero); }
  .user-info-dropdown .dropdown-menu .dropdown-menu-item {
    height: auto;
    background: transparent;
    padding: var(--spacing-zero); }
    .user-info-dropdown .dropdown-menu .dropdown-menu-item.dropdown-menu-item--username {
      opacity: 1; }
    .user-info-dropdown .dropdown-menu .dropdown-menu-item:not(.is-disabled):hover, .user-info-dropdown .dropdown-menu .dropdown-menu-item:not(.is-disabled).is-hovered {
      background-color: var(--background-color-secondary); }
  .user-info-dropdown .dropdown-menu .requester-header__user-info__menu-item {
    display: flex;
    align-items: center;
    height: var(--spacing-l);
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l);
    font-family: var(--text-family-default);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    width: 100%; }

.requester-header__user-info {
  margin-right: var(--spacing-m); }
  .requester-header__user-info .show-sign-in-screen {
    margin-right: var(--spacing-s); }
  .requester-header__user-info .requester-header__user-info__button {
    width: var(--controls-size-default);
    height: var(--controls-size-default);
    vertical-align: middle; }
    .requester-header__user-info .requester-header__user-info__button .requester-header__user-info__button-wrapper {
      display: flex;
      align-items: center; }
      .requester-header__user-info .requester-header__user-info__button .requester-header__user-info__button-wrapper .pm-icon-sm {
        width: 24px;
        height: 24px; }
  .requester-header__user-info .dropdown-filled-caret {
    margin-left: var(--spacing-zero); }

.settings-button .settings-button-icon.indicator:after {
  content: '';
  background-color: var(--base-color-brand);
  position: absolute;
  border-radius: var(--border-radius-max);
  top: 4px;
  left: 22px;
  height: 7px;
  width: 7px; }

.settings-button .settings-button-icon.indicator.error:after {
  background-color: var(--base-color-error); }

.settings-dropdown {
  z-index: 100; }
  .settings-dropdown .dropdown-menu {
    background-color: var(--background-color-primary); }
  .settings-dropdown .dropdown-menu .dropdown-menu-item--update-available,
  .settings-dropdown .dropdown-menu .dropdown-menu-item--update-downloaded {
    background-color: var(--base-color-brand);
    color: var(--content-color-constant); }
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-available:hover, .settings-dropdown .dropdown-menu .dropdown-menu-item--update-available.is-hovered,
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-downloaded:hover,
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-downloaded.is-hovered {
      background-color: var(--highlight-background-color-brand); }
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-available:active, .settings-dropdown .dropdown-menu .dropdown-menu-item--update-available.is-active,
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-downloaded:active,
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-downloaded.is-active {
      background-color: var(--highlight-background-color-brand); }
  .settings-dropdown .dropdown-menu .dropdown-menu-item--update-failed {
    background-color: var(--base-color-error);
    color: var(--content-color-constant); }
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-failed:hover, .settings-dropdown .dropdown-menu .dropdown-menu-item--update-failed.is-hovered {
      background-color: var(--highlight-background-color-error); }
    .settings-dropdown .dropdown-menu .dropdown-menu-item--update-failed:active, .settings-dropdown .dropdown-menu .dropdown-menu-item--update-failed.is-active {
      background-color: var(--highlight-background-color-error); }

.interceptor-button.is-active {
  background-color: var(--base-color-brand); }

.interceptor-wrapper {
  display: flex; }
  .interceptor-wrapper .interceptor-toggle-switch {
    margin-left: 10px; }

.requester-header__user-info__divider {
  background: var(--background-color-tertiary);
  margin: var(--spacing-s) var(--spacing-l);
  height: 1px;
  border: unset; }

.team-info-dropdown .team-button {
  font-weight: var(--text-weight-medium); }

.team-info-dropdown .upgrade-dropdown {
  height: var(--controls-size-default); }
  .team-info-dropdown .upgrade-dropdown .btn {
    height: var(--controls-size-default); }
  .team-info-dropdown .upgrade-dropdown .btn:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 0px; }

.team-info-dropdown .with-upgrade-banner {
  padding-top: 0px; }

.team-info-dropdown .dropdown-menu {
  width: 340px;
  background-color: var(--background-color-primary); }
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--sign-in,
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--enable-sync,
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--upgrade-to-pro,
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname {
    opacity: 1; }
  .team-info-dropdown .dropdown-menu .dropdown-free-user-header-menu-item {
    display: contents;
    cursor: default; }
    .team-info-dropdown .dropdown-menu .dropdown-free-user-header-menu-item_wrapper {
      padding: var(--spacing-l); }
  .team-info-dropdown .dropdown-menu .dropdown-free-user-header-menu-item:hover {
    background-color: var(--highlight-background-color-secondary); }
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname {
    display: flex;
    align-items: flex-start;
    height: 70px;
    padding: 16px; }
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname:hover, .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname.is-hovered {
      background-color: transparent; }
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-image {
      display: flex;
      height: 32px;
      width: 32px; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-image img {
        width: 32px;
        height: 32px;
        object-fit: contain; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-image:hover, .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-image.is-hovered {
        cursor: pointer; }
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details {
      display: flex;
      flex-direction: row;
      margin-left: 16px;
      flex: 1;
      justify-content: space-between;
      overflow: hidden; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details-meta {
        max-width: 130px; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__name {
        font-size: 14px;
        font-weight: 600;
        line-height: normal; }
        .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__name:hover, .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__name.is-hovered {
          cursor: pointer; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__domain {
        font-size: 12px;
        line-height: normal; }
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__name,
      .team-info-dropdown .dropdown-menu .dropdown-menu-item--teamname .team-info-dropdown__team-details .team-info-dropdown__team-details__domain {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--sign-in,
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--enable-sync,
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--upgrade-to-pro {
    display: flex;
    flex-direction: column;
    height: 180px;
    padding: 20px; }
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--sign-in .dropdown-menu-item__subtitle,
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--enable-sync .dropdown-menu-item__subtitle,
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--upgrade-to-pro .dropdown-menu-item__subtitle {
      font-size: 12px;
      font-weight: 300;
      margin-bottom: 20px;
      color: var(--content-color-primary);
      text-align: center; }
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--sign-in .dropdown-menu-item__learn-more,
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--enable-sync .dropdown-menu-item__learn-more,
    .team-info-dropdown .dropdown-menu .dropdown-menu-item--upgrade-to-pro .dropdown-menu-item__learn-more {
      margin-top: 20px; }
  .team-info-dropdown .dropdown-menu .dropdown-menu-item--upgrade-to-pro {
    height: 220px; }

.requester-content-builder {
  display: flex;
  flex-direction: row;
  contain: strict; }
  .requester-content-builder .requester-builder {
    flex: 1;
    display: flex;
    flex-direction: column; }

.response-pane__container,
.example-request-editor-pane__container,
.example-response-pane__container,
.request-editor-pane__container {
  flex: 1;
  display: flex;
  flex-direction: inherit;
  min-height: 0;
  min-width: 0; }

.response-pane__section-top,
.example-request-editor-pane__section-top,
.example-response-pane__section-top,
.request-editor-pane__section-top {
  background-color: var(--background-color-primary); }

.response-pane__section-content,
.example-request-editor-pane__section-content,
.example-response-pane__section-content,
.request-editor-pane__section-content {
  background-color: var(--background-color-primary);
  flex-direction: column; }

.requester-contents-group .requester-contents-group__section-top {
  background-color: var(--background-color-primary); }

.requester-contents-group .requester-contents-group__section-content {
  background-color: var(--background-color-primary); }

.requester-content-library {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.requester-content-blanket {
  display: flex;
  height: 100%;
  width: 100%; }

.requester-left-sidebar-wrapper {
  flex: 0 0 auto;
  z-index: 20;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%; }
  .requester-left-sidebar-wrapper.is-overlaid {
    position: absolute;
    height: 100%; }
  .requester-left-sidebar-wrapper.is-hidden {
    display: none; }

.requester-left-sidebar-container {
  display: flex;
  background-color: var(--background-color-secondary);
  z-index: 20;
  flex: 1;
  overflow: hidden; }

.requester-left-sidebar {
  contain: strict;
  background-color: var(--background-color-secondary);
  z-index: 20;
  box-shadow: inset -1px 0px 0px var(--background-color-secondary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
  height: 100%; }

.requester-left-sidebar__search-container {
  flex: 0 0 40px;
  padding: 10px 10px 0 10px;
  box-sizing: border-box; }

.requester-left-sidebar__tabs-container {
  flex: 0 0 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .requester-left-sidebar__tabs-container .tab {
    font-size: 14px; }

.requester-left-sidebar__tab-content-wrapper {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column; }

.requester-left-sidebar__tab-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  .requester-left-sidebar__tab-content.is-hidden {
    display: none; }

.requester-left-sidebar-resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 10px;
  z-index: 100;
  cursor: ew-resize; }

.requester-sidebar-horizontal-header {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-sizing: border-box;
  background: var(--background-color-secondary); }
  .requester-sidebar-horizontal-header__active-workspace-name {
    display: flex;
    align-items: center;
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium);
    margin-left: var(--spacing-m);
    height: 20px; }
    .requester-sidebar-horizontal-header__active-workspace-name i {
      margin-right: var(--spacing-s); }
    .requester-sidebar-horizontal-header__active-workspace-name:hover {
      color: var(--base-color-info);
      cursor: pointer; }
      .requester-sidebar-horizontal-header__active-workspace-name:hover use {
        fill: var(--base-color-info); }
      .requester-sidebar-horizontal-header__active-workspace-name:hover svg > path[fill] {
        fill: var(--base-color-info); }
  .requester-sidebar-horizontal-header__right-container {
    padding: var(--spacing-s); }
  .requester-sidebar-horizontal-header .actions-container {
    display: flex; }
    .requester-sidebar-horizontal-header .actions-container .import-collection-button,
    .requester-sidebar-horizontal-header .actions-container .create-new-button {
      color: var(--content-color-primary);
      background: var(--highlight-background-color-secondary); }
    .requester-sidebar-horizontal-header .actions-container .workspace-join-btn {
      min-width: 38px; }
  .requester-sidebar-horizontal-header .actions-container > * {
    height: var(--size-s);
    font-weight: 600;
    font-size: var(--text-size-s);
    line-height: var(--text-size-m);
    padding: 6px 8px;
    min-width: 0; }
  .requester-sidebar-horizontal-header .actions-container > *:not(:last-child) {
    margin-right: var(--spacing-xs); }

.requester-left-sidebar__header-collapsed {
  height: 100%;
  position: relative; }
  .requester-left-sidebar__header-collapsed .requester-left-sidebar__header-icons {
    padding: var(--spacing-s);
    cursor: pointer; }

.requester-left-sidebar__header-uncollapsed {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--border-color-default);
  min-width: 40px;
  background: var(--background-color-secondary);
  align-items: center; }
  .requester-left-sidebar__header-uncollapsed .list-container {
    display: flex;
    flex-direction: column;
    align-items: center; }

.requester-left-sidebar__header-uncollapsed-tab {
  width: 80px;
  height: 60px;
  padding: var(--spacing-zero) var(--spacing-xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--content-color-secondary);
  font-size: var(--text-size-xs);
  line-height: var(--text-size-xl);
  text-align: center;
  flex: none; }
  .requester-left-sidebar__header-uncollapsed-tab use {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar__header-uncollapsed-tab svg > path[fill] {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar__header-uncollapsed-tab:hover:not(.more-options-tab) {
    position: relative;
    background: var(--highlight-background-color-primary);
    color: var(--content-color-primary); }
    .requester-left-sidebar__header-uncollapsed-tab:hover:not(.more-options-tab) use {
      fill: var(--content-color-primary); }
    .requester-left-sidebar__header-uncollapsed-tab:hover:not(.more-options-tab) svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-left-sidebar__header-uncollapsed-tab.active {
    background: var(--highlight-background-color-tertiary);
    position: relative;
    box-shadow: var(--base-color-brand);
    color: var(--content-color-primary); }
    .requester-left-sidebar__header-uncollapsed-tab.active use {
      fill: var(--content-color-primary); }
    .requester-left-sidebar__header-uncollapsed-tab.active svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-left-sidebar__header-uncollapsed-tab.active::before {
    content: '';
    position: absolute;
    left: 0;
    height: 60px;
    width: 2px;
    background: var(--base-color-brand);
    top: 0; }

.requester-left-sidebar__header-collapsed-tab {
  width: 40px;
  height: 40px;
  padding: var(--spacing-s);
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center; }
  .requester-left-sidebar__header-collapsed-tab use {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar__header-collapsed-tab svg > path[fill] {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar__header-collapsed-tab span {
    height: var(--size-xs); }
  .requester-left-sidebar__header-collapsed-tab .tabs_more {
    min-width: 40px;
    height: 40px; }
  .requester-left-sidebar__header-collapsed-tab:hover {
    position: relative;
    background: var(--highlight-background-color-primary); }
    .requester-left-sidebar__header-collapsed-tab:hover use {
      fill: var(--content-color-primary); }
    .requester-left-sidebar__header-collapsed-tab:hover svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-left-sidebar__header-collapsed-tab.active {
    background: var(--highlight-background-color-primary); }
    .requester-left-sidebar__header-collapsed-tab.active use {
      fill: var(--content-color-primary); }
    .requester-left-sidebar__header-collapsed-tab.active svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-left-sidebar__header-collapsed-tab.active::before {
    content: '';
    position: absolute;
    left: 0;
    height: 40px;
    width: 2px;
    background: var(--base-color-brand);
    top: 0; }

.requester-left-sidebar-toggle-tabs {
  margin: 0 auto;
  cursor: pointer;
  margin-bottom: var(--spacing-xs);
  background-color: transparent;
  height: var(--size-s);
  width: var(--size-s);
  border-radius: var(--border-radius-s); }
  .requester-left-sidebar-toggle-tabs use {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar-toggle-tabs svg > path[fill] {
    fill: var(--content-color-secondary); }
  .requester-left-sidebar-toggle-tabs:hover {
    background-color: var(--highlight-background-color-tertiary); }
    .requester-left-sidebar-toggle-tabs:hover use {
      fill: var(--content-color-primary); }
    .requester-left-sidebar-toggle-tabs:hover svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-left-sidebar-toggle-tabs.is-disabled:hover {
    background: none; }

.requester-left-sidebar__actions-container {
  display: flex;
  height: 40px;
  padding: var(--spacing-s);
  box-sizing: border-box;
  align-items: center;
  position: relative; }
  .requester-left-sidebar__actions-container .btn {
    background: none;
    height: var(--size-s);
    width: var(--size-s);
    border-radius: var(--border-radius-s); }
    .requester-left-sidebar__actions-container .btn.is-disabled:hover {
      background: none; }
    .requester-left-sidebar__actions-container .btn:hover {
      background-color: var(--highlight-background-color-secondary); }
      .requester-left-sidebar__actions-container .btn:hover use {
        fill: var(--content-color-primary); }
      .requester-left-sidebar__actions-container .btn:hover svg > path[fill] {
        fill: var(--content-color-primary); }
  .requester-left-sidebar__actions-container .create-new__btn {
    margin-right: var(--spacing-xs); }
  .requester-left-sidebar__actions-container .input-search-group {
    height: var(--size-s);
    flex: 1;
    border-radius: var(--border-radius-s);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .requester-left-sidebar__actions-container .input-search-group use {
      fill: var(--content-color-secondary); }
    .requester-left-sidebar__actions-container .input-search-group svg > path[fill] {
      fill: var(--content-color-secondary); }
    .requester-left-sidebar__actions-container .input-search-group.is-hovered {
      background-color: var(--highlight-background-color-primary); }
    .requester-left-sidebar__actions-container .input-search-group.is-focused {
      background-color: var(--background-color-primary);
      border-color: var(--border-color-strong); }
      .requester-left-sidebar__actions-container .input-search-group.is-focused use {
        fill: var(--content-color-primary); }
      .requester-left-sidebar__actions-container .input-search-group.is-focused svg > path[fill] {
        fill: var(--content-color-primary); }
    .requester-left-sidebar__actions-container .input-search-group.is-hovered.is-focused {
      background-color: var(--background-color-primary);
      border-color: var(--border-color-strong); }
      .requester-left-sidebar__actions-container .input-search-group.is-hovered.is-focused use {
        fill: var(--content-color-primary); }
      .requester-left-sidebar__actions-container .input-search-group.is-hovered.is-focused svg > path[fill] {
        fill: var(--content-color-primary); }
  .requester-left-sidebar__actions-container .secondary-actions-container {
    display: flex;
    margin-left: var(--spacing-xs); }

.requester-left-sidebar__header-tab-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px; }

.requester-left-sidebar__loading-container {
  margin-top: 40px; }

.sidebar-list-item {
  display: flex;
  height: 28px;
  align-items: center;
  font-size: var(--text-size-m);
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--content-color-primary);
  padding: var(--spacing-zero) var(--spacing-s); }
  .sidebar-list-item:hover, .sidebar-list-item.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
    .sidebar-list-item:hover .sidebar-list-item__right-section-actions .btn,
    .sidebar-list-item:hover .actions-dropdown .btn, .sidebar-list-item.is-hovered .sidebar-list-item__right-section-actions .btn,
    .sidebar-list-item.is-hovered .actions-dropdown .btn {
      height: var(--size-s); }
  .sidebar-list-item.active {
    background-color: var(--highlight-background-color-secondary); }
    .sidebar-list-item.active .sidebar-list-item__right-section-actions,
    .sidebar-list-item.active .actions-dropdown {
      display: flex; }
      .sidebar-list-item.active .sidebar-list-item__right-section-actions .btn,
      .sidebar-list-item.active .actions-dropdown .btn {
        height: var(--size-s); }
  .sidebar-list-item:focus, .sidebar-list-item.is-focused {
    background-color: var(--background-color-brand);
    border-radius: var(--border-radius-default); }
  .sidebar-list-item.selected {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-tertiary); }
  .sidebar-list-item__actions-container {
    display: flex;
    align-items: center; }
    .sidebar-list-item__actions-container .btn {
      background-color: transparent;
      height: var(--size-s);
      width: var(--size-s);
      border-radius: var(--border-radius-s); }
      .sidebar-list-item__actions-container .btn use {
        fill: var(--content-color-secondary); }
      .sidebar-list-item__actions-container .btn svg > path[fill] {
        fill: var(--content-color-secondary); }
      .sidebar-list-item__actions-container .btn:hover {
        background-color: var(--highlight-background-color-tertiary); }
        .sidebar-list-item__actions-container .btn:hover use {
          fill: var(--content-color-primary); }
        .sidebar-list-item__actions-container .btn:hover svg > path[fill] {
          fill: var(--content-color-primary); }
      .sidebar-list-item__actions-container .btn.is-disabled:hover {
        background: none; }
    .sidebar-list-item__actions-container .sidebar-list-item__right-section-actions,
    .sidebar-list-item__actions-container .actions-dropdown {
      display: flex; }
      .sidebar-list-item__actions-container .sidebar-list-item__right-section-actions .btn,
      .sidebar-list-item__actions-container .actions-dropdown .btn {
        height: var(--size-s);
        width: var(--size-s); }
    .sidebar-list-item__actions-container .btn use,
    .sidebar-list-item__actions-container .actions-dropdown use {
      fill: var(--content-color-secondary); }
    .sidebar-list-item__actions-container .btn svg > path[fill],
    .sidebar-list-item__actions-container .actions-dropdown svg > path[fill] {
      fill: var(--content-color-secondary); }
    .sidebar-list-item__actions-container .btn:hover use,
    .sidebar-list-item__actions-container .actions-dropdown:hover use {
      fill: var(--content-color-primary); }
    .sidebar-list-item__actions-container .btn:hover svg > path[fill],
    .sidebar-list-item__actions-container .actions-dropdown:hover svg > path[fill] {
      fill: var(--content-color-primary); }
  .sidebar-list-item__left-actions-container {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center; }
  .sidebar-list-item__icon-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: var(--size-xs);
    min-width: var(--size-s); }
  .sidebar-list-item__content-wrapper {
    display: flex;
    flex: 1;
    min-width: 0;
    margin-left: 28px;
    padding: var(--spacing-xs) var(--spacing-zero);
    align-items: center; }
    .sidebar-list-item__content-wrapper > *:not(:last-child) {
      margin-right: var(--spacing-s); }
  .sidebar-list-item__name-wrapper {
    line-height: var(--line-height-m);
    display: flex;
    min-width: 0px;
    margin-right: var(--spacing-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .sidebar-list-item__name-wrapper .inline-input {
      height: var(--size-s); }
    .sidebar-list-item__name-wrapper:hover {
      color: var(--content-color-primary); }
  .sidebar-list-item__content-wrapper.edit-mode .sidebar-list-item__name-wrapper {
    margin-right: var(--spacing-xs);
    width: 100%; }
  .sidebar-list-item__content-wrapper.edit-mode .inline-input__wrapper {
    width: 100%; }
  .sidebar-list-item__status-indicators {
    display: flex; }
    .sidebar-list-item__status-indicators i {
      margin-right: var(--spacing-xs); }
  .sidebar-list-item__link {
    flex: 1;
    overflow: hidden; }
  .sidebar-list-item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .sidebar-list-item .sidebar-action-btn {
    background-color: transparent;
    height: var(--size-s);
    width: var(--size-s);
    border-radius: var(--border-radius-s); }
    .sidebar-list-item .sidebar-action-btn use {
      fill: var(--content-color-secondary); }
    .sidebar-list-item .sidebar-action-btn svg > path[fill] {
      fill: var(--content-color-secondary); }
    .sidebar-list-item .sidebar-action-btn:hover {
      background-color: var(--highlight-background-color-tertiary); }
      .sidebar-list-item .sidebar-action-btn:hover use {
        fill: var(--content-color-primary); }
      .sidebar-list-item .sidebar-action-btn:hover svg > path[fill] {
        fill: var(--content-color-primary); }
    .sidebar-list-item .sidebar-action-btn.is-disabled:hover {
      background: none; }

.requester-builder {
  display: flex;
  flex-direction: column;
  min-width: 0; }

.requester-builder-header {
  flex: none;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  background-color: var(--background-color-primary);
  border-bottom: 1px solid var(--border-color-default); }
  .requester-builder-header .requester-tabs-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    min-width: 0;
    height: 39px; }
    .requester-builder-header .requester-tabs-wrapper .requester-tab-actions {
      display: inherit;
      position: sticky;
      right: 0;
      align-items: center; }
    .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper {
      display: flex;
      justify-content: center;
      align-items: center; }
      .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper.nav-btn-left {
        border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        padding: var(--spacing-xs); }
      .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper.nav-btn-right {
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        padding-left: var(--spacing-xs); }
      .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper .requester-tab-nav-previous-icon {
        opacity: 0.8;
        padding: 0 5px; }
        .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper .requester-tab-nav-previous-icon:hover {
          cursor: pointer; }
      .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper .requester-tab-nav-next-icon {
        opacity: 0.8;
        padding: 0 5px;
        margin-left: 10px; }
        .requester-builder-header .requester-tabs-wrapper .requester-tab-nav-btn-wrapper .requester-tab-nav-next-icon:hover {
          cursor: pointer; }

.requester-builder-contents {
  background: inherit;
  flex: 1;
  overflow-y: hidden;
  display: flex;
  flex-direction: column; }

.environment-resize-handle-wrapper {
  cursor: ew-resize;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0; }
  .environment-resize-handle-wrapper .environment-resize-handle {
    background: var(--border-color-default);
    height: 100%;
    width: 1px; }
  .environment-resize-handle-wrapper:hover .environment-resize-handle {
    background: var(--border-color-strong); }

.requester-bottom-pane-header-container {
  z-index: 2; }

.requester-bottom-pane-header {
  display: flex;
  align-items: center; }
  .requester-bottom-pane-header .pane-header__section-left {
    flex: 1;
    display: flex;
    align-items: center; }
    .requester-bottom-pane-header .pane-header__section-left .tab-text-wrapper {
      padding: var(--spacing-xs) var(--spacing-zero); }
  .requester-bottom-pane-header .pane-header__tabs .tab {
    display: flex;
    align-items: center;
    font-size: var(--text-size-s);
    line-height: var(--line-height-s); }
    .requester-bottom-pane-header .pane-header__tabs .tab .pm-icon {
      margin-right: var(--spacing-xs); }
    .requester-bottom-pane-header .pane-header__tabs .tab.is-active .pm-icon use, .requester-bottom-pane-header .pane-header__tabs .tab:hover .pm-icon use {
      fill: var(--content-color-primary); }
    .requester-bottom-pane-header .pane-header__tabs .tab.is-active .pm-icon svg > path[fill], .requester-bottom-pane-header .pane-header__tabs .tab:hover .pm-icon svg > path[fill] {
      fill: var(--content-color-primary); }
  .requester-bottom-pane-header .pane-header__options {
    margin-left: var(--spacing-s); }
  .requester-bottom-pane-header .pane-header__actions {
    display: flex; }
    .requester-bottom-pane-header .pane-header__actions .actions__close-icon {
      margin: var(--spacing-s) var(--spacing-s) var(--spacing-xs) var(--spacing-s);
      cursor: pointer; }
      .requester-bottom-pane-header .pane-header__actions .actions__close-icon use {
        fill: var(--content-color-secondary); }
      .requester-bottom-pane-header .pane-header__actions .actions__close-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
      .requester-bottom-pane-header .pane-header__actions .actions__close-icon:hover use, .requester-bottom-pane-header .pane-header__actions .actions__close-icon.is-hovered use {
        fill: var(--content-color-primary); }
      .requester-bottom-pane-header .pane-header__actions .actions__close-icon:hover svg > path[fill], .requester-bottom-pane-header .pane-header__actions .actions__close-icon.is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }

.bottom-pane-container {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.bottom-pane-tab-content {
  flex: 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column; }

.bottom-pane-status-bar {
  flex-shrink: 0;
  background-color: var(--background-color-primary);
  z-index: 1;
  height: var(--size-s); }

.bottom-pane-tab-content--console,
.bottom-pane-tab-content--find-replace {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0; }
  .bottom-pane-tab-content--console .console-container,
  .bottom-pane-tab-content--find-replace .console-container {
    flex: 1 auto; }

.plugin__sidebar-shortcut {
  cursor: pointer; }
  .plugin__sidebar-shortcut use {
    fill: var(--content-color-secondary); }
  .plugin__sidebar-shortcut svg > path[fill] {
    fill: var(--content-color-secondary); }
  .plugin__sidebar-shortcut:hover use, .plugin__sidebar-shortcut.is-hovered use {
    fill: var(--content-color-primary); }
  .plugin__sidebar-shortcut:hover svg > path[fill], .plugin__sidebar-shortcut.is-hovered svg > path[fill] {
    fill: var(--content-color-primary); }

.requester-scratchpad-info-container,
.public-info-container,
.requester-info-container {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--content-color-primary);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-sizing: border-box; }
  .requester-scratchpad-info-container div,
  .public-info-container div,
  .requester-info-container div {
    height: 100%; }

.requester-scratchpad-info-container__light {
  background: var(--yellow-30); }

.requester-scratchpad-info-container__dark {
  background: var(--yellow-70); }

.requester-scratchpad-info-container .requester-scratchpad-info {
  display: flex;
  justify-content: center;
  flex: 1;
  align-items: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-small);
  position: relative; }
  .requester-scratchpad-info-container .requester-scratchpad-info span {
    margin-left: var(--spacing-s); }
  .requester-scratchpad-info-container .requester-scratchpad-info__switch {
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs); }
  .requester-scratchpad-info-container .requester-scratchpad-info__close {
    background-color: inherit;
    position: absolute;
    right: var(--spacing-s);
    height: var(--size-m);
    width: var(--size-m); }
    .requester-scratchpad-info-container .requester-scratchpad-info__close use {
      fill: var(--content-color-primary); }
    .requester-scratchpad-info-container .requester-scratchpad-info__close svg > path[fill] {
      fill: var(--content-color-primary); }

.public-info-container {
  background: var(--background-color-tertiary); }
  .public-info-container .public-info {
    display: flex;
    margin-left: var(--spacing-s);
    flex: 1;
    align-items: center;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary); }
    .public-info-container .public-info .btn {
      width: fit-content;
      padding: 0 var(--spacing-s); }
      .public-info-container .public-info .btn span {
        margin-left: var(--spacing-s); }

.requester-info-container__light {
  background: var(--yellow-10); }

.requester-info-container__dark {
  background: var(--yellow-90); }

.requester-info-container .requester-info {
  display: flex;
  margin-left: var(--spacing-s);
  flex: 1;
  align-items: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-small); }
  .requester-info-container .requester-info span {
    margin-left: var(--spacing-s); }
  .requester-info-container .requester-info .btn {
    text-decoration: underline;
    font-weight: var(--text-weight-primary);
    color: var(--content-color-primary);
    padding-left: var(--spacing-xs); }

.context-bar__header {
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  height: 100%; }

.context-bar {
  display: flex;
  flex-direction: row; }

.collection-sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .collection-sidebar .collection-sidebar-menu {
    flex: 0 0 40px;
    box-sizing: border-box; }
  .collection-sidebar .collection-sidebar-list {
    flex: 1; }
  .collection-sidebar.is-hidden {
    display: none; }

.collection-sidebar-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.collection-sidebar__indent {
  flex: 0 0 var(--spacing-m);
  box-sizing: border-box;
  height: inherit; }
  .collection-sidebar__indent.active-indent {
    border-right: thin solid var(--border-color-strong); }

.collection-sidebar-empty__branch {
  display: flex; }

.collection-sidebar-menu .collection-sidebar-menu__filter {
  flex: 1; }

.collection-sidebar-menu .collection-sidebar-menu__actions {
  flex: 1; }

.collection-sidebar-menu__filter .tabs {
  margin-top: 5px;
  margin-left: 10px; }

.collection-sidebar-menu__filter .tab {
  padding-left: 5px;
  padding-right: 5px; }

.collection-sidebar-menu__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0px 10px; }

.collection-sidebar-menu__actions-trash {
  padding: 0;
  line-height: var(--line-height-s);
  color: var(--content-color-primary);
  font-weight: var(--text-weight-regular); }
  .collection-sidebar-menu__actions-trash.btn-text:hover, .collection-sidebar-menu__actions-trash.btn-text.is-disabled:hover {
    color: var(--content-color-primary); }
  .collection-sidebar-menu__actions-trash__icon {
    margin-right: var(--spacing-s); }

.collection-sidebar-menu__actions-new-collection {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.collection-sidebar-menu__actions-new-button {
  padding-right: 6px; }
  .collection-sidebar-menu__actions-new-button use {
    fill: var(--base-color-brand); }
  .collection-sidebar-menu__actions-new-button svg > path[fill] {
    fill: var(--base-color-brand); }

.collection-sidebar-menu__actions-sort-collection-wrapper {
  padding-top: 11px;
  margin-right: 15px; }
  .collection-sidebar-menu__actions-sort-collection-wrapper .dropdown .btn {
    height: auto;
    padding: 0; }

.collection-sidebar-menu__actions-sort-collection-dropdown {
  background-color: transparent !important; }

.collection-sidebar-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-right: 1px;
  transform: translateZ(0); }
  .collection-sidebar-list:hover .collection-sidebar__indent:not(.active-indent) {
    border-right: thin solid var(--border-color-default); }

/* Filter */
.collection-sidebar-list[data-filter='me'] .collection-sidebar-list-item.is-subscribed {
  display: none; }

.collection-sidebar-list[data-filter='team'] .collection-sidebar-list-item.is-unshared {
  display: none; }

.collection-sidebar-list-item__toggle-btn {
  margin-left: var(--spacing-xs);
  height: var(--size-xs);
  width: var(--size-xs);
  background-color: unset; }
  .collection-sidebar-list-item__toggle-btn use {
    fill: var(--content-color-primary); }
  .collection-sidebar-list-item__toggle-btn svg > path[fill] {
    fill: var(--content-color-primary); }
  .collection-sidebar-list-item__toggle-btn:hover, .collection-sidebar-list-item__toggle-btn.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
    .collection-sidebar-list-item__toggle-btn:hover use, .collection-sidebar-list-item__toggle-btn.is-hovered use {
      fill: var(--content-color-primary); }
    .collection-sidebar-list-item__toggle-btn:hover svg > path[fill], .collection-sidebar-list-item__toggle-btn.is-hovered svg > path[fill] {
      fill: var(--content-color-primary); }

.collection-sidebar-list-item__example-icon__wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 28px;
  margin-right: var(--spacing-xs);
  margin-left: var(--spacing-xl); }

.collection-sidebar-list-item__ec-item-icon__wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 28px;
  margin-right: var(--spacing-xs);
  margin-left: var(--spacing-xs); }

.collection-sidebar-fork-label__text {
  font-size: var(--text-size-s);
  color: var(--content-color-secondary);
  margin-left: var(--spacing-xs);
  line-height: var(--line-height-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  display: inline-block; }

.collection-sidebar-list__request-spacing {
  height: inherit;
  width: var(--size-xs);
  margin-left: var(--spacing-xs); }

.collection-sidebar-list-item {
  border-bottom: 1px solid var(--border-color-default);
  flex: 0 0 auto; }
  .collection-sidebar-list-item.is-hidden {
    display: none; }

.collection-sidebar-list-item__head {
  display: flex;
  flex-direction: column; }
  .collection-sidebar-list-item__head .collection-sidebar-list-item__head__head {
    flex: 0 0 auto; }

.collection-sidebar-list-item__head__head {
  display: flex;
  flex-direction: row;
  height: 28px;
  align-items: center;
  font-size: var(--text-size-m);
  padding: var(--spacing-zero) var(--spacing-s);
  background-color: var(--background-color-secondary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .collection-sidebar-list-item__head__head:focus, .collection-sidebar-list-item__head__head.is-focused {
    background-color: var(--highlight-background-color-tertiary); }
  .collection-sidebar-list-item__head__head:hover, .collection-sidebar-list-item__head__head.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .collection-sidebar-list-item__head__head.is-drop-hovered {
    box-shadow: inset 5px 0px 0px 0px var(--base-color-brand); }
  .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__icon-wrapper {
    flex: 0 0 28px;
    display: flex;
    justify-content: flex-end;
    margin: var(--spacing-zero) var(--spacing-xs); }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__icon-wrapper .icon-collection {
      padding: 0 5px; }
  .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__meta {
    flex: 1;
    margin-left: var(--spacing-s); }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__meta__transient {
      flex: 1;
      margin-left: var(--spacing-zero); }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__meta .collection-sidebar-list-item__head__name__wrapper {
      display: flex;
      align-items: center;
      height: var(--size-s); }
      .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__meta .collection-sidebar-list-item__head__name__wrapper .inline-input__wrapper {
        height: var(--size-s); }
      .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__meta .collection-sidebar-list-item__head__name__wrapper .inline-input {
        font-size: var(--text-size-m); }
  .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__actions {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__actions.is-selected {
      visibility: visible; }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__actions.is-pending {
      visibility: visible; }
  .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__action {
    display: flex;
    flex: 0 0 var(--size-s);
    align-items: center;
    justify-content: center;
    box-sizing: border-box; }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__action .collection-sidebar-list-item__collection-browser_action-open-icon {
      transform: rotate(-180deg); }
    .collection-sidebar-list-item__head__head .collection-sidebar-list-item__head__action .btn {
      width: var(--size-s);
      height: var(--size-s);
      padding: 0; }
  .collection-sidebar-list-item__head__head:hover .collection-sidebar-list-item__head__actions, .collection-sidebar-list-item__head__head.is-hovered .collection-sidebar-list-item__head__actions {
    visibility: visible; }

.collection-sidebar-list-item__head__meta {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center; }

.collection-sidebar-list-item__head__actions {
  visibility: hidden; }

.collection-sidebar-list-empty-item {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: var(--spacing-xl) var(--spacing-xxl);
  color: var(--content-color-secondary);
  text-align: center; }
  .collection-sidebar-list-empty-item .entity-empty {
    border: none; }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__title {
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-l);
      font-weight: var(--text-weight-medium); }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      margin-bottom: var(--spacing-xl);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-s); }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__title,
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__illustration-wrapper--collections {
      margin-bottom: 16px; }
      .collection-sidebar-list-empty-item .entity-empty .entity-empty__illustration-wrapper--collections .collections-empty__illustration {
        display: block;
        width: 75px;
        height: 75px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__action .btn-text {
      /*
           This has been done when the collection sidebar is squeezed down
           then the create collection buttons' text gets wrapped and moves to next line
           so to avoid that wrapping, the padding is being set to 0
        */
      padding: 0; }
    .collection-sidebar-list-empty-item .entity-empty .entity-empty__action .create-collection-icon {
      padding: 4px 8px 4px 4px; }

.collection-sidebar-list-item__head__head:not(.is-favorited) .collection-sidebar-list-item__head__favorite-button {
  display: none; }

.collection-sidebar-list-item__head__head:not(.is-favorited):hover .collection-sidebar-list-item__head__favorite-button, .collection-sidebar-list-item__head__head:not(.is-favorited).is-hovered .collection-sidebar-list-item__head__favorite-button {
  display: flex; }

.collection-sidebar-list-item__body--empty {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  line-height: var(--line-height-s);
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  display: flex;
  padding: var(--spacing-zero) var(--spacing-s); }
  .collection-sidebar-list-item__body--empty .collection-sidebar-list__empty-item__content {
    padding: var(--spacing-s) var(--spacing-xl); }
    .collection-sidebar-list-item__body--empty .collection-sidebar-list__empty-item__content.collection-sidebar-list__empty-item__content__for-collection {
      padding: var(--spacing-s) var(--spacing-l); }
    .collection-sidebar-list-item__body--empty .collection-sidebar-list__empty-item__content .btn-text {
      padding: var(--spacing-zero);
      padding-right: var(--spacing-xs);
      line-height: var(--line-height-s);
      font-size: var(--text-size-m); }

.collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__name-icon__wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__name-icon__wrapper .collection-sidebar-list-item__head__name {
    font-size: var(--text-size-m);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary);
    line-height: var(--line-height-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.collection-sidebar-list-item__head__name__wrapper .shared-icon {
  margin-left: 10px; }

.collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button {
  background-color: transparent;
  width: var(--size-s);
  height: var(--size-s); }
  .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button use {
    fill: var(--content-color-secondary); }
  .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button svg > path[fill] {
    fill: var(--content-color-secondary); }
  .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button:hover, .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
    .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button:hover .collection-sidebar-list-item__head__favorite-button-icon use, .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button.is-hovered .collection-sidebar-list-item__head__favorite-button-icon use {
      fill: var(--content-color-primary); }
    .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button:hover .collection-sidebar-list-item__head__favorite-button-icon svg > path[fill], .collection-sidebar-list-item__head__name__wrapper .collection-sidebar-list-item__head__favorite-button.is-hovered .collection-sidebar-list-item__head__favorite-button-icon svg > path[fill] {
      fill: var(--content-color-primary); }

.collection-sidebar-list-item__head__meta-info {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  margin-top: 4px;
  font-size: 11px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }

.collection-sidebar-list-item__head__requests {
  white-space: nowrap;
  color: var(--content-color-primary); }

.collection-sidebar-list-item__head__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.collection-sidebar-dropdown-actions-wrapper {
  height: var(--size-s);
  width: var(--size-s); }
  .collection-sidebar-dropdown-actions-wrapper .collection-sidebar-list-item__spinner {
    margin-top: var(--spacing-xs); }

.collection-sidebar-actions-dropdown .dropdown-button .btn,
.collection-sidebar-folder-actions-dropdown .dropdown-button .btn,
.collection-sidebar-request-actions-dropdown .dropdown-button .btn {
  border-radius: 0;
  background-color: inherit;
  min-width: unset; }
  .collection-sidebar-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon use,
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon use,
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon use {
    fill: var(--content-color-secondary); }
  .collection-sidebar-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon svg > path[fill],
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon svg > path[fill],
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn .entity-actions-dropdown__icon svg > path[fill] {
    fill: var(--content-color-secondary); }
  .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active,
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active,
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active {
    background-color: var(--highlight-background-color-secondary); }
    .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use {
      fill: var(--content-color-primary); }
    .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill] {
      fill: var(--content-color-primary); }
  .collection-sidebar-actions-dropdown .dropdown-button .btn:hover, .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered,
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover,
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered,
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover,
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
    .collection-sidebar-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon use, .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon use,
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon use,
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon use,
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon use,
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon use {
      fill: var(--content-color-primary); }
    .collection-sidebar-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered .entity-actions-dropdown__icon svg > path[fill] {
      fill: var(--content-color-primary); }
  .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn, .collection-sidebar-list-item__head__action
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__folder
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__request
  .collection-sidebar-folder-actions-dropdown .dropdown-button .btn, .collection-sidebar-list-item__head__action
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__folder
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn,
  .collection-sidebar-list-item__request
  .collection-sidebar-request-actions-dropdown .dropdown-button .btn {
    border-radius: var(--border-radius-default); }
    .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__folder
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__request
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__folder
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use,
    .collection-sidebar-list-item__request
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon use {
      fill: var(--content-color-secondary); }
    .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__folder
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__request
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__folder
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill],
    .collection-sidebar-list-item__request
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-active .entity-actions-dropdown__icon svg > path[fill] {
      fill: var(--content-color-secondary); }
    .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn:hover, .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered, .collection-sidebar-list-item__head__action
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover, .collection-sidebar-list-item__head__action
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__folder
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__folder
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__request
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__request
    .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered, .collection-sidebar-list-item__head__action
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover, .collection-sidebar-list-item__head__action
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__folder
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__folder
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered,
    .collection-sidebar-list-item__request
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover,
    .collection-sidebar-list-item__request
    .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered {
      background-color: var(--highlight-background-color-tertiary); }
      .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use, .collection-sidebar-list-item__head__action
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__folder
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon use,
      .collection-sidebar-list-item__request
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon use {
        fill: var(--content-color-primary); }
      .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request .collection-sidebar-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request
      .collection-sidebar-folder-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-list-item__head__action
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__folder
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill],
      .collection-sidebar-list-item__request
      .collection-sidebar-request-actions-dropdown .dropdown-button .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill] {
        fill: var(--content-color-primary); }

.collection-sidebar-list-item__folder {
  display: flex;
  flex-direction: column; }
  .collection-sidebar-list-item__folder .collection-sidebar-list-item__folder__head {
    flex: 0 0 auto; }
  .collection-sidebar-list-item__folder .collection-sidebar-list-item__folder__body {
    flex: 0 0 auto; }

.collection-sidebar-list-item__folder.is-drop-hovered-top {
  box-shadow: 0 -2px 0 var(--base-color-brand); }

.collection-sidebar-list-item__folder.is-drop-hovered-bottom {
  box-shadow: 0 2px 0 var(--base-color-brand); }

.collection-sidebar-list-item__folder.is-hidden {
  display: none; }

.collection-sidebar-list-item__folder__head {
  display: flex;
  flex-direction: row;
  height: 28px;
  align-items: center;
  font-size: var(--text-size-m);
  padding: var(--spacing-zero) var(--spacing-s);
  background-color: var(--background-color-secondary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .collection-sidebar-list-item__folder__head.is-pending .collection-sidebar-list-item__folder__head__actions {
    visibility: visible; }
  .collection-sidebar-list-item__folder__head:focus, .collection-sidebar-list-item__folder__head.is-focused {
    background-color: var(--highlight-background-color-tertiary); }
  .collection-sidebar-list-item__folder__head:hover, .collection-sidebar-list-item__folder__head.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .collection-sidebar-list-item__folder__head .collection-sidebar-list-item__folder__icon-wrapper {
    flex: 0 0 28px;
    display: flex;
    justify-content: flex-end;
    margin: var(--spacing-zero) var(--spacing-xs); }
  .collection-sidebar-list-item__folder__head .collection-sidebar-list-item__folder__head__meta {
    flex: 1; }
  .collection-sidebar-list-item__folder__head .collection-sidebar-list-item__folder__head__actions {
    flex: 0 0 var(--size-s); }
  .collection-sidebar-list-item__folder__head.is-right-above {
    box-shadow: inset 0px 0px 0px 2px var(--base-color-brand); }
  .collection-sidebar-list-item__folder__head.is-dragged {
    opacity: 0.1; }
  .collection-sidebar-list-item__folder__head.is-drop-hovered {
    position: relative; }
    .collection-sidebar-list-item__folder__head.is-drop-hovered::before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 2px;
      background-color: var(--base-color-brand); }

.collection-sidebar-list-item__folder__body {
  padding-left: 10px; }
  .collection-sidebar-list-item__folder__body.is-dragged {
    opacity: 0.1; }
  .collection-sidebar-list-item__folder__body .collection-sidebar-list-item__folder__body--empty {
    padding-left: 20px; }

.collection-sidebar-list-item__folder__head__meta {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  align-items: center; }
  .collection-sidebar-list-item__folder__head__meta .collection-sidebar-list-item__folder__head__name {
    line-height: var(--line-height-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.collection-sidebar-list-item__folder__head__icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.collection-sidebar-folder-dropdown-actions-wrapper .btn {
  width: var(--size-s);
  height: var(--size-s);
  padding: var(--spacing-zero); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn .entity-actions-dropdown__icon use {
    fill: var(--content-color-secondary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn .entity-actions-dropdown__icon svg > path[fill] {
    fill: var(--content-color-secondary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-active .entity-actions-dropdown__icon use {
    fill: var(--content-color-primary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-active .entity-actions-dropdown__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn:hover .entity-actions-dropdown__icon use, .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-hovered .entity-actions-dropdown__icon use {
    fill: var(--content-color-primary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn:hover .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-hovered .entity-actions-dropdown__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn:hover.is-active .entity-actions-dropdown__icon use, .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-hovered.is-active .entity-actions-dropdown__icon use {
    fill: var(--content-color-secondary); }
  .collection-sidebar-folder-dropdown-actions-wrapper .btn:hover.is-active .entity-actions-dropdown__icon svg > path[fill], .collection-sidebar-folder-dropdown-actions-wrapper .btn.is-hovered.is-active .entity-actions-dropdown__icon svg > path[fill] {
    fill: var(--content-color-secondary); }

.collection-sidebar-list-item__folder {
  display: flex;
  flex-direction: column; }
  .collection-sidebar-list-item__folder .collection-sidebar-list-item__request__head {
    flex: 0 0 auto; }

.collection-sidebar-list-item__request__head {
  display: flex;
  flex-direction: row;
  height: 28px;
  align-items: center;
  font-size: var(--text-size-m);
  padding: var(--spacing-zero) var(--spacing-s);
  background-color: var(--background-color-secondary); }
  .collection-sidebar-list-item__request__head:focus, .collection-sidebar-list-item__request__head.is-focused {
    background-color: var(--highlight-background-color-tertiary); }
  .collection-sidebar-list-item__request__head:hover, .collection-sidebar-list-item__request__head.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .collection-sidebar-list-item__request__head .collection-sidebar-list-item__request__label-wrapper {
    flex: 0 0 28px;
    margin: var(--spacing-zero) var(--spacing-xs); }
  .collection-sidebar-list-item__request__head .collection-sidebar-list-item__request__meta {
    flex: 1; }
  .collection-sidebar-list-item__request__head .collection-sidebar-list-item__request__actions {
    flex: 0 0 var(--size-s); }
  .collection-sidebar-list-item__request__head .collection-sidebar-list-item__request__name {
    line-height: var(--line-height-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.collection-sidebar-list-item__request__head {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .collection-sidebar-list-item__request__head.is-pending .collection-sidebar-list-item__request__actions {
    visibility: visible; }
  .collection-sidebar-list-item__request__head:hover .collection-sidebar-list-item__request__actions, .collection-sidebar-list-item__request__head.is-hovered .collection-sidebar-list-item__request__actions {
    visibility: visible; }
  .collection-sidebar-list-item__request__head.is-focused {
    background-color: var(--highlight-background-color-secondary); }
  .collection-sidebar-list-item__request__head.is-drop-hovered-top:before {
    left: 0;
    background-color: var(--base-color-brand); }
  .collection-sidebar-list-item__request__head.is-drop-hovered-bottom:before {
    left: 0;
    background-color: var(--base-color-brand); }
  .collection-sidebar-list-item__request__head.is-dragged {
    opacity: 0.1; }
  .collection-sidebar-list-item__request__head.is-drop-hovered-top {
    box-shadow: 0 -2px 0 var(--base-color-brand); }
  .collection-sidebar-list-item__request__head.is-drop-hovered-bottom {
    box-shadow: inset 0px -2px var(--base-color-brand); }
  .collection-sidebar-list-item__request__head.is-right-above {
    box-shadow: inset 0px 0px 0px 2px var(--base-color-brand); }
  .collection-sidebar-list-item__request__head.is-hidden {
    display: none; }

.collection-sidebar-list-item__request__actions {
  visibility: hidden; }

.collection-sidebar-list-item__request__label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }
  .collection-sidebar-list-item__request__label-wrapper.next-entity-padding {
    padding-top: 3px !important; }
  .collection-sidebar-list-item__request__label-wrapper.folder-accordian-padding {
    padding-top: 1px !important; }

.collection-sidebar-list-item__request__label {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.2px;
  font-size: var(--text-size-xs);
  line-height: var(--line-height-s);
  color: var(--content-color-primary);
  text-align: left;
  font-size: 9px; }

.collection-sidebar-list-item__request__meta {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: var(--text-size-m);
  font-weight: 400;
  color: var(--content-color-primary);
  align-items: center; }

.collection-sidebar-request-dropdown-actions-wrapper .btn {
  width: var(--size-s);
  height: var(--size-s);
  padding: var(--spacing-zero); }
  .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn .collection-sidebar-request-dropdown-actions-button use {
    fill: var(--content-color-secondary); }
  .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn .collection-sidebar-request-dropdown-actions-button svg > path[fill] {
    fill: var(--content-color-secondary); }
  .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn:hover, .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
    .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn:hover .collection-sidebar-request-dropdown-actions-button use, .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn.is-hovered .collection-sidebar-request-dropdown-actions-button use {
      fill: var(--content-color-primary); }
    .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn:hover .collection-sidebar-request-dropdown-actions-button svg > path[fill], .collection-sidebar-list-item__request__actions .collection-sidebar-request-dropdown-actions-wrapper .btn.is-hovered .collection-sidebar-request-dropdown-actions-button svg > path[fill] {
      fill: var(--content-color-primary); }

.collection-sidebar-list-item__dummy {
  display: flex;
  flex-direction: column; }
  .collection-sidebar-list-item__dummy .collection-sidebar-list-item__dummy__head {
    flex: 0 0 auto; }

.collection-sidebar-list-item__dummy__head {
  display: flex;
  flex-direction: row;
  height: 28px;
  align-items: center;
  font-size: var(--text-size-m);
  padding: var(--spacing-zero) var(--spacing-s);
  background-color: var(--background-color-secondary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .collection-sidebar-list-item__dummy__head:focus, .collection-sidebar-list-item__dummy__head.is-focused {
    background-color: var(--highlight-background-color-tertiary); }
  .collection-sidebar-list-item__dummy__head:hover, .collection-sidebar-list-item__dummy__head.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__dropdown-icon {
    display: flex; }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__dropdown-icon.is-disabled {
      visibility: hidden; }
  .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__icon-wrapper {
    flex: 0 0 28px;
    display: flex;
    justify-content: flex-end;
    margin: var(--spacing-zero) var(--spacing-xs); }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__icon-wrapper .icon-collection {
      padding: 0 5px; }
  .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta {
    flex: 1; }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta__transient {
      flex: 1;
      margin-left: var(--spacing-zero); }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta.is-environment {
      margin-left: 28px; }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta .collection-sidebar-list-item__dummy__name__wrapper {
      display: flex;
      align-items: center;
      height: var(--size-s); }
      .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta .collection-sidebar-list-item__dummy__name__wrapper .inline-input__wrapper {
        height: var(--size-s); }
      .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta .collection-sidebar-list-item__dummy__name__wrapper .inline-input {
        font-size: var(--text-size-m); }
    .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta.is-collection, .collection-sidebar-list-item__dummy__head .collection-sidebar-list-item__dummy__meta.is-extensibleCollection {
      margin-left: var(--spacing-s); }

.collection-sidebar-list-item__dummy__meta {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: center; }

.collection-sidebar-list-item__dummy__name__wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .collection-sidebar-list-item__dummy__name__wrapper .collection-sidebar-list-item__dummy__name {
    font-size: var(--text-size-m);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary);
    line-height: var(--line-height-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.collection-sidebar-list-item__dummy__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.addrequest-top-container-modal .modal-content,
.save-multiple-requests-modal .modal-content {
  padding-bottom: 0; }
  .addrequest-top-container-modal .modal-content .addrequest-top-container,
  .save-multiple-requests-modal .modal-content .addrequest-top-container {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .addrequest-top-container-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row,
    .save-multiple-requests-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row {
      flex: 1;
      min-height: 0; }
      .addrequest-top-container-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer,
      .save-multiple-requests-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer {
        height: 100%; }
        .addrequest-top-container-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer .explorer-row__loading_icon,
        .save-multiple-requests-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer .explorer-row__loading_icon {
          margin-right: var(--spacing-s); }

.addrequest-top-container-modal {
  height: 80vh; }

.save-multiple-requests-modal {
  height: 65vh; }

.addrequest-top-container .row {
  padding: 7px 0; }

.addrequest-top-container .add-request-helptext {
  padding-bottom: 20px; }
  .addrequest-top-container .add-request-helptext .btn {
    padding: 0px; }

.addrequest-top-container .addrequest-top-container-name-row {
  padding-top: 0px; }

.addrequest-top-container .field-label {
  margin-bottom: var(--spacing-s); }

.addrequest-top-container .addrequest-description-row {
  color: var(--content-color-tertiary); }
  .addrequest-top-container .addrequest-description-row .add-description-button {
    margin-bottom: var(--spacing-m); }

.addrequest-collection-name-container .input-search,
.addrequest-collection-selector-row .input-search {
  font-size: 12px; }

.addrequest-collection-name-container .addrequest-new-collection-name-row,
.addrequest-collection-selector-row .addrequest-new-collection-name-row {
  padding: 20px 0 0 0; }

.addrequest-collection-name-container .addrequest-collection-selector-row,
.addrequest-collection-selector-row .addrequest-collection-selector-row {
  padding: 0; }
  .addrequest-collection-name-container .addrequest-collection-selector-row .field-label,
  .addrequest-collection-selector-row .addrequest-collection-selector-row .field-label {
    text-align: center;
    position: relative;
    display: flex;
    flex: 1;
    margin-bottom: 10px;
    background-color: var(--background-color-primary); }

.addrequest-top-container-name-row .addrequest__request-name:not(:focus-within) {
  background-color: var(--background-color-secondary); }
  .addrequest-top-container-name-row .addrequest__request-name:not(:focus-within):not(.error) {
    border-color: var(--border-color-default); }

.addrequest-request-description-editor {
  height: 70px; }
  .addrequest-request-description-editor .text-editor .monaco-editor .margin {
    background-color: var(--background-color-secondary); }
  .addrequest-request-description-editor .text-editor .monaco-editor .monaco-editor-background {
    background-color: var(--background-color-secondary); }
  .addrequest-request-description-editor .text-editor .monaco-editor.focused .monaco-editor-background {
    background-color: var(--background-color-primary); }
  .addrequest-request-description-editor .text-editor .monaco-editor .monaco-placeholder {
    color: var(--content-color-secondary); }

.save-request-modal .modal-footer .btn-primary .content,
.save-multiple-requests-modal .modal-footer .btn-primary .content {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.save-request-modal .modal-footer .action-button-wrapper .save-button,
.save-multiple-requests-modal .modal-footer .action-button-wrapper .save-button {
  margin-left: var(--spacing-m); }

.save-request-modal .modal-footer .action-button-wrapper .cancel-button,
.save-multiple-requests-modal .modal-footer .action-button-wrapper .cancel-button {
  margin-top: var(--spacing-zero); }

.save-request-modal .modal-footer .create-button-wrapper,
.save-multiple-requests-modal .modal-footer .create-button-wrapper {
  display: flex;
  margin-right: auto;
  margin-left: var(--spacing-xs); }

.save-multiple-requests-modal .field-label {
  margin-bottom: 10px; }

.add-collection-modal .field-label {
  margin-bottom: 5px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.add-collection-modal .add-collection-modal-name-input {
  margin-bottom: 15px; }

.add-collection-modal .add-collection-modal-description-editor.ace_focus {
  border: 1px solid var(--border-color-strong); }

.add-collection-modal .add-collection-modal-description-editor .ace_active-line {
  background: none; }

.addnew-description-help-text {
  font-size: 10px;
  line-height: 24px;
  color: var(--content-color-secondary); }

.edit-collection-modal .field-label {
  margin-bottom: 5px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.edit-collection-modal .edit-collection-modal-name-input {
  margin-bottom: 15px; }

.edit-collection-modal .edit-collection-modal-description-editor.ace_focus {
  border: 1px solid var(--border-color-strong); }

.edit-collection-modal .edit-collection-modal-description-editor .ace_active-line {
  background: none; }

.fork-collection-modal {
  padding-bottom: 0; }
  .fork-collection-modal__workspaces-error {
    padding-bottom: 18px; }
  .fork-collection-modal__footer.modal-footer {
    padding: 0;
    flex: none;
    margin-top: var(--spacing-xxl); }

.fork-collection-modal__contents {
  display: flex;
  flex-direction: column; }
  .fork-collection-modal__contents .alert-wrapper {
    margin-top: var(--spacing-s); }

.fork-collection .fork-collection__input-group {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .fork-collection .fork-collection__input-group .fork-collection__input-group__label {
    margin: var(--spacing-xl) 0 var(--spacing-s) 0;
    font-weight: var(--text-weight-medium); }
  .fork-collection .fork-collection__input-group .fork-collection__input-group__input {
    display: flex; }
  .fork-collection .fork-collection__input-group .fork-collection__input-group__helptext {
    color: var(--content-color-secondary);
    margin-top: var(--spacing-s);
    font-size: var(--text-size-m); }

.fork-collection__confirm.btn {
  margin-left: var(--spacing-s);
  width: 80%; }

.fork-collection__cancel.btn {
  margin-left: 0;
  width: 20%; }

.fork-collection-dropdown .workspace-name {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px; }

.fork-collection-dropdown .dropdown-menu-item {
  justify-content: space-between; }

.fork-collection-dropdown .dropdown-menu {
  max-height: 355px;
  overflow-y: auto;
  overflow-x: hidden; }

.export-collection-modal__message {
  font-size: 13px; }

.export-collection-modal__message__collection-name {
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.export-collection-modal__onboarding-recommendation-viewer {
  padding: 8px 8px 0 8px;
  background-color: var(--background-color-primary); }

.export-collection-modal__choices {
  margin: 10px 0;
  font-size: 13px; }
  .export-collection-modal__choices .export-collection-modal__choices-item {
    padding: 5px; }
  .export-collection-modal__choices .export-collection-modal__choice__label {
    margin: 0px 10px; }
  .export-collection-modal__choices .export-collection-modal__choice__button {
    margin-right: 5px; }

.export-collection-modal__subtext {
  margin-top: 20px;
  font-size: 13px;
  color: var(--content-color-secondary); }
  .export-collection-modal__subtext .export-collection-modal__subtext__learn-more {
    color: var(--content-color-link);
    text-decoration: underline;
    cursor: pointer; }

.export-collection-modal__loading-indicator {
  display: flex;
  justify-content: center; }

.edit-request-modal .field-label {
  margin-bottom: 5px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.edit-request-modal .edit-request-modal-name-input {
  margin-bottom: 15px; }

.edit-request-modal .edit-request-modal-description-editor {
  height: 300px; }

.collection-browser {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  background-color: var(--background-color-secondary);
  border-right: var(--border-color-default);
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.2); }

.collection-browser-details-header {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: var(--content-color-primary);
  padding: 20px 20px 5px 20px;
  display: flex;
  align-items: center;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }
  .collection-browser-details-header .collection-browser-details-header__name, .collection-browser-details-header .inline-input__placeholder {
    display: inline;
    pointer-events: none; }
  .collection-browser-details-header .collection-browser-details-header__name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-wrap; }
  .collection-browser-details-header .inline-input {
    font-size: 16px; }

.dropdown-menu {
  min-width: 170px; }
  .dropdown-menu .dropdown-menu-item {
    padding: 0 var(--spacing-l); }
    .dropdown-menu .dropdown-menu-item .dropdown-menu-item-icon {
      margin-right: 10px; }

.collection-browser-activity-feed-lists {
  display: flex;
  min-height: 100%; }

.collection-browser-list-item__folder {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto; }
  .collection-browser-list-item__folder:hover, .collection-browser-list-item__folder.is-hovered {
    background-color: var(--highlight-background-color-primary); }

.collection-browser-list-item__request {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .collection-browser-list-item__request:hover, .collection-browser-list-item__request.is-hovered {
    background-color: var(--highlight-background-color-primary); }

.collection-sidebar-folder-actions-dropdown .dropdown-button .btn {
  border-radius: 0;
  background-color: inherit; }

.collection-sidebar-request-actions-dropdown.collection-sidebar-request-actions-dropdown--single-menu .dropdown-menu {
  width: 155px; }

.collection-sidebar-request-actions-dropdown .dropdown-menu {
  margin-top: 0;
  margin-right: 3px;
  width: 175px; }

.share-collection-modal-container-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .share-collection-modal-container-wrapper .tab {
    min-width: 90px; }
  .share-collection-modal-container-wrapper .add-to-workspace-modal__contents {
    padding: 20px; }

.share-collection-modal-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0; }

.share-collection-modal-container--new-collection {
  padding: 20px; }
  .share-collection-modal-container--new-collection .collection-modal-onboarding-wrapper {
    padding-bottom: 0px; }

.share-collection-modal-content-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  align-items: center; }

.share-collection-modal-tabs-header {
  padding-top: 8px;
  border-bottom: 1px solid var(--border-color-default); }

.share-collection-modal-header {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 24px; }

.share-collection-modal-runinpostman-container,
.share-collection-modal-collection-link-container {
  height: 405px;
  margin-top: 15px; }

.share-collection-modal-header-description {
  font-size: 11px; }

.share-collection-modal-section-separator {
  padding: 10px; }

.share-collection-modal-access-dropdown {
  margin-top: 10px; }

.share-collection-modal-access-checkbox-label {
  padding-left: 10px; }

.share-collection-modal-access-user-filtered-selector-container {
  padding: 10px;
  border: 1px solid var(--border-color-strong);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.share-collection-modal-access-show-users-description {
  padding-bottom: 10px;
  font-size: 11px;
  color: var(--content-color-tertiary); }

.share-collection-modal-access-user-wrapper-container {
  flex: 1;
  min-height: 250px; }

.share-collection-modal-access-user-list-container {
  height: 140px;
  padding: 5px 10px;
  overflow-y: auto;
  border: 1px solid var(--border-color-strong);
  border-top: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.share-collection-modal-fetching-link-button {
  color: var(--content-color-constant);
  background-color: var(--base-color-info); }
  .share-collection-modal-fetching-link-button:hover, .share-collection-modal-fetching-link-button.is-hovered {
    color: var(--content-color-constant);
    background-color: var(--highlight-background-color-info); }
  .share-collection-modal-fetching-link-button:active, .share-collection-modal-fetching-link-button.is-active {
    background-color: var(--highlight-background-color-info); }

.share-collection-modal-text-wrapper {
  flex: 1;
  margin-right: 10px; }

.share-collection-modal-collection-link-text-wrapper {
  margin-bottom: 4px;
  color: var(--content-color-primary); }

.share-collection-modal-collection-link-subtext-wrapper {
  color: var(--content-color-tertiary);
  margin-bottom: 16px; }
  .share-collection-modal-collection-link-subtext-wrapper .share-collection-modal-header-description-link {
    color: var(--content-color-tertiary);
    text-decoration: underline; }
    .share-collection-modal-collection-link-subtext-wrapper .share-collection-modal-header-description-link span:hover {
      color: var(--content-color-tertiary); }

.share-collection-modal-collection-link-footer-wrapper {
  background-color: var(--background-color-warning);
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-warning-icon {
    margin: 16px 16px 0px 16px;
    position: absolute; }
    .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-warning-icon.pm-icon-normal use {
      fill: var(--base-color-warning); }
  .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-close-icon {
    margin-left: 16px;
    margin-right: 16px;
    align-self: center;
    cursor: pointer; }
  .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-text {
    display: flex;
    flex-direction: column;
    margin: 16px 0px 16px 54px;
    font-size: 12px;
    line-height: 20px;
    color: var(--content-color-primary); }
    .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-text .share-collection-modal-collection-link-footer-text-heading {
      font-weight: var(--text-weight-medium);
      margin-bottom: 4px; }
    .share-collection-modal-collection-link-footer-wrapper .share-collection-modal-collection-link-footer-text .share-collection-modal-collection-link-footer-content {
      color: var(--content-color-primary); }

.share-collection-modal-uploadcollection-button {
  width: 100px; }

.share-collection-modal-collection-link-wrapper {
  margin-bottom: 10px; }

.share-collection-modal-collection-link-wrapper__link {
  display: flex; }
  .share-collection-modal-collection-link-wrapper__link .input-field {
    flex: 0; }

.share-collection-modal-collection-link-wrapper__clipboard {
  margin-top: 10px;
  display: flex;
  justify-content: space-between; }

.share-collection-modal-collection-link {
  height: 30px;
  width: 355px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 10px;
  background-color: var(--background-color-secondary);
  border: 1px solid var(--border-color-strong);
  border-radius: var(--border-radius-default);
  align-items: center; }
  .share-collection-modal-collection-link:hover, .share-collection-modal-collection-link.is-hovered {
    background-color: var(--background-color-secondary); }
  .share-collection-modal-collection-link:focus, .share-collection-modal-collection-link.is-focused {
    background-color: var(--background-color-secondary); }

input[disabled].share-collection-modal-collection-link {
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.share-collection-modal-collection-link-lastupdated-info {
  font-size: 11px;
  line-height: 18px;
  color: var(--content-color-secondary);
  align-self: center;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.share-collection-modal-current-share-status {
  font-weight: 600;
  color: var(--content-color-brand); }

.edit-collection-description-editor {
  min-height: 100px; }

.share-collection-modal-button {
  width: 100%; }
  .share-collection-modal-button.is-disabled {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--highlight-background-color-brand); }

.share-collection-modal-upgrade-trial-link {
  padding-top: 20px; }

.share-collection-modal-shareunshare-button-wrapper {
  align-self: baseline; }

.share-collection-modal-rip-container {
  padding: var(--spacing-m) var(--spacing-s) 0 var(--spacing-xs); }
  .share-collection-modal-rip-container__description {
    margin-bottom: var(--spacing-xl); }
  .share-collection-modal-rip-container .accordion .accordion-item {
    padding-bottom: var(--spacing-l);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .share-collection-modal-rip-container .accordion .accordion-item .title {
      height: var(--size-s); }
      .share-collection-modal-rip-container .accordion .accordion-item .title i, .share-collection-modal-rip-container .accordion .accordion-item .title svg {
        height: var(--size-s);
        width: var(--size-s); }
    .share-collection-modal-rip-container .accordion .accordion-item .panel {
      overflow: visible; }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__desc {
    display: inline-block;
    margin-top: var(--spacing-s);
    width: 70%; }
  .share-collection-modal-rip-container .share-collection-modal-rip-content .infobar {
    margin: var(--spacing-l) 0 0 0;
    background-color: var(--background-color-info); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content .infobar i {
      margin-right: var(--spacing-xs); }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector {
    margin: var(--spacing-l) 0 var(--spacing-s) 0; }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector--icon-wrapper {
      margin-right: var(--spacing-xs);
      height: var(--size-xs); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector--label {
      display: flex;
      align-items: center;
      margin-bottom: var(--spacing-s); }
      .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector--label label {
        margin-right: var(--spacing-xs); }
      .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector--label span {
        display: flex; }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__env-selector .share-collection-modal-dropdown.dropdown {
      width: 320px; }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__code-container {
    padding: var(--spacing-s);
    margin: var(--spacing-l) 0 var(--spacing-s) 0;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__code-container--copy i {
      margin-right: var(--spacing-xs); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__code-container--heading {
      margin-bottom: var(--spacing-s); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__code-container--code {
      margin-top: var(--spacing-m);
      color: var(--content-color-primary);
      font-size: var(--text-size-m); }
      .share-collection-modal-rip-container .share-collection-modal-rip-content__code-container--code code {
        white-space: pre-wrap;
        word-break: break-all; }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__static-actions {
    margin-top: var(--spacing-s); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__static-actions--date span {
      font-weight: var(--text-weight-medium); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__static-actions .btn:first-child {
      margin-right: var(--spacing-s); }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn {
    color: var(--content-color-success);
    cursor: default; }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn i {
      margin-right: var(--spacing-xs); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn, .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn:hover {
      background: none; }
      .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn i path, .share-collection-modal-rip-container .share-collection-modal-rip-content__success-btn:hover i path {
        fill: var(--content-color-success); }
  .share-collection-modal-rip-container .share-collection-modal-rip-content__create {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--spacing-s); }
    .share-collection-modal-rip-container .share-collection-modal-rip-content__create span {
      max-width: 70%; }

.share-collection-modal-dropdown.dropdown {
  width: 320px; }

.share-collection-modal-dropdown .dropdown-button .btn {
  display: flex;
  width: 100%; }
  .share-collection-modal-dropdown .dropdown-button .btn .share-collection-modal-rip-environment-selector-selected-label {
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.share-collection-modal-dropdown .share-collection-modal-rip-environment-selector-dropdown-menu {
  width: 100%;
  max-width: 320px;
  max-height: 190px;
  overflow-y: auto; }

.share-collection-modal-dropdown .dropdown-menu-item {
  display: block;
  padding-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.share-collection-modal-collection-link-delete-button {
  margin-left: 5px;
  background-color: var(--background-color-tertiary); }
  .share-collection-modal-collection-link-delete-button:focus, .share-collection-modal-collection-link-delete-button.is-focused {
    background-color: var(--highlight-background-color-tertiary); }
  .share-collection-modal-collection-link-delete-button:hover, .share-collection-modal-collection-link-delete-button.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
  .share-collection-modal-collection-link-delete-button:active, .share-collection-modal-collection-link-delete-button.is-active {
    background-color: var(--highlight-background-color-tertiary); }

.share-collection-modal-collection-link-delete:hover use, .share-collection-modal-collection-link-delete.is-hovered use {
  fill: var(--base-color-brand); }

.share-collection-modal-collection-link-delete:hover svg > path[fill], .share-collection-modal-collection-link-delete.is-hovered svg > path[fill] {
  fill: var(--base-color-brand); }

.share-collection-modal-copied-button,
.share-collection-modal-copy-button {
  width: 130px; }

.share-collection-modal-run-in-postman-copied-button,
.share-collection-modal-copied-button {
  background-color: var(--base-color-success);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .share-collection-modal-run-in-postman-copied-button:hover, .share-collection-modal-run-in-postman-copied-button.is-hovered,
  .share-collection-modal-copied-button:hover,
  .share-collection-modal-copied-button.is-hovered {
    background-color: var(--base-color-success); }

.share-collection-modal-permissions {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  height: 415px; }
  .share-collection-modal-permissions .share-collection-modal-permissions--container {
    padding: 10px 0 5px; }

.share-collection-modal-permissions--team {
  display: flex;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  align-items: center; }
  .share-collection-modal-permissions--team .share-collection-modal-permissions--team-label {
    flex: 1; }

.share-collection-modal-permissions-unshare-message {
  min-height: 35px;
  padding: 10px 0 5px; }

.share-collection-modal-permissions-controls {
  margin: 5px 0;
  justify-content: flex-end; }
  .share-collection-modal-permissions-controls .share-collection-modal-permissions-buttons {
    display: flex;
    margin-top: 10px; }
    .share-collection-modal-permissions-controls .share-collection-modal-permissions-buttons .btn {
      margin-left: 10px; }
    .share-collection-modal-permissions-controls .share-collection-modal-permissions-buttons .share-collection-modal-permissions-buttons--subscribe {
      min-width: 120px; }
    .share-collection-modal-permissions-controls .share-collection-modal-permissions-buttons .share-collection-modal-permissions-buttons--cancel {
      margin-left: auto;
      align-self: center; }

.share-collection-modal-login-empty-message-container {
  display: flex;
  height: 300px;
  align-items: center; }
  .share-collection-modal-login-empty-message-container .share-collection-modal-login-empty-message {
    flex: 1;
    text-align: center;
    align-self: center; }
  .share-collection-modal-login-empty-message-container .share-collection-modal-login-link {
    color: var(--content-color-brand);
    cursor: pointer; }

.share-collection-permissions-empty-container {
  display: flex;
  flex: 1;
  align-items: flex-start;
  text-align: left;
  flex-direction: column;
  padding-top: 20px; }
  .share-collection-permissions-empty-container .non-pro-text .btn-text {
    padding: 0 3px; }
  .share-collection-permissions-empty-container .signout-out-signin-btn,
  .share-collection-permissions-empty-container .learnmore-link {
    font-weight: 300;
    font-size: 12px;
    margin-top: 16px; }

.share-collection-modal-container__tab-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  overflow-y: auto; }

.share-collection-modal--invite-user-empty-container {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column; }
  .share-collection-modal--invite-user-empty-container .share-collection-modal--invite-user-empty-text {
    text-align: center;
    color: var(--content-color-tertiary); }

.share-collection-modal--create-team {
  margin-top: 32px; }

.share-collection-modal-collection-link-container {
  flex: 1;
  display: flex;
  flex-direction: column; }

.share-collection-modal-collection-link-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column; }

.share-collection-modal-collection-link-section {
  flex: 1;
  margin-bottom: var(--spacing-l); }

.share-collection-modal-link {
  color: var(--content-color-secondary); }
  .share-collection-modal-link__disabled {
    color: var(--content-color-primary); }

.mycollections-collections-list-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  overflow-y: auto; }
  .mycollections-collections-list-wrapper .mycollections-collections-list-item {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .mycollections-collections-list-wrapper .mycollections-collections-list-item .mycollections-collections-list-item-details {
      flex: 1;
      cursor: text;
      -webkit-user-select: text;
      user-select: text; }

.mycollections-collections-list-item {
  padding: 10px 0;
  color: var(--content-color-secondary); }
  .mycollections-collections-list-item .mycollections-collections-list-item-head {
    font-size: 12px;
    font-weight: 600;
    line-height: 24px; }
  .mycollections-collections-list-item .mycollections-collections-list-item-link,
  .mycollections-collections-list-item .mycollections-collections-list-item-last-updated {
    font-size: 10px;
    line-height: 20px; }
  .mycollections-collections-list-item .mycollections-collections-list-item-last-updated {
    opacity: 0.6; }

.mycollections-collections-list-item-actions .btn-group {
  margin-left: 10px;
  border-radius: var(--border-radius-default); }
  .mycollections-collections-list-item-actions .btn-group .btn-icon {
    background-color: transparent; }

.mycollections-footer {
  border-top: 1px solid var(--border-color-default); }

.mycollections-footer-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center; }

.mycollections-footer-description {
  flex: 1;
  font-size: 12px;
  color: var(--content-color-primary); }

.mycollections-buttons-wrapper {
  display: flex;
  align-items: center; }
  .mycollections-buttons-wrapper .mycollections-button {
    margin-left: 10px; }

.divider {
  flex: 1;
  border-bottom: 1px solid var(--border-color-default); }
  .divider.divider--space {
    margin: 3px 0px; }

.delete-confirmation-modal-subscriber-message {
  padding-bottom: 10px; }

.delete-confirmation-modal-delete-button {
  background-color: var(--base-color-error);
  margin-left: 10px; }
  .delete-confirmation-modal-delete-button:hover, .delete-confirmation-modal-delete-button.is-hovered {
    background-color: var(--highlight-background-color-error); }
  .delete-confirmation-modal-delete-button:active, .delete-confirmation-modal-delete-button.is-active {
    background-color: var(--highlight-background-color-error); }
  .delete-confirmation-modal-delete-button:focus, .delete-confirmation-modal-delete-button.is-focused {
    background-color: var(--highlight-background-color-error); }
  .delete-confirmation-modal-delete-button.is-disabled:hover, .delete-confirmation-modal-delete-button.is-disabled.is-hovered {
    background-color: var(--highlight-background-color-error); }
  .delete-confirmation-modal-delete-button.is-disabled:active, .delete-confirmation-modal-delete-button.is-disabled.is-active {
    background-color: var(--highlight-background-color-error); }
  .delete-confirmation-modal-delete-button.is-disabled:focus, .delete-confirmation-modal-delete-button.is-disabled.is-focused {
    background-color: var(--highlight-background-color-error); }

.delete-confirmation-modal .loading-indicator-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.leave-private-workspace-modal--message {
  line-height: var(--line-height-m);
  color: var(--content-color-primary); }

.leave-private-workspace-modal--info {
  display: flex;
  padding: var(--spacing-l);
  margin-top: var(--spacing-l);
  line-height: var(--line-height-m);
  color: var(--content-color-primary);
  border-radius: var(--border-radius-default);
  background-color: var(--background-color-info); }
  .leave-private-workspace-modal--info .pm-icon {
    margin-right: var(--spacing-s); }
    .leave-private-workspace-modal--info .pm-icon use {
      fill: var(--content-color-info); }
    .leave-private-workspace-modal--info .pm-icon svg > path[fill] {
      fill: var(--content-color-info); }

.cannot-remove-from-workspace-modal-message {
  display: flex;
  align-items: center;
  padding: 4px; }
  .cannot-remove-from-workspace-modal-message .help-text {
    padding-left: 16px; }
    .cannot-remove-from-workspace-modal-message .help-text .btn-text {
      padding: 0;
      font-weight: 600;
      line-height: 16px; }
    .cannot-remove-from-workspace-modal-message .help-text .btn-text.delete-link {
      color: var(--base-color-error); }
    .cannot-remove-from-workspace-modal-message .help-text .btn-text.share-link {
      color: var(--base-color-brand); }

.remove-from-workspace-modal-message .helptext {
  padding-top: 20px; }

.delete-collection-text {
  position: relative;
  min-height: 44px; }
  .delete-collection-text__loading-indicator.loading-indicator-wrapper {
    display: inline-block;
    margin-left: 8px;
    margin-top: 16px; }
  .delete-collection-text__warning-icon {
    margin-top: 18px;
    display: inline-block; }
    .delete-collection-text__warning-icon svg use {
      fill: var(--base-color-warning); }
  .delete-collection-text__info-icon {
    margin-top: 18px;
    display: inline-block; }
    .delete-collection-text__info-icon svg use {
      fill: var(--content-color-tertiary); }
  .delete-collection-text-message {
    position: absolute;
    margin-left: 16px;
    top: 18px; }
    .delete-collection-text-message__loading {
      margin-left: 16px;
      color: var(--content-color-tertiary); }
    .delete-collection-text-message__permanent-delete {
      color: var(--content-color-warning); }
    .delete-collection-text-message__info {
      color: var(--content-color-tertiary); }

.delete-confirmation-modal-controls {
  display: flex;
  flex: 0 0 80px;
  box-sizing: border-box;
  padding-top: 20px;
  flex-direction: row-reverse;
  align-items: center; }
  .delete-confirmation-modal-controls .btn.is-focused {
    box-shadow: var(--shadow-focus); }

.collection-modal-onboarding-wrapper .collection-modal-onboarding-helptext {
  margin-bottom: 10px; }

.collection-modal-onboarding-wrapper .collection-name-label {
  margin-bottom: 5px; }

.learn-more-link {
  padding: 0px;
  font-weight: var(--text-weight-regular); }

.learn-more {
  padding: 15px 0px;
  font-weight: var(--text-weight-regular); }

.addnew-description-help-text {
  font-size: 10px;
  line-height: 24px;
  color: var(--content-color-secondary);
  margin-top: 8px; }

.collection-modal-variables-alert {
  margin-top: 10px; }

.collection-modal-variables-container {
  flex: 1;
  overflow-y: auto; }
  .collection-modal-variables-container .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-error, .collection-modal-variables-container .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-warning {
    margin-right: 45px; }

.collection-modal-tabs-count {
  padding: 0 5px;
  color: var(--background-color-secondary); }

.collection-modal-tabs-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-color: var(--base-color-success);
  border-radius: 8px; }

.collection-modal-tabs-error-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-color: var(--base-color-error);
  border-radius: 8px; }

.collection-modal-tab-contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: hidden; }

.collection-modal-tab-content {
  height: 100%;
  flex: 1;
  display: flex;
  box-sizing: border-box; }
  .collection-modal-tab-content .collection-modal-tab-content-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    padding: 16px;
    box-sizing: border-box; }
    .collection-modal-tab-content .collection-modal-tab-content-container .collection-modal-editor {
      flex: 1 auto;
      min-height: 0; }
  .collection-modal-tab-content .collection-modal-tab-content-description {
    margin-bottom: 16px;
    font-size: 12px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary); }
    .collection-modal-tab-content .collection-modal-tab-content-description .external-link {
      cursor: pointer;
      color: var(--content-color-link); }

.collection-meta-icons {
  display: flex;
  margin-left: var(--spacing-xs);
  align-items: center; }
  .collection-meta-icons.has-fork-label {
    max-width: 50%;
    flex-shrink: 0.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .collection-meta-icons.has-fork-label .collection-sidebar-fork-label {
      min-width: 25%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .collection-meta-icons .collection-meta-icon {
    margin-right: var(--spacing-xs); }
    .collection-sidebar-list-item__head__meta .collection-meta-icons .collection-meta-icon use {
      fill: var(--content-color-tertiary); }
    .collection-sidebar-list-item__head__meta .collection-meta-icons .collection-meta-icon svg > path[fill] {
      fill: var(--content-color-tertiary); }
    .collection-meta-icons .collection-meta-icon.collection-sidebar-fork-label {
      display: flex;
      height: var(--size-xs);
      align-items: center; }
    .entity-tab-header .collection-meta-icons .collection-meta-icon.fork-label {
      display: flex;
      min-width: 0; }

.collection-fork-label {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
  color: var(--content-color-secondary); }
  .collection-fork-label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px; }
  .collection-fork-label .pm-icon {
    margin-right: 4px; }

.collection-fork-label-tooltip {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }
  .collection-fork-label-tooltip .pm-icon {
    margin-right: 4px;
    margin-top: 4px; }
  .collection-fork-label-tooltip .collection-fork-label-tooltip__header {
    display: flex; }
  .collection-fork-label-tooltip .collection-fork-label-tooltip__description {
    margin-top: 8px; }
  .collection-fork-label-tooltip .collection-fork-label-tooltip__bold-text {
    font-weight: var(--text-weight-medium); }

/**
 * Styling for `CollectionConfigurationList` and `FolderConfigurationList` component
 */
.collection-configuration-list {
  height: 100%;
  overflow-y: auto;
  padding: 0px 10px;
  width: 100%; }

.collection-configuration-unavailable {
  margin-left: var(--spacing-l); }

.fork-recommendation-modal__content {
  padding: 16px 24px; }
  .fork-recommendation-modal__content-description {
    margin-bottom: 16px;
    margin-top: unset; }

.fork-recommendation-modal__option, .fork-recommendation-modal__option-disabled {
  border: 1px solid var(--border-color-strong);
  border-radius: var(--border-radius-default);
  margin-top: 8px;
  padding: 16px; }
  .fork-recommendation-modal__option-disabled {
    opacity: 0.5; }
  .fork-recommendation-modal__option:last-child, .fork-recommendation-modal__option-disabled:last-child {
    margin-bottom: 8px; }
  .fork-recommendation-modal__option-radio-button {
    margin-right: 16px; }
  .fork-recommendation-modal__option-description {
    margin: 4px 28px 0px; }
  .fork-recommendation-modal__option-title {
    cursor: pointer;
    position: relative;
    bottom: 1px; }
  .fork-recommendation-modal__option-title-tag {
    background-color: var(--background-color-warning);
    color: var(--content-color-warning);
    border-radius: var(--border-radius-default);
    margin-left: 12px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    bottom: 1px; }

.collection-explorer {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .collection-explorer .collection-explorer__path {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    margin-bottom: var(--spacing-s); }
    .collection-explorer .collection-explorer__path__empty {
      margin-left: var(--spacing-s); }
    .collection-explorer .collection-explorer__path .breadcrumb__container {
      flex: 1;
      margin-left: var(--spacing-s); }
  .collection-explorer .explorer-empty-state {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border: var(--border-width-default) solid var(--border-color-default); }
    .collection-explorer .explorer-empty-state__illustration {
      height: 56px;
      width: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: var(--spacing-l);
      background-color: var(--background-color-tertiary); }
      .collection-explorer .explorer-empty-state__illustration__icon {
        height: var(--size-m);
        width: var(--size-m); }
        .collection-explorer .explorer-empty-state__illustration__icon svg {
          height: var(--size-m);
          width: var(--size-m); }
    .collection-explorer .explorer-empty-state__content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px; }
      .collection-explorer .explorer-empty-state__content__body {
        margin-top: var(--spacing-s);
        text-align: center; }
    .collection-explorer .explorer-empty-state__action {
      margin-top: var(--spacing-l); }

.history-sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .history-sidebar .history-sidebar-menu {
    display: flex;
    box-sizing: border-box;
    padding: var(--spacing-s); }
    .history-sidebar .history-sidebar-menu .requester-left-sidebar__actions-container {
      flex: 1;
      padding: var(--spacing-zero);
      height: var(--size-s); }
  .history-sidebar .multiple-request-selected {
    background-color: var(--background-color-brand); }
  .history-sidebar .history-sidebar-list {
    flex: 1; }

.history-sidebar__header-actions-dropdown--menu-item {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.history-sidebar__header-actions-dropdown--menu-item .btn {
  padding: var(--spacing-zero);
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.history-sidebar-menu__actions-save-response-toggle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.history-sidebar-list__notification {
  display: flex;
  justify-content: center; }

.history-sidebar-list-permission-error .sidebar-empty-state__title {
  padding: 0; }

.history-sidebar-list-error {
  text-align: center;
  margin-top: var(--spacing-xl); }
  .history-sidebar-list-error h4 {
    color: var(--content-color-secondary);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    margin-bottom: var(--spacing-s); }
  .history-sidebar-list-error p {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin: 0 auto var(--spacing-xl) auto;
    max-width: 256px;
    padding: 0 var(--spacing-l); }

.history-sidebar-list__more-on-top,
.history-sidebar-list__refresh {
  position: absolute;
  height: 20px;
  border-radius: 10px;
  padding: var(--spacing-xs) var(--spacing-s);
  margin-right: var(--spacing-m);
  font-size: var(--text-size-s);
  line-height: var(--line-height-xs);
  z-index: 10;
  font-weight: var(--text-weight-medium);
  cursor: pointer;
  display: flex;
  align-items: center; }
  .history-sidebar-list__more-on-top .pm-icon,
  .history-sidebar-list__refresh .pm-icon {
    margin-right: var(--spacing-xs); }

.history-sidebar-menu {
  display: flex;
  flex-direction: row; }
  .history-sidebar-menu__left {
    flex: 1;
    display: flex;
    align-items: center; }
  .history-sidebar-menu__right {
    flex: 0 0 auto;
    align-items: center;
    display: flex; }
    .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper {
      display: flex; }
      .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper .btn {
        height: var(--size-s);
        width: var(--size-s);
        background-color: transparent; }
        .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper .btn use {
          fill: var(--content-color-secondary); }
        .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper .btn svg > path[fill] {
          fill: var(--content-color-secondary); }
        .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper .btn:hover use {
          fill: var(--content-color-primary); }
        .history-sidebar-menu__right .history-sidebar-menu__actions-delete-history-wrapper .btn:hover svg > path[fill] {
          fill: var(--content-color-primary); }

.history-sidebar-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.history-sidebar-list {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .history-sidebar-list:hover .history-sidebar__indent {
    flex: 0 0 var(--spacing-s);
    box-sizing: border-box;
    height: inherit;
    border-right: thin solid var(--border-color-default); }

.history-sidebar-list-item-group {
  flex: 0 0 auto; }
  .history-sidebar-list-item-group.is-hidden {
    display: none; }

.history-sidebar-list-item-group__error {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  padding: var(--spacing-xs) 0;
  color: var(--content-color-tertiary); }
  .history-sidebar-list-item-group__error span {
    color: var(--content-color-brand);
    cursor: pointer;
    display: inline-block;
    margin-left: var(--spacing-xs); }

.history-sidebar-list-item-group__meta {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-s);
  color: var(--content-color-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--spacing-s);
  height: 28px;
  cursor: pointer; }
  .history-sidebar-list-item-group__meta:hover, .history-sidebar-list-item-group__meta.is-hovered {
    background: var(--highlight-background-color-secondary); }
    .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions {
      display: flex; }
      .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn {
        background-color: transparent;
        height: var(--size-s);
        width: var(--size-s);
        border-radius: var(--border-radius-s); }
        .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn use, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn use {
          fill: var(--content-color-secondary); }
        .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn svg > path[fill], .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn svg > path[fill] {
          fill: var(--content-color-secondary); }
        .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn:hover, .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn.is-hovered, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn:hover, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn.is-hovered {
          background-color: var(--highlight-background-color-tertiary); }
          .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn:hover use, .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn.is-hovered use, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn:hover use, .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn.is-hovered use {
            fill: var(--content-color-primary); }
          .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn:hover svg > path[fill], .history-sidebar-list-item-group__meta:hover .history-sidebar-list-item-group__actions .btn.is-hovered svg > path[fill], .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn:hover svg > path[fill], .history-sidebar-list-item-group__meta.is-hovered .history-sidebar-list-item-group__actions .btn.is-hovered svg > path[fill] {
            fill: var(--content-color-primary); }
  .history-sidebar-list-item-group__meta .caret {
    margin-right: var(--spacing-s);
    margin-left: var(--spacing-xs); }
    .history-sidebar-list-item-group__meta .caret use {
      fill: var(--content-color-secondary); }
    .history-sidebar-list-item-group__meta .caret svg > path[fill] {
      fill: var(--content-color-secondary); }
    .history-sidebar-list-item-group__meta .caret.is-closed {
      transform: rotate(-90deg); }
  .history-sidebar-list-item-group__meta .history-sidebar-list-item-group__name {
    display: flex;
    line-height: var(--line-height-m);
    align-items: center; }
  .history-sidebar-list-item-group__meta .history-sidebar-list-item-group__actions {
    display: none;
    justify-content: space-around;
    align-items: center;
    flex: 0 0 50px;
    margin-right: var(--spacing-s); }

.history-sidebar-list-item-group__items {
  margin-bottom: 10px; }

.history-list__meta:first-of-type {
  border-top: unset; }

.history-list__error {
  border-top: thin solid var(--border-color-default);
  border-bottom: thin solid var(--border-color-default); }

.history-sidebar-list-item {
  display: flex;
  flex-direction: row;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .history-sidebar-list-item .history-sidebar-list-item-updatedBy {
    align-items: center;
    display: flex;
    height: var(--size-xs);
    width: var(--size-xs); }
  .history-sidebar-list-item .history-sidebar-list-item__label-wrapper {
    display: flex;
    flex: 0 0 50px;
    justify-content: center;
    align-items: center; }
  .history-sidebar-list-item .history-sidebar-list-item__meta {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  .history-sidebar-list-item .history-sidebar-list-item__actions {
    position: absolute;
    height: 100%;
    justify-content: space-around;
    right: 0px;
    background-color: inherit; }
  .history-sidebar-list-item:hover .history-sidebar-list-item__actions, .history-sidebar-list-item.is-hovered .history-sidebar-list-item__actions {
    display: flex;
    justify-content: space-around; }
    .history-sidebar-list-item:hover .history-sidebar-list-item__actions .btn, .history-sidebar-list-item.is-hovered .history-sidebar-list-item__actions .btn {
      background-color: transparent; }
      .history-sidebar-list-item:hover .history-sidebar-list-item__actions .btn:hover, .history-sidebar-list-item:hover .history-sidebar-list-item__actions .btn.is-hovered, .history-sidebar-list-item.is-hovered .history-sidebar-list-item__actions .btn:hover, .history-sidebar-list-item.is-hovered .history-sidebar-list-item__actions .btn.is-hovered {
        background-color: transparent; }
  .history-sidebar-list-item.is-hidden {
    display: none; }

.history-sidebar-list-item {
  max-height: 60px;
  -webkit-line-clamp: 3; }

.history-sidebar-list-item__actions {
  display: none;
  flex-direction: row;
  justify-content: space-around;
  align-items: center; }

.history-sidebar-list-item__button__options use {
  fill: var(--content-color-secondary); }

.history-sidebar-list-item__button__options svg > path[fill] {
  fill: var(--content-color-secondary); }

.history-sidebar-list-item__button__options:hover use {
  fill: var(--content-color-primary); }

.history-sidebar-list-item__button__options:hover svg > path[fill] {
  fill: var(--content-color-primary); }

.history-sidebar-list-empty-item {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 20px 15px;
  color: var(--content-color-secondary);
  text-align: center; }
  .history-sidebar-list-empty-item .entity-empty {
    border: none; }
    .history-sidebar-list-empty-item .entity-empty .entity-empty__title {
      font-size: 14px;
      margin-bottom: 16px; }
    .history-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      margin-bottom: 24px; }
    .history-sidebar-list-empty-item .entity-empty .entity-empty__title,
    .history-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .history-sidebar-list-empty-item .entity-empty .entity-empty__learn .entity-empty__learn__mouse-click-icon {
      padding-right: 8px; }

.history-sidebar-list-item__request.sidebar-list-item,
.history-sidebar-list-item__collection.sidebar-list-item,
.history-sidebar-list-item__websocket-history.sidebar-list-item,
.history-sidebar-list-item__proxy-history.sidebar-list-item {
  height: 100%;
  min-height: var(--size-s); }

.history-sidebar-list-item__request .sidebar-list-item__actions-container,
.history-sidebar-list-item__collection .sidebar-list-item__actions-container,
.history-sidebar-list-item__websocket-history .sidebar-list-item__actions-container,
.history-sidebar-list-item__proxy-history .sidebar-list-item__actions-container {
  position: absolute;
  right: 0px;
  background-color: inherit;
  height: 100%;
  margin-right: var(--spacing-s); }

.history-sidebar-list-item__request .sidebar-list-item__content-wrapper,
.history-sidebar-list-item__collection .sidebar-list-item__content-wrapper,
.history-sidebar-list-item__websocket-history .sidebar-list-item__content-wrapper,
.history-sidebar-list-item__proxy-history .sidebar-list-item__content-wrapper {
  height: 100%;
  min-height: var(--size-xs); }

.history-sidebar-list-item__request .sidebar-list-item__name-wrapper,
.history-sidebar-list-item__collection .sidebar-list-item__name-wrapper,
.history-sidebar-list-item__websocket-history .sidebar-list-item__name-wrapper,
.history-sidebar-list-item__proxy-history .sidebar-list-item__name-wrapper {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all; }

.history-sidebar-list-item__request .sidebar-list-item__color-proxy,
.history-sidebar-list-item__collection .sidebar-list-item__color-proxy,
.history-sidebar-list-item__websocket-history .sidebar-list-item__color-proxy,
.history-sidebar-list-item__proxy-history .sidebar-list-item__color-proxy {
  color: var(--content-color-success); }

.history-sidebar-list-item-avatar-tooltip {
  display: flex;
  flex-direction: column; }

.requester-tabs:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  pointer-events: none; }

.requester-tabs:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
  pointer-events: none; }

.requester-tabs {
  height: 40px;
  display: flex;
  flex-direction: row;
  min-width: 0;
  overflow-x: scroll;
  scrollbar-width: none; }
  .requester-tabs.is-options-open {
    padding-bottom: 200px; }
  .requester-tabs .requester-tab-title-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex-grow: 1;
    margin-top: 2px; }
    .requester-tabs .requester-tab-title-wrapper .requester-tab-title__text-wrapper {
      display: flex;
      overflow: hidden;
      flex: 1; }
    .requester-tabs .requester-tab-title-wrapper .requester-tab__icon {
      padding: var(--spacing-zero) var(--spacing-zero) var(--spacing-zero) var(--spacing-xs); }
  .requester-tabs .requester-tab {
    box-sizing: border-box;
    width: 172px;
    flex: 1 1;
    border-left: var(--border-width-default) var(--border-style-solid);
    border-right: 0;
    border-bottom: 0; }
  .requester-tabs .requester-tab.is-active {
    height: 40px;
    border-left: var(--border-width-default) var(--border-style-solid);
    border-right: var(--border-width-default) var(--border-style-solid);
    border-bottom: 0;
    border-image-source: linear-gradient(to bottom, var(--border-color-default) 0%, var(--border-color-default) 100%); }
    .requester-tabs .requester-tab.is-active .requester-tab-title-wrapper {
      margin-top: 1px; }
  .requester-tabs .requester-tab-create,
  .requester-tabs .requester-tab-options {
    flex: 0 0 30px; }
  .requester-tabs::-webkit-scrollbar {
    display: none; }
  .requester-tabs.is-scrolling-right:before {
    display: none; }
  .requester-tabs.is-scrolling-right:after {
    background-image: linear-gradient(to right, transparent, var(--background-color-primary)); }
  .requester-tabs.is-scrolling-left:before {
    background-image: linear-gradient(to left, transparent, var(--background-color-primary)); }
  .requester-tabs.is-scrolling-left:after {
    display: none; }
  .requester-tabs.is-scrolling-both:before {
    background-image: linear-gradient(to left, transparent, var(--background-color-primary)); }
  .requester-tabs.is-scrolling-both:after {
    background-image: linear-gradient(to right, transparent, var(--background-color-primary)); }

.requester-tab,
.requester-tab-create {
  box-sizing: border-box;
  background-color: var(--background-color-primary);
  overflow: hidden;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero) var(--spacing-xs);
  padding-right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 11px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.requester-tab-create > .requester-tab-create-icon,
.requester-tab-options > .requester-tab-options-icon {
  padding: var(--spacing-xs); }

.requester-tab-options {
  box-sizing: border-box;
  border: 0;
  height: 39px;
  background-color: var(--background-color-primary);
  margin-right: 10px;
  padding: 0 6px; }

.requester-tab {
  color: var(--content-color-secondary);
  height: 39px;
  min-width: 76px;
  position: relative;
  border-top: 0;
  border-image-slice: 1;
  border-image-source: linear-gradient(to bottom, var(--background-color-primary) 25%, var(--border-color-default) 25%, var(--border-color-default) 75%, var(--background-color-primary) 25%); }
  .requester-tab.is-active {
    background-color: var(--background-color-primary);
    color: var(--content-color-primary); }
  .requester-tab.is-active + .requester-tab {
    border-left: 0; }
  .requester-tab:not(.is-active)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none; }
  .requester-tab.is-active::after {
    border-top: 2px solid var(--base-color-brand);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    pointer-events: none; }
  .requester-tab.is-hidden {
    display: none; }
  .requester-tab.is-preview {
    font-style: italic; }
  .requester-tab:first-child {
    border: 0; }
  .requester-tab:last-child {
    border-right: var(--border-width-default) var(--border-style-solid); }
  .requester-tab:nth-child(1) {
    border-right: none; }
  .requester-tab:first-child.is-active {
    border-left: 0;
    box-shadow: inset -1px 0 0 var(--border-color-default); }
  .requester-tab.is-dragged {
    opacity: 0.1; }
  .requester-tab.is-drop-hovered.is-hover-left {
    box-shadow: inset 3px 0px 0px 0px var(--background-color-tertiary); }
  .requester-tab.is-drop-hovered.is-hover-right {
    box-shadow: inset -3px 0px 0px 0px var(--background-color-tertiary); }
  .requester-tab .requester-tab__fade {
    height: 40px;
    width: 24px;
    position: absolute;
    background: linear-gradient(270deg, var(--background-color-primary) 33.33%, rgba(var(--background-color-primary-rgb), 0.95805) 33.33%, rgba(var(--background-color-primary-rgb), 0) 100%);
    right: 1px; }
  .requester-tab:hover .requester-tab__fade {
    width: 30px;
    background: linear-gradient(270deg, var(--background-color-primary) 90%, rgba(var(--background-color-primary-rgb), 0.95805) 33.33%, rgba(var(--background-color-primary-rgb), 0) 100%); }
  .requester-tab .requester-tab__close {
    margin-right: var(--spacing-xs);
    z-index: 1; }
  .requester-tab:not(:hover) .requester-tab__close.is-dirty {
    height: 8px;
    width: 8px;
    background-color: var(--base-color-brand);
    background-image: none;
    border-radius: 5px;
    margin: 6px 10px 6px 6px; }
  .requester-tab:not(:hover) .requester-tab__close.is-dirty .requester-tab__cross {
    display: none; }
  .requester-tab .requester-tab__cross {
    display: none;
    width: 24px; }
  .requester-tab:hover .requester-tab__cross, .requester-tab.is-hovered .requester-tab__cross {
    display: inline-flex; }

.requester-tab-create,
.requester-tab-options {
  justify-content: center;
  padding: 0;
  background-color: var(--background-color-primary);
  margin-right: 0px; }

.requester-tab-create {
  margin: var(--spacing-xs);
  border-left: none; }

.requester-tab-options__label {
  flex: 1;
  white-space: nowrap; }

.requester-tab-options__shortcut {
  padding-left: 10px;
  color: var(--content-color-tertiary); }

.requester-tab__name {
  font-family: var(--text-family-default);
  line-height: var(--line-height-s);
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-regular);
  padding-left: var(--spacing-xs);
  flex: 1;
  align-self: center;
  white-space: nowrap; }

.requester-tab__conflict-message {
  display: inherit;
  font-weight: 600; }

.tab-actions-dropdown .dropdown-menu {
  min-width: 220px; }
  .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-all:hover, .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-all.is-hovered,
  .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-active:hover,
  .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-active.is-hovered {
    background-color: var(--base-color-error);
    color: var(--content-color-constant); }
    .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-all:hover .requester-tab-options__shortcut, .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-all.is-hovered .requester-tab-options__shortcut,
    .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-active:hover .requester-tab-options__shortcut,
    .tab-actions-dropdown .dropdown-menu .dropdown-menu-item--force-close-active.is-hovered .requester-tab-options__shortcut {
      color: var(--content-color-constant); }
  .tab-actions-dropdown .dropdown-menu .dropdown-sub-menu-item {
    width: 220px; }

.tab-actions-dropdown .requester-tab-options-btn {
  width: var(--size-m);
  height: var(--size-m);
  margin-right: var(--spacing-s); }

.requester-tab__icon {
  padding: var(--spacing-zero) var(--spacing-xs);
  display: flex; }

.requester-tabs.is-navigation-button .requester-tab:last-child {
  border-right: 0; }

.requester-tab-contents,
.requester-tab-content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.requester-tab-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }
  .requester-tab-content.is-hidden {
    display: none; }

.requester-tab-content-panes {
  flex: 1; }

.layout-2-column .requester-tab-content-panes {
  display: flex;
  flex-direction: row;
  height: 100%; }

.layout-2-column .requester-tab-content-pane {
  flex: 1;
  display: flex;
  flex-direction: column; }

.requester-tab-contents-container {
  display: flex;
  flex-direction: row;
  flex: 1; }

.right-context-bar {
  display: flex;
  flex-direction: row; }

.right-context-bar-options {
  width: 48px;
  height: 100%; }
  .right-context-bar-options ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .right-context-bar-options ul li {
      box-sizing: border-box;
      padding: var(--spacing-m);
      height: 48px;
      width: 48px;
      cursor: pointer;
      text-align: center; }
      .right-context-bar-options ul li use {
        fill: var(--content-color-secondary); }
      .right-context-bar-options ul li svg > path[fill] {
        fill: var(--content-color-secondary); }
      .right-context-bar-options ul li .icon-container {
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative; }
      .right-context-bar-options ul li:hover use {
        fill: var(--content-color-primary); }
      .right-context-bar-options ul li:hover svg > path[fill] {
        fill: var(--content-color-primary); }
      .right-context-bar-options ul li.active use {
        fill: var(--content-color-brand); }
      .right-context-bar-options ul li.active svg > path[fill] {
        fill: var(--content-color-brand); }

.right-context-bar-content-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%; }
  .right-context-bar-content-container .right-context-bar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-s); }
    .right-context-bar-content-container .right-context-bar-header .right-context-bar__title {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      color: var(--content-color-primary); }
    .right-context-bar-content-container .right-context-bar-header .right-context__actions-container {
      display: flex; }

.tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal_body-title {
  font-weight: 600; }

.tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal--confirmation-setting {
  flex: 1; }

.tab-unsaved-confirmation-modal .confirmation-checkbox {
  display: flex;
  flex: 1;
  padding: 20px 0px 2px; }

.tab-unsaved-confirmation-modal .confirmation-text {
  padding: 0px 0px 0px 10px; }

.tab-unsaved-confirmation-modal .confirmation-helper-text {
  padding-left: 30px;
  opacity: 0.5; }

.tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer {
  flex-direction: row; }
  .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer.conflict {
    flex: 0 0 110px; }
  .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions {
      display: flex;
      flex-direction: row;
      flex: 1; }
      .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__left {
        display: flex;
        flex: 1; }
        .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__left > .btn.is-focused:focus, .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__left > .btn.is-focused.is-focused {
          box-shadow: var(--shadow-focus); }
      .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__right {
        flex: 0 0 auto;
        display: flex;
        flex-direction: row-reverse;
        align-items: center; }
        .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__right > .btn {
          margin-left: var(--spacing-m); }
          .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__right > .btn.btn-text {
            height: 40px; }
        .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__right > .btn.is-focused:focus, .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-actions .tab-unsaved-confirmation-modal__footer__right > .btn.is-focused.is-focused {
          box-shadow: var(--shadow-focus); }
    .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-additional-actions {
      display: flex;
      margin-top: 8px; }
      .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-additional-actions > .btn {
        margin-left: var(--spacing-m);
        min-width: 80px; }
        .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-additional-actions > .btn.btn-text {
          height: 20px; }
      .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-additional-actions > .btn.is-focused:focus, .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper .tab-unsaved-confirmation-modal__footer-additional-actions > .btn.is-focused.is-focused {
        box-shadow: var(--shadow-focus); }
    .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper.conflict .btn-primary.large {
      width: 140px; }
    .tab-unsaved-confirmation-modal .tab-unsaved-confirmation-modal__footer .tab-unsaved-confirmation-modal__footer-wrapper.conflict .btn-text {
      padding: 0;
      margin-left: 0;
      width: 140px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__content {
  padding-top: 15px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__header {
  display: flex; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__icon {
  margin-left: -5px;
  margin-top: 5px; }
  .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__icon use {
    fill: var(--base-color-warning); }
  .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__icon svg > path[fill] {
    fill: var(--base-color-warning); }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__info__title {
  font-size: 14px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__info__desc {
  color: var(--content-color-secondary);
  padding-top: 5px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__info {
  margin-left: 10px;
  margin-top: 3px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__options {
  padding: 10px 0 0 0; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__option {
  cursor: pointer;
  display: flex;
  padding: 10px 0; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__option__info {
  display: flex;
  flex-direction: column;
  margin-top: -3px;
  margin-left: 10px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__option__desc {
  color: var(--content-color-secondary);
  font-size: 11px;
  padding-top: 3px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer {
  flex-direction: row;
  margin-top: -25px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer-wrapper {
  display: flex;
  flex: 1; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__left {
  flex: 1; }
  .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__left > .btn:focus, .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__left > .btn.is-focused {
    border: 1px solid var(--base-color-info); }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__dont-save-button {
  margin-right: 10px; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }

.tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }
  .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right > .btn {
    margin-left: var(--spacing-m);
    min-width: 80px; }
    .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right > .btn:focus, .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right > .btn.is-focused {
      border: 1px solid var(--base-color-info); }
    .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right > .btn.btn-text {
      height: 40px; }
  .tab-conflict-confirmation-modal .tab-conflict-confirmation-modal__footer__right .btn-primary {
    min-width: 80px; }

.requester-tab-empty-shell {
  flex: 1;
  display: flex; }
  .requester-tab-empty-shell .requester-tab-content-panes {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .requester-tab-empty-shell .requester-tab-content-pane {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column; }
  .requester-tab-empty-shell .requester-contents-top {
    background-color: var(--background-color-primary);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .requester-tab-empty-shell .dummy-request-meta-viewer {
    height: 48px;
    display: flex;
    width: 100%;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    box-sizing: border-box;
    align-items: center; }
  .requester-tab-empty-shell .dummy-entity-tab-header {
    height: var(--size-s);
    width: 20%;
    background-color: var(--background-color-tertiary);
    margin-left: var(--spacing-s);
    border-radius: var(--border-radius-default); }
  .requester-tab-empty-shell .flexed {
    display: flex; }
  .requester-tab-empty-shell .request-editor__tabs-wrapper {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center;
    margin-bottom: var(--spacing-s); }
  .requester-tab-empty-shell .strip {
    background-color: var(--background-color-tertiary);
    width: 50px;
    height: var(--size-s);
    margin-right: var(--spacing-l);
    margin-left: var(--spacing-s);
    border-radius: var(--border-radius-default); }
  .requester-tab-empty-shell .strip-cookie {
    margin-right: var(--spacing-s); }
  .requester-tab-empty-shell .tab-param {
    width: 42px; }
  .requester-tab-empty-shell .tab-auth {
    width: 76px; }
  .requester-tab-empty-shell .tab-header {
    width: 69px; }
  .requester-tab-empty-shell .tab-body {
    width: 28px; }
  .requester-tab-empty-shell .tab-pre-req-script {
    width: 100px; }
  .requester-tab-empty-shell .tab-tests {
    width: 30px; }
  .requester-tab-empty-shell .tab-settings {
    width: 44px; }
  .requester-tab-empty-shell .url {
    flex: 1;
    height: 40px;
    margin: var(--spacing-s);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-tertiary); }
  .requester-tab-empty-shell .grouped-buttons {
    flex: 0 0 100px;
    display: flex; }
  .requester-tab-empty-shell .btn-item {
    flex: 1;
    height: 40px;
    margin: var(--spacing-s);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-tertiary); }
    .requester-tab-empty-shell .btn-item.send {
      background-color: var(--base-color-info);
      opacity: 0.2;
      width: 100px; }
  .requester-tab-empty-shell .response-viewer-empty__header .strip-response {
    width: 64px;
    margin-left: 0; }

.editor-tab-view-container {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex; }
  .editor-tab-view-container .request-editor-tab-view.editor-tab-view {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .editor-tab-view-container .request-editor-tab-view.editor-tab-view .editor-pane-response-viewer .response-pane {
      position: relative;
      display: flex;
      flex: 1;
      flex-direction: column;
      min-height: 0; }

.layout-2-column .request-editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 0; }
  .layout-2-column .request-editor .requester-contents-group {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    min-height: 0; }
  .layout-2-column .request-editor .requester-contents-group__section-content {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0; }
  .layout-2-column .request-editor .request-editor__tab-contents {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0; }

.request-urlparams-editor-container,
.request-header-editor-container,
.request-body-formdata-editor-wrapper,
.request-body-formdata-editor-wrapper,
.request-body-urlencoded-editor-wrapper,
.request-configuration-list {
  overflow-y: auto; }

.requester-tab-content-panes,
.requester-tab-content-pane,
.requester-tab-content-pane--request-editor,
.request-editor,
.requester-contents-group,
.requester-contents-group__section-content,
.request-editor__tab-contents,
.request-editor-tab-contents {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  min-height: 0; }

.request-editor__main {
  padding: var(--spacing-s);
  display: flex;
  flex-direction: row; }
  .request-editor__main .request-editor__main__url-group {
    flex: 1;
    min-width: 0; }
  .request-editor__main .request-editor__main__button-group {
    flex: 0 0 100px; }

.sticky {
  position: sticky;
  top: 0;
  z-index: 11; }

.request-editor__main {
  position: relative;
  box-sizing: border-box;
  z-index: 7;
  background-color: var(--background-color-primary); }

.layout-2-column .request-editor-url-container {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.request-editor__main__url-group {
  border-radius: var(--border-radius-default);
  background-color: var(--background-color-tertiary);
  margin-right: var(--spacing-s);
  height: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row; }

.request-method-editor {
  flex: 0 0 115px;
  color: var(--content-color-primary);
  background-color: var(--background-color-tertiary);
  border-radius: var(--border-radius-default) 0 0 var(--border-radius-default); }

.request-urlpathvariables-editor-button {
  flex: 0 0 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-top-right-radius: var(--border-radius-default);
  border-bottom-right-radius: var(--border-radius-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: var(--content-color-primary);
  font-size: var(--text-size-m); }
  .request-urlpathvariables-editor-button:hover, .request-urlpathvariables-editor-button.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .request-urlpathvariables-editor-button:active, .request-urlpathvariables-editor-button.is-active {
    background-color: var(--background-color-primary); }
  .layout-2-column .request-urlpathvariables-editor-button {
    flex: 0 0 60px; }

.request-editor__main__button-group {
  display: flex;
  flex-direction: row; }

.request-prscript-editor,
.request-tests-editor,
.request-script-editor {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0; }
  .request-prscript-editor .editor,
  .request-tests-editor .editor,
  .request-script-editor .editor {
    flex: 1; }
  .request-prscript-editor .text-editor-wrapper,
  .request-tests-editor .text-editor-wrapper,
  .request-script-editor .text-editor-wrapper {
    box-sizing: border-box; }
  .request-prscript-editor.comment-available__light .view-lines,
  .request-tests-editor.comment-available__light .view-lines,
  .request-script-editor.comment-available__light .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .request-prscript-editor.comment-available__light .view-lines .view-line span,
    .request-tests-editor.comment-available__light .view-lines .view-line span,
    .request-script-editor.comment-available__light .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }
  .request-prscript-editor.comment-available__dark .view-lines,
  .request-tests-editor.comment-available__dark .view-lines,
  .request-script-editor.comment-available__dark .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .request-prscript-editor.comment-available__dark .view-lines .view-line span,
    .request-tests-editor.comment-available__dark .view-lines .view-line span,
    .request-script-editor.comment-available__dark .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }

.request-prscript-editor-snippets,
.request-tests-editor-snippets {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-xs); }

.layout-2-column .request-urlparams-editor-container, .layout-2-column
.request-header-editor-container {
  flex: 1;
  overflow-y: auto; }

.request-editor__tabs-wrapper {
  display: flex;
  flex: 1 1 auto;
  height: var(--size-m);
  padding: var(--spacing-zero) var(--spacing-l); }
  .request-editor__tabs-wrapper .request-editor__tabs {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .request-editor__tabs-wrapper .request-editor__tabs .dropdown-label {
      font-weight: var(--text-weight-medium);
      white-space: pre;
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
    .request-editor__tabs-wrapper .request-editor__tabs .dropdown-caret.pm-icon {
      margin-left: var(--spacing-xs); }
    .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary {
      gap: var(--spacing-xl); }
    .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary-small {
      gap: var(--spacing-l); }
    .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary .tab-primary .tab-text-wrapper, .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary .tab-primary-small .tab-text-wrapper, .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary-small .tab-primary .tab-text-wrapper, .request-editor__tabs-wrapper .request-editor__tabs .entity-tabs-list--primary-small .tab-primary-small .tab-text-wrapper {
      margin: unset; }

.request-editor-actions {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding-left: var(--spacing-s);
  justify-content: flex-end;
  align-self: center;
  line-height: var(--line-height-m); }
  .request-editor-actions__item {
    padding: var(--spacing-zero) var(--spacing-xs);
    font-size: var(--text-size-m);
    color: var(--content-color-link);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
  .request-editor-actions .dropdown-button {
    display: flex;
    align-items: center; }

.request-editor-actions-comments,
.request-editor-actions-reset {
  padding: var(--spacing-zero) var(--spacing-s);
  font-size: var(--text-size-m);
  color: var(--content-color-link);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.request-editor-actions-comments {
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  margin-right: var(--spacing-m); }
  .request-editor-actions-comments > .comment-wrapper {
    cursor: pointer; }
    .request-editor-actions-comments > .comment-wrapper.disabled {
      opacity: 0.4;
      cursor: not-allowed; }

.request-editor {
  position: relative; }

.request-editor-resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 10px;
  cursor: ew-resize; }

.entity-empty .entity-empty__subtitle--history-load {
  max-width: 300px !important; }

.request-editor-tab--auth.is-disabled,
.request-editor-tab--configurations.is-disabled,
.dropdown-menu-item--auth.is-disabled,
.dropdown-menu-item--configurations.is-disabled {
  cursor: not-allowed; }

.request-editor-tabs-count {
  padding: var(--spacing-zero) var(--spacing-xs);
  color: var(--content-color-success); }

.request-editor-tabs-comment-badge {
  height: 14px;
  min-width: 14px;
  background-color: var(--base-color-brand);
  font-size: var(--text-size-s);
  color: var(--content-color-constant);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-default);
  position: absolute;
  top: var(--spacing-zero);
  right: -6px;
  padding: var(--spacing-zero) 2px;
  display: flex;
  align-items: center;
  justify-content: center; }

.request-editor-tabs-badge,
.request-editor-tabs-error-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-radius: 8px; }

.request-editor-tabs-badge {
  background-color: var(--base-color-success); }

.request-editor-tabs-error-badge {
  background-color: var(--base-color-error); }

.request-editor-tab-body {
  position: relative; }

.request-editor-tab-contents {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%; }

.request-editor-tab-content {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  height: 100%; }
  .request-editor-tab-content.is-hidden {
    display: none; }

.request-script-wrapper,
.request-tests-wrapper {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-s);
  padding-right: var(--spacing-zero);
  min-height: 0; }

.request-tests-editor-container,
.request-prscript-editor-container,
.prscript-editor-container,
.tests-editor-container {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative; }

.request-prscript-editor-group,
.request-tests-editor-group,
.prscript-editor-group,
.tests-editor-group {
  flex: auto;
  display: flex;
  flex-direction: row;
  min-height: 0; }

.request-method-editor .dropdown {
  width: 100%;
  text-align: center; }

.request-method-editor .dropdown-button .btn {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary);
  font-size: var(--text-size-l);
  height: 38px;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
  .request-method-editor .dropdown-button .btn:hover, .request-method-editor .dropdown-button .btn.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .request-method-editor .dropdown-button .btn:active, .request-method-editor .dropdown-button .btn.is-active {
    background-color: var(--background-color-primary); }

.request-method-editor .request-methods-list-wrapper {
  height: 100%;
  width: 115px;
  border-radius: inherit;
  box-sizing: border-box;
  border: var(--border-style-solid) var(--border-color-strong);
  border-width: var(--border-width-default) 0 var(--border-width-default) var(--border-width-default); }

.request-method--GET {
  color: var(--base-color-success); }

.request-method--PUT {
  color: var(--base-color-info); }

.request-method--POST {
  color: var(--base-color-warning); }

.request-method--DELETE {
  color: var(--base-color-error); }

.request-url-editor {
  flex: 1;
  min-width: 0;
  color: var(--content-color-primary);
  background-color: var(--background-color-tertiary);
  border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0; }
  .request-url-editor:focus, .request-url-editor.is-focused {
    outline: var(--border-width-default) var(--border-style-solid) var(--base-color-brand); }
  .request-url-editor .auto-suggest {
    height: 100%;
    border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    box-sizing: border-box; }
    .request-url-editor .auto-suggest:hover, .request-url-editor .auto-suggest.is-hovered {
      background-color: var(--highlight-background-color-secondary); }
    .request-url-editor .auto-suggest.is-focused {
      background-color: var(--background-color-primary);
      height: unset;
      border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0; }
  .request-url-editor .DraftEditor-root {
    padding: 10px; }
  .request-url-editor .public-DraftEditor-content, .request-url-editor .public-DraftEditorPlaceholder-root {
    font-size: var(--text-size-m);
    line-height: 1.5; }

.request-body-editor-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.request-body-type-selector-wrapper {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  padding: var(--spacing-xs) var(--spacing-s);
  display: flex;
  flex-direction: row;
  align-items: center; }
  .request-body-type-selector-wrapper .request-body-type-selector-wrapper-container {
    flex: 1;
    display: flex;
    align-items: center; }
  .request-body-type-selector-wrapper .request-body-schema-selector-wrapper-container {
    display: flex;
    align-items: center; }
    .layout-2-column .request-body-type-selector-wrapper .request-body-schema-selector-wrapper-container {
      justify-content: flex-start; }
    .layout-1-column .request-body-type-selector-wrapper .request-body-schema-selector-wrapper-container {
      flex: 1; }
  .request-body-type-selector-wrapper .request-body-type-selector-wrapper-actions {
    flex: 1;
    display: flex;
    justify-content: flex-end; }
    .request-body-type-selector-wrapper .request-body-type-selector-wrapper-actions .request-body-type-selector-beautify {
      display: flex;
      align-items: center;
      cursor: default;
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer; }
      .request-body-type-selector-wrapper .request-body-type-selector-wrapper-actions .request-body-type-selector-beautify.is-disabled {
        cursor: default; }
      .request-body-type-selector-wrapper .request-body-type-selector-wrapper-actions .request-body-type-selector-beautify:hover, .request-body-type-selector-wrapper .request-body-type-selector-wrapper-actions .request-body-type-selector-beautify.is-hovered {
        background-color: var(--background-color-brand); }
  .request-body-type-selector-wrapper .request-body-raw-language-selector {
    display: flex; }

.request-body-type-selector-buttons {
  display: flex;
  height: var(--size-m); }
  .request-body-type-selector-buttons.is-disabled {
    opacity: 0.3; }

.request-body-type-selector-button {
  display: inline-flex;
  align-items: center;
  margin: var(--spacing-xs) var(--spacing-s);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  line-height: var(--line-height-m);
  color: var(--content-color-primary); }
  .request-body-type-selector-button input {
    margin-right: var(--spacing-xs); }

.request-body-raw-language-selector-dropdown .dropdown-button {
  display: flex; }

.request-body-raw-language-selector-dropdown .dropdown-menu {
  min-width: 210px; }

.request-body-graphql-schema-selector {
  display: inline-flex; }
  .request-body-graphql-schema-selector .dropdown {
    display: flex; }
  .request-body-graphql-schema-selector .dropdown-button {
    display: flex;
    align-items: center; }
  .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .btn {
    padding: var(--spacing-zero); }
  .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon:hover use, .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-hovered use {
      fill: var(--base-color-brand); }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon:hover svg > path[fill], .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-hovered svg > path[fill] {
      fill: var(--base-color-brand); }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon:active use, .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-active use {
      fill: var(--base-color-brand); }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon:active svg > path[fill], .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-active svg > path[fill] {
      fill: var(--base-color-brand); }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-loading {
      cursor: default;
      -webkit-animation: rotating 1s linear infinite; }
      .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-loading:hover use, .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-loading.is-hovered use {
        fill: var(--content-color-secondary); }
      .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-loading:hover svg > path[fill], .request-body-graphql-schema-selector .request-body-graphql-schema-selector-refresh-icon-wrapper .request-body-graphql-schema-selector-refresh-icon.is-loading.is-hovered svg > path[fill] {
        fill: var(--content-color-secondary); }
  .request-body-graphql-schema-selector .request-body-graphql-schema-selector-introspection-state {
    margin-left: var(--spacing-s);
    padding: var(--spacing-zero);
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-medium); }
  .request-body-graphql-schema-selector .request-body-graphql-schema-selector-warning-icon-wrapper .btn {
    padding: var(--spacing-zero);
    margin-left: var(--spacing-s); }
    .request-body-graphql-schema-selector .request-body-graphql-schema-selector-warning-icon-wrapper .btn .warning-icon {
      position: relative;
      top: 1px;
      margin-right: 5px; }
      .request-body-graphql-schema-selector .request-body-graphql-schema-selector-warning-icon-wrapper .btn .warning-icon use {
        fill: var(--base-color-warning); }
      .request-body-graphql-schema-selector .request-body-graphql-schema-selector-warning-icon-wrapper .btn .warning-icon svg > path[fill] {
        fill: var(--base-color-warning); }

.request-body-graphql-schema-selector-dropdown {
  display: flex; }
  .request-body-graphql-schema-selector-dropdown .dropdown-menu {
    max-width: 210px; }
  .request-body-graphql-schema-selector-dropdown .btn.btn-text {
    max-width: 210px; }
  .request-body-graphql-schema-selector-dropdown .request-body-graphql-current-schema {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .request-body-graphql-schema-selector-dropdown .request-body-graphql-schema-list-entry {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.request-body-graphql-schema-selector-offline-message .alert {
  color: var(--content-color-tertiary); }

.request-body-graphql-schema-selector-signed-out-dropdown {
  text-align: center;
  min-width: 320px; }
  .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty {
    border: none;
    padding: var(--spacing-xxl) var(--spacing-l); }
    .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty .entity-empty__title {
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-l); }
    .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty .entity-empty__subtitle {
      margin-bottom: var(--spacing-xl); }
    .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty .entity-empty__title,
    .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty .entity-empty__subtitle {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .request-body-graphql-schema-selector-signed-out-dropdown .entity-empty .entity-empty__learn .entity-empty__learn__mouse-click-icon {
      padding-right: var(--spacing-s); }

.request-body-unavailable {
  margin: var(--spacing-l); }

.request-body-editors {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.request-body-editor-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .request-body-editor-wrapper.is-hidden {
    display: none; }

.request-body-none-editor-wrapper {
  align-items: center;
  padding: var(--spacing-m) var(--spacing-zero);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.request-body-binary-editor-wrapper .request-body-binary-editor {
  padding: var(--spacing-xs) var(--spacing-m);
  display: flex;
  align-items: center; }

.request-body-formdata-editor .key-value-form-editor,
.request-body-urlencoded-editor .key-value-form-editor {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.request-body-formdata-editor {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .request-body-formdata-editor .key-value-editor {
    flex: 1; }

.request-body-urlencoded-editor {
  flex: 1;
  display: flex; }
  .request-body-urlencoded-editor .key-value-editor {
    flex: 1; }

.request-body-raw-editor {
  flex: 1;
  display: flex;
  position: relative;
  padding: var(--spacing-s);
  min-height: 0; }
  .request-body-raw-editor.comment-available__light .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .request-body-raw-editor.comment-available__light .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }
  .request-body-raw-editor.comment-available__dark .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .request-body-raw-editor.comment-available__dark .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }

.request-body-graphql-editor {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: var(--spacing-xs);
  min-height: 0; }
  .layout-2-column .request-body-graphql-editor {
    flex-direction: column; }
  .request-body-graphql-editor .request-body-graphql-query-editor {
    flex: 1;
    margin: var(--spacing-xs);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0; }
  .request-body-graphql-editor .request-body-graphql-variables-editor {
    flex: 1;
    margin: var(--spacing-xs);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0; }
    .request-body-graphql-editor .request-body-graphql-variables-editor .texteditor-header .info-tooltip-icon {
      display: inline-flex;
      margin-left: var(--spacing-xs); }
  .request-body-graphql-editor .request-body-graphql-editor-ratio-resize-handle {
    z-index: 7; }
    .layout-2-column .request-body-graphql-editor .request-body-graphql-editor-ratio-resize-handle {
      cursor: ns-resize;
      height: 10px;
      margin: -5px 5px; }
    .layout-1-column .request-body-graphql-editor .request-body-graphql-editor-ratio-resize-handle {
      cursor: ew-resize;
      width: 10px;
      margin: var(--spacing-xl) -5px 5px; }

.request-editor-send-button .btn-group {
  width: 100px; }

.request-editor-send-button .btn {
  background-color: var(--base-color-info); }
  .request-editor-send-button .btn use {
    fill: var(--content-color-constant); }
  .request-editor-send-button .btn svg > path[fill] {
    fill: var(--content-color-constant); }
  .request-editor-send-button .btn:hover, .request-editor-send-button .btn.is-hovered {
    background-color: var(--highlight-background-color-info); }
  .request-editor-send-button .btn:active, .request-editor-send-button .btn.is-active {
    background-color: var(--highlight-background-color-info); }

.request-editor-send-button .btn:first-child {
  width: 70px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: var(--text-weight-medium);
  color: var(--content-color-constant); }

.request-editor-send-button .btn:last-child {
  width: var(--size-m); }

.request-editor-send-button.is-loading .btn:first-child, .request-editor-send-button.is-disabled .btn:first-child {
  width: 100px;
  border: none;
  border-radius: var(--border-radius-default);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .request-editor-send-button.is-loading .btn:first-child:hover, .request-editor-send-button.is-loading .btn:first-child.is-hovered, .request-editor-send-button.is-disabled .btn:first-child:hover, .request-editor-send-button.is-disabled .btn:first-child.is-hovered {
    background-color: var(--base-color-info); }
  .request-editor-send-button.is-loading .btn:first-child:active, .request-editor-send-button.is-loading .btn:first-child.is-active, .request-editor-send-button.is-disabled .btn:first-child:active, .request-editor-send-button.is-disabled .btn:first-child.is-active {
    background-color: var(--base-color-info); }

.request-editor-send-button.is-loading .btn:last-child, .request-editor-send-button.is-disabled .btn:last-child {
  display: none; }

.send-button-tooltip__container.tooltip {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }
  .send-button-tooltip__container.tooltip .tooltip-wrapper {
    padding: var(--spacing-l); }

.send-button-tooltip__header {
  color: var(--content-color-error);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }

.send-button-tooltip__body {
  margin-top: var(--spacing-xs);
  max-width: 250px; }

.send-button-tooltip__body-action {
  cursor: pointer;
  color: var(--content-color-brand); }

.request-editor-save-button {
  margin-right: var(--spacing-s); }
  .request-editor-save-button__label {
    margin-left: var(--spacing-xs); }
  .request-editor-save-button .request-editor-save-button-dropdown {
    min-width: 100px; }
  .request-editor-save-button .btn {
    height: var(--size-m); }
    .request-editor-save-button .btn:first-child {
      min-width: 50px; }
    .request-editor-save-button .btn:not(:first-child) {
      margin-left: var(--border-width-default); }
    .request-editor-save-button .btn:not(:last-child) {
      border-right: none; }
  .request-editor-save-button .btn-group > .btn {
    min-width: var(--size-s);
    padding: var(--spacing-s) var(--spacing-xs); }

.request-meta-viewer .request-meta-saved-responses-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-right: var(--spacing-s); }

.request-meta-viewer .request-meta__options {
  margin-right: var(--spacing-s);
  line-height: var(--line-height-s);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .request-meta-viewer .request-meta__options use {
    fill: var(--content-color-secondary); }
  .request-meta-viewer .request-meta__options svg > path[fill] {
    fill: var(--content-color-secondary); }

.request-meta-viewer .requester-contents-group {
  flex: 0 0 20px;
  display: flex;
  flex-direction: row;
  background-color: var(--background-color-primary);
  padding: var(--spacing-xs) var(--spacing-s);
  position: relative;
  justify-content: space-between;
  align-items: center; }

.request-meta-viewer .request-meta-saved-responses-wrapper {
  display: flex;
  justify-content: flex-end;
  padding-right: var(--spacing-l); }

.request-meta-viewer .request-editor-comments-info {
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  margin-left: var(--spacing-l); }

.request-meta-viewer .request-meta-name-group {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .request-meta-viewer .request-meta-name-group .request-meta-name-wrapper {
    display: flex;
    min-width: 0;
    cursor: pointer; }
    .request-meta-viewer .request-meta-name-group .request-meta-name-wrapper .request-meta-name-wrapper__tooltip {
      display: flex;
      flex: 1;
      min-width: 0; }
  .request-meta-viewer .request-meta-name-group.is-editing {
    height: 20px; }
    .request-meta-viewer .request-meta-name-group.is-editing .request-meta-name-wrapper {
      width: 100%; }
      .request-meta-viewer .request-meta-name-group.is-editing .request-meta-name-wrapper .inline-input__wrapper {
        width: 100%; }
  .request-meta-viewer .request-meta-name-group .request-meta-name-toggle {
    cursor: pointer; }
    .request-meta-viewer .request-meta-name-group .request-meta-name-toggle.is-open {
      transform: rotate(360deg); }
    .request-meta-viewer .request-meta-name-group .request-meta-name-toggle.is-hidden {
      display: none; }
  .request-meta-viewer .request-meta-name-group .inline-input__wrapper .input-box {
    font-size: 13px;
    font-weight: var(--text-weight-medium);
    padding: 2px; }
  .request-meta-viewer .request-meta-name-group .request-meta-name__edit__icon-wrapper {
    cursor: pointer;
    padding-left: var(--spacing-s);
    display: flex;
    align-items: center; }
    .request-meta-viewer .request-meta-name-group .request-meta-name__edit__icon-wrapper .request-meta-name__edit__icon {
      visibility: hidden; }
      .request-meta-viewer .request-meta-name-group .request-meta-name__edit__icon-wrapper .request-meta-name__edit__icon svg {
        height: 11px;
        width: 11px; }
  .request-meta-viewer .request-meta-name-group:hover .request-meta-name-toggle.is-hidden, .request-meta-viewer .request-meta-name-group.is-hovered .request-meta-name-toggle.is-hidden {
    display: none; }
  .request-meta-viewer .request-meta-name-group:hover.editable .request-meta-name__edit__icon, .request-meta-viewer .request-meta-name-group.is-hovered.editable .request-meta-name__edit__icon {
    visibility: visible; }

.request-meta-viewer .request-meta-name {
  color: var(--content-color-primary);
  font-size: 13px;
  font-weight: var(--text-weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 3px; }

.request-meta-viewer .request-meta-name-untitled {
  cursor: default; }

.request-status__overlay-container {
  margin-top: var(--spacing-xl); }
  .request-status__overlay-container .request-status__overlay-label {
    font-weight: var(--text-weight-medium);
    margin: var(--spacing-s) var(--spacing-zero) var(--spacing-s); }
  .request-status__overlay-container .request-status__api-hyperlink {
    color: var(--content-color-brand);
    cursor: pointer;
    line-height: var(--line-height-m);
    padding: var(--spacing-m) var(--spacing-zero);
    display: flex;
    align-items: center; }
    .request-status__overlay-container .request-status__api-hyperlink .request-status__open-icon {
      margin: var(--spacing-zero) var(--spacing-s); }
      .request-status__overlay-container .request-status__api-hyperlink .request-status__open-icon use {
        fill: var(--base-color-brand); }
      .request-status__overlay-container .request-status__api-hyperlink .request-status__open-icon svg > path[fill] {
        fill: var(--base-color-brand); }
  .request-status__overlay-container .accordion {
    border-top: unset; }
  .request-status__overlay-container .request-status__accordion {
    display: flex;
    align-items: center;
    font-weight: var(--text-weight-medium);
    background: var(--background-color-secondary);
    border-radius: var(--border-radius-default);
    line-height: var(--line-height-m);
    color: var(--content-color-tertiary);
    font-size: var(--text-size-s); }
    .request-status__overlay-container .request-status__accordion .request-status__accordion__caret-icon {
      margin: var(--spacing-s); }
      .request-status__overlay-container .request-status__accordion .request-status__accordion__caret-icon use {
        fill: var(--content-color-tertiary); }
      .request-status__overlay-container .request-status__accordion .request-status__accordion__caret-icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
    .request-status__overlay-container .request-status__accordion .request-status__accordion__label {
      margin: var(--spacing-s) var(--spacing-zero); }
  .request-status__overlay-container .request-status__accordion__list-item {
    background: var(--background-color-primary);
    line-height: var(--line-height-m);
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    padding: var(--spacing-s) var(--spacing-xs); }
    .request-status__overlay-container .request-status__accordion__list-item .request-status__accordion__warning-icon {
      margin: 1px var(--spacing-s); }
      .request-status__overlay-container .request-status__accordion__list-item .request-status__accordion__warning-icon use {
        fill: var(--base-color-warning); }
      .request-status__overlay-container .request-status__accordion__list-item .request-status__accordion__warning-icon svg > path[fill] {
        fill: var(--base-color-warning); }
    .request-status__overlay-container .request-status__accordion__list-item:hover {
      text-decoration: underline; }

.status {
  padding: var(--spacing-zero) var(--spacing-s);
  line-height: var(--line-height-m);
  border-radius: 35px;
  font-size: var(--text-size-m);
  margin: var(--spacing-zero) var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--text-weight-medium);
  cursor: pointer; }
  .status-info {
    color: var(--content-color-secondary);
    background: var(--background-color-tertiary); }
    .status-info .status__caret-icon use {
      fill: var(--content-color-secondary); }
    .status-info .status__caret-icon svg > path[fill] {
      fill: var(--content-color-secondary); }
  .status-loading {
    color: var(--content-color-secondary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .status-loading .status__caret-icon use {
      fill: var(--content-color-secondary); }
    .status-loading .status__caret-icon svg > path[fill] {
      fill: var(--content-color-secondary); }
  .status-success {
    color: var(--content-color-success);
    background: var(--background-color-tertiary); }
    .status-success .status__caret-icon use {
      fill: var(--base-color-success); }
    .status-success .status__caret-icon svg > path[fill] {
      fill: var(--base-color-success); }
  .status-warn {
    color: var(--content-color-primary);
    background: var(--background-color-warning); }
    .status-warn .status__caret-icon use {
      fill: var(--content-color-primary); }
    .status-warn .status__caret-icon svg > path[fill] {
      fill: var(--content-color-primary); }
  .status-error {
    color: var(--content-color-error);
    background: var(--background-color-error); }
    .status-error .status__caret-icon use {
      fill: var(--base-color-error); }
    .status-error .status__caret-icon svg > path[fill] {
      fill: var(--base-color-error); }
  .status__info-icon use {
    fill: var(--content-color-tertiary); }
  .status__info-icon svg > path[fill] {
    fill: var(--content-color-tertiary); }
  .status__loading-indicator {
    transform: scale(0.5);
    min-width: 8px;
    margin-left: var(--spacing-xs); }
  .status__success-icon {
    background: var(--background-color-success);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    justify-content: center;
    align-items: center; }
    .status__success-icon svg {
      height: 8px;
      width: 8px; }
      .status__success-icon svg use {
        fill: var(--background-color-primary); }
  .status__warning-icon use {
    fill: var(--base-color-warning); }
  .status__warning-icon svg > path[fill] {
    fill: var(--base-color-warning); }
  .status__error-icon use {
    fill: var(--base-color-error); }
  .status__error-icon svg > path[fill] {
    fill: var(--base-color-error); }
  .status__label {
    margin: var(--spacing-zero) 1px var(--spacing-zero) 5px; }

.request-meta__mode-switcher {
  padding-left: var(--spacing-m);
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  margin-left: var(--spacing-xs); }
  .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper {
    display: flex;
    justify-content: center;
    height: var(--size-m);
    width: 70px; }
    .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
      height: 28px;
      width: var(--size-m); }
      .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.right {
        left: 36px; }
    .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item {
      align-self: center;
      display: flex; }
    .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
      height: 100%;
      flex: 0 0 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .request-meta__mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper.disabled {
      opacity: 0.3; }
  .request-meta__mode-switcher .request-meta__mode-switcher__icon use {
    fill: var(--content-color-tertiary); }
  .request-meta__mode-switcher .request-meta__mode-switcher__icon svg > path[fill] {
    fill: var(--content-color-tertiary); }
  .request-meta__mode-switcher .request-meta__mode-switcher__icon.active use {
    fill: var(--base-color-brand); }
  .request-meta__mode-switcher .request-meta__mode-switcher__icon.active svg > path[fill] {
    fill: var(--base-color-brand); }

.request-meta__mode-label {
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-s);
  color: var(--content-color-tertiary);
  text-transform: uppercase;
  padding: var(--spacing-zero) var(--spacing-l); }
  .request-meta__mode-label.saved {
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.request-meta__save-request__modal-header {
  line-height: var(--line-height-s);
  text-transform: uppercase; }

.request-meta__save-request__modal-content {
  overflow: visible;
  line-height: var(--line-height-m);
  padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-zero); }

.request-meta__save-request__modal-footer {
  padding: var(--spacing-l) var(--spacing-xl) var(--spacing-xl); }
  .request-meta__save-request__modal-footer__save-btn {
    margin-left: var(--spacing-s); }
    .request-meta__save-request__modal-footer__save-btn:focus, .request-meta__save-request__modal-footer__save-btn.is-focused {
      border: var(--border-width-default) var(--border-style-solid) var(--base-color-info); }

.example-response-list--wrapper {
  position: relative;
  line-height: var(--line-height-m);
  font-size: var(--text-size-m); }
  .example-response-list--wrapper .dropdown-caret {
    margin-left: var(--spacing-zero); }

.example-response-list__button {
  padding: var(--spacing-zero);
  height: auto;
  color: var(--content-color-secondary);
  font-weight: var(--text-weight-medium); }
  .example-response-list__button .example-button__badge {
    background: var(--background-color-tertiary);
    border-radius: 2px;
    font-size: var(--text-size-xs);
    line-height: var(--line-height-s);
    margin: var(--spacing-zero) var(--spacing-xs);
    min-width: 16px;
    padding: var(--spacing-zero) var(--spacing-xs);
    box-sizing: border-box;
    display: flex;
    justify-content: center; }
  .example-response-list__button .example-button__caret {
    margin: unset;
    float: unset; }
    .example-response-list__button .example-button__caret use {
      fill: var(--content-color-secondary); }
    .example-response-list__button .example-button__caret svg > path[fill] {
      fill: var(--content-color-secondary); }
  .example-response-list__button:active, .example-response-list__button.is-active {
    color: var(--content-color-primary); }
    .example-response-list__button:active .example-button__caret use, .example-response-list__button.is-active .example-button__caret use {
      fill: var(--content-color-primary); }
    .example-response-list__button:active .example-button__caret svg > path[fill], .example-response-list__button.is-active .example-button__caret svg > path[fill] {
      fill: var(--content-color-primary); }

.example-response-list--menu {
  width: 320px;
  background-color: var(--background-color-secondary);
  z-index: 12;
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  text-align: center;
  padding: var(--spacing-xs) var(--spacing-zero);
  word-break: break-word;
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default); }
  .example-response-list--menu.empty-list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    align-items: center;
    padding: var(--spacing-s);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .example-response-list--menu.empty-list .add-new-example {
      width: initial;
      margin-left: var(--spacing-zero); }
    .example-response-list--menu.empty-list .example-response-learn-more {
      padding: var(--spacing-zero); }
    .example-response-list--menu.empty-list .example-response-list--title {
      font-weight: var(--text-weight-medium);
      padding: var(--spacing-s) var(--spacing-l);
      margin-top: var(--spacing-s); }
    .example-response-list--menu.empty-list .example-response-list--body {
      padding: var(--spacing-s) var(--spacing-l); }
    .example-response-list--menu.empty-list .example-response-list--add-button {
      padding: var(--spacing-s);
      margin-bottom: var(--spacing-s); }
    .example-response-list--menu.empty-list .example-response-list--permission-denied {
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      font-size: var(--text-size-s);
      color: var(--content-color-secondary);
      margin-top: var(--spacing-s);
      padding: var(--spacing-l); }
  .example-response-list--menu .add-new-example {
    width: 100%;
    height: 28px;
    justify-content: flex-start;
    padding: var(--spacing-xs) var(--spacing-s); }
    .example-response-list--menu .add-new-example.example-list {
      color: var(--content-color-primary);
      border-radius: 0; }
      .example-response-list--menu .add-new-example.example-list:hover, .example-response-list--menu .add-new-example.example-list.is-hovered {
        background-color: var(--highlight-background-color-secondary); }
  .example-response-list--menu .example-response-list--item {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-xs) var(--spacing-s);
    position: relative; }
    .example-response-list--menu .example-response-list--item:hover .example-response-list--actions, .example-response-list--menu .example-response-list--item.is-hovered .example-response-list--actions {
      display: flex;
      cursor: pointer; }
    .example-response-list--menu .example-response-list--item.add-example {
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .example-response-list--menu .example-response-list--actions {
    display: none; }
  .example-response-list--menu .example-response-list--name {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    text-align: left;
    line-height: var(--line-height-m); }
  .example-response-list--menu .example-response-list--label {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .example-response-list--menu .example-response-list--delete {
    display: flex;
    cursor: pointer; }
    .example-response-list--menu .example-response-list--delete:hover use, .example-response-list--menu .example-response-list--delete.is-hovered use {
      fill: var(--base-color-error); }
    .example-response-list--menu .example-response-list--delete:hover svg > path[fill], .example-response-list--menu .example-response-list--delete.is-hovered svg > path[fill] {
      fill: var(--base-color-error); }
    .example-response-list--menu .example-response-list--delete:active use, .example-response-list--menu .example-response-list--delete.is-active use {
      fill: var(--base-color-error); }
    .example-response-list--menu .example-response-list--delete:active svg > path[fill], .example-response-list--menu .example-response-list--delete.is-active svg > path[fill] {
      fill: var(--base-color-error); }

.request-editor-snippet-generator-modal-content {
  display: flex;
  overflow: hidden;
  padding: 0; }

.request-editor-snippet-generator-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1; }

.request-editor-snippet-generator-options-settings-content {
  display: flex;
  flex-direction: column;
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-l);
  padding-right: var(--spacing-s);
  overflow-y: auto;
  flex: 1;
  flex-shrink: 0;
  margin-top: var(--spacing-s); }

.request-editor-snippet-generator-editor-options-pane {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .request-editor-snippet-generator-editor-options-pane .request-editor-snippet-generator-header {
    display: flex;
    flex-direction: row;
    background-color: var(--background-color-primary);
    box-shadow: var(--shadow-default);
    border-radius: 0px;
    z-index: 2; }
    .request-editor-snippet-generator-editor-options-pane .request-editor-snippet-generator-header .request-editor-snippet-generator-header-label {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin-left: var(--spacing-s); }
    .request-editor-snippet-generator-editor-options-pane .request-editor-snippet-generator-header .request-editor-snippet-generator-header__section-left {
      display: flex;
      flex-direction: row;
      align-items: center; }
  .request-editor-snippet-generator-editor-options-pane .request-editor-snippet-generator-editor {
    flex: 1;
    display: flex; }
    .request-editor-snippet-generator-editor-options-pane .request-editor-snippet-generator-editor .request-editor-snippet-generator-text-editor {
      border: none; }

.request-editor-snippet-generator-options {
  display: flex;
  flex-direction: column; }

.snippet-wrapper {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 250px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: var(--text-size-xs); }

.snippet-header {
  color: var(--content-color-secondary);
  display: flex;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .snippet-header__help {
    margin-bottom: var(--spacing-l); }
    .snippet-header__help__text {
      color: var(--content-color-primary);
      font-size: var(--text-size-xs);
      font-family: var(--text-family-default); }
    .snippet-header__help__link {
      padding-left: var(--spacing-zero);
      font-size: var(--text-size-xs); }
  .snippet-header__title {
    flex: 1;
    align-self: center;
    color: var(--content-color-secondary); }

.snippet-items {
  flex: 1;
  overflow-y: auto; }

.snippet-item {
  padding: var(--spacing-s) var(--spacing-zero);
  color: var(--content-color-link);
  box-sizing: border-box;
  font-family: var(--text-family-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.snippet-toggle-button {
  height: var(--size-m);
  width: var(--size-m); }

/**
 * Styling for `RequestConfigurationList` component
 */
.request-configuration-list {
  padding: var(--spacing-s) var(--spacing-zero); }

.request-configuration-unavailable {
  margin: var(--spacing-l); }

.request-header-editor-container .headers-editor__value-editor .key-value-form-editor {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.request-urlparams-editor-container .urlparams-editor__params .key-value-form-editor, .request-urlparams-editor-container .urlparams-editor__path-variables .key-value-form-editor {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default) !important; }

.request-urlparams-editor-container .urlparams-editor__params .key-value-form-editor-sortable__selectable, .request-urlparams-editor-container .urlparams-editor__path-variables .key-value-form-editor-sortable__selectable {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.response-viewer-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  height: 100%;
  overflow: auto; }

.response-viewer-wrapper--hidden {
  visibility: hidden; }

.response-viewer {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }
  .response-viewer .requester-contents-group__section-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%; }
  .response-viewer .response-viewer__tab-contents {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%; }

.layout-2-column .response-viewer {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 0px; }
  .layout-2-column .response-viewer .requester-contents-group {
    flex: 1;
    height: 100%; }

.response-viewer__section-top {
  display: flex;
  justify-content: space-between; }
  .response-viewer__section-top .response-viewer__tabs,
  .response-viewer__section-top .response-viewer__meta {
    flex-grow: 1;
    height: var(--size-m); }

.response-viewer__tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0; }

.response-viewer__meta {
  flex-direction: row-reverse;
  min-width: 0;
  align-self: center; }
  .response-viewer__meta .input-field {
    align-items: center;
    flex: none; }

.request-loading-wrapper {
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.request-loading-wrapper--hidden {
  display: none; }

.request-loading__message {
  font-family: var(--text-family-default);
  font-size: var(--text-size-l);
  color: var(--content-color-primary); }

.request-loading__cancel-button {
  margin-top: var(--spacing-l); }

.response-viewer-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  .response-viewer-empty__header {
    flex: 0 0 32px;
    background-color: var(--background-color-primary);
    border-style: solid;
    border-width: var(--border-width-default) 0 var(--border-width-default) 0;
    border-color: var(--border-color-default);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    font-size: var(--text-size-l);
    display: flex;
    align-items: center;
    padding-left: var(--spacing-s); }
    .layout-2-column .response-viewer-empty__header {
      border-top-width: 0; }
  .response-viewer-empty__content {
    flex: 1;
    background-color: var(--background-color-primary);
    display: flex;
    flex-direction: column; }
    .response-viewer-empty__content__editor {
      flex: 1;
      margin: var(--spacing-s);
      display: flex;
      flex-direction: row; }
      .response-viewer-empty__content__editor__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto; }
  .response-viewer-empty__onboarding {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .response-viewer-empty__onboarding__heading {
      font-family: var(--text-family-default);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m); }
  .response-viewer-empty__onboarding-recommendation-viewer {
    position: sticky;
    margin: var(--spacing-zero) var(--spacing-l);
    bottom: 16px; }

.onboarding-intro-video-modal .modal-content {
  padding: var(--spacing-zero);
  overflow: hidden; }

.response-viewer-tabs {
  flex: 0 0 50px; }
  .response-viewer-tabs .tab {
    font-size: 12px; }
  .response-viewer-tabs .dropdown-label {
    font-weight: var(--text-weight-medium);
    white-space: pre;
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
  .response-viewer-tabs .dropdown-caret.pm-icon {
    margin-left: var(--spacing-xs); }

.response-viewer-tabs-content-count {
  margin-left: var(--spacing-xs);
  color: var(--base-color-success); }
  .response-viewer-tabs-content-count.response-viewer-tabs-test-failed-count {
    color: var(--content-color-error); }

.response-viewer-tabs-test-error-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: var(--spacing-xs);
  background-color: var(--base-color-error);
  border-radius: 8px; }

.response-viewer-tab-contents {
  flex: 1 auto;
  display: flex;
  padding: var(--spacing-s);
  flex-direction: column;
  height: 100%;
  box-sizing: border-box; }
  .response-viewer-tab-contents .response-viewer-tab-content {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%; }

.response-viewer-tab-content.is-hidden {
  display: none; }

.response-cannot-render-message {
  padding: var(--spacing-l);
  text-align: center; }

.response-body-text-viewer,
.response-body-media-viewer {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%; }
  .response-body-text-viewer.disabled, .response-body-text-viewer.waiting,
  .response-body-media-viewer.disabled,
  .response-body-media-viewer.waiting {
    pointer-events: none;
    opacity: 0.2; }

.response-body-viewer-tab-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%; }

.response-body-viewer-tab-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .response-body-viewer-tab-content.is-hidden {
    display: none; }

.response-body-pretty-viewer {
  flex: 1;
  display: flex;
  min-height: 0; }
  .response-body-pretty-viewer .editor {
    flex: 1; }

.response-body-raw-viewer {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .response-body-raw-viewer .textarea-wrapper {
    display: flex;
    flex: 1; }
  .response-body-raw-viewer .textarea {
    flex: 1;
    resize: none; }

.response-body-visualizer-empty {
  display: flex;
  margin: auto var(--spacing-zero);
  flex-direction: column;
  align-items: center;
  color: var(--content-color-primary);
  text-align: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .response-body-visualizer-empty__title {
    margin-bottom: var(--spacing-s); }
  .response-body-visualizer-empty__description {
    max-width: 470px; }

.response-body-iframe-viewer {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--content-color-constant);
  border-radius: var(--border-radius-default);
  min-height: 0; }
  .response-body-iframe-viewer .response-body-viewer-preview {
    flex: 1;
    width: 100%;
    border: 0;
    min-height: 0; }

.response-visualizer-viewer {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--grey-00); }
  .response-visualizer-viewer .response-visualizer-webview-viewer__webview {
    flex: 1;
    border: 0; }

.response-body-viewer-tabs-wrapper {
  display: flex; }
  .response-body-viewer-tabs-wrapper .response-body-viewer__language-dropdown, .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button {
    margin-left: var(--spacing-s); }
  .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button {
    background-color: var(--background-color-tertiary); }
    .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button:hover, .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button.is-hovered {
      background-color: var(--highlight-background-color-tertiary); }
    .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button:active, .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button.is-active {
      background-color: var(--background-color-tertiary); }
      .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button:active use, .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button.is-active use {
        fill: var(--base-color-brand); }
      .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button:active svg > path[fill], .response-body-viewer-tabs-wrapper .response-body-viewer__line-wrap-button.is-active svg > path[fill] {
        fill: var(--base-color-brand); }

.response-header-viewer {
  margin: -8px;
  overflow-y: auto; }
  .response-header-viewer .key-value-form-row.is-disabled .auto-suggest, .response-header-viewer .key-value-form-row.is-disabled .key-value-cell,
  .response-header-viewer .key-value-form-row.is-blocked .auto-suggest,
  .response-header-viewer .key-value-form-row.is-blocked .key-value-cell {
    color: var(--content-color-primary); }
  .response-header-viewer .key-value-form-actions.message .feedback-state {
    display: none; }
  .response-header-viewer .key-value-form-header-row {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .response-header-viewer .key-value-form-editor.is-bleed .key-value-form-editor-sortable__selectable > :last-child {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    margin-bottom: var(--spacing-xxxl); }
  .response-header-viewer .auto-suggest__info_button use {
    fill: var(--content-color-tertiary); }
  .response-header-viewer .auto-suggest__info_button svg > path[fill] {
    fill: var(--content-color-tertiary); }
  .response-header-viewer .infobar-warn {
    background-color: var(--background-color-secondary);
    color: var(--content-color-primary); }
  .response-header-viewer .infobar__dismiss_icon use {
    fill: var(--content-color-tertiary); }
  .response-header-viewer .infobar__dismiss_icon svg > path[fill] {
    fill: var(--content-color-tertiary); }
  .response-header-viewer .response-header__infobar-icon {
    margin-right: var(--spacing-s); }
    .response-header-viewer .response-header__infobar-icon use {
      fill: var(--content-color-tertiary); }
    .response-header-viewer .response-header__infobar-icon svg > path[fill] {
      fill: var(--content-color-tertiary); }

.response-header-empty-message {
  margin: auto;
  text-align: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.response-cookie-viewer {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  flex: 1; }
  .response-cookie-viewer .cookie-table {
    min-width: 400px; }
  .response-cookie-viewer .cookie-table-header {
    display: flex;
    padding: var(--spacing-xs) var(--spacing-zero);
    justify-content: space-around;
    border-bottom: var(--border-width-l) var(--border-style-solid) var(--border-color-default); }
    .response-cookie-viewer .cookie-table-header__cookie-detail {
      width: 100px; }
  .response-cookie-viewer .cookie-table-content {
    padding: var(--spacing-zero);
    display: flex;
    flex-direction: column;
    font-size: var(--text-size-m);
    color: var(--content-color-primary); }
    .response-cookie-viewer .cookie-table-content .cookie-table-content-row {
      padding: var(--spacing-zero);
      display: flex;
      padding-bottom: var(--spacing-s);
      word-wrap: break-word;
      justify-content: space-around;
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      height: 30px;
      cursor: text;
      -webkit-user-select: text;
      user-select: text; }
      .response-cookie-viewer .cookie-table-content .cookie-table-content-row__cookie-detail {
        width: 100px;
        padding-top: var(--spacing-s); }
        .response-cookie-viewer .cookie-table-content .cookie-table-content-row__cookie-detail .DraftEditor-root {
          width: 100%; }
        .response-cookie-viewer .cookie-table-content .cookie-table-content-row__cookie-detail .DraftEditor-editorContainer {
          padding: 3px; }
        .response-cookie-viewer .cookie-table-content .cookie-table-content-row__cookie-detail .is-focused .DraftEditor-root {
          background: var(--background-color-primary); }
        .response-cookie-viewer .cookie-table-content .cookie-table-content-row__cookie-detail .is-focused .DraftEditor-editorContainer {
          border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
          padding: 3px; }
    .response-cookie-viewer .cookie-table-content .is-selected {
      background-color: var(--background-color-secondary); }

.response-cookies-unavailable {
  align-items: center;
  margin: auto; }
  .response-cookies-unavailable__icon {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .response-cookies-unavailable__message {
    text-align: center;
    width: 416px; }

.response-tests-viewer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 0; }

.response-tests-viewer-tabs {
  padding-bottom: 10px; }

.response-tests-empty-message {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  text-align: center;
  margin: auto; }

.response-tests-list {
  flex: 1;
  overflow-y: auto;
  font-size: var(--text-size-m); }
  .response-tests-list .response-test-item {
    display: flex;
    align-items: flex-start;
    padding: var(--spacing-s) var(--spacing-xs); }

.response-test-status {
  min-width: 40px;
  padding: var(--spacing-xs);
  margin-right: var(--spacing-s);
  font-size: var(--text-size-xs);
  color: var(--content-color-constant);
  text-align: center;
  text-transform: uppercase;
  border-radius: var(--border-radius-default); }
  .response-test-status.pass {
    background-color: var(--base-color-success); }
  .response-test-status.fail {
    background-color: var(--base-color-error); }
  .response-test-status.skipped {
    background-color: var(--background-color-tertiary);
    color: var(--content-color-secondary); }

.response-test-text {
  color: var(--content-color-secondary);
  align-self: center; }

.response-tests-error-container {
  padding: var(--spacing-s);
  font-size: var(--text-size-m);
  color: var(--content-color-error);
  text-align: center;
  background-color: var(--background-color-error);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default); }
  .response-tests-error-container .response-tests-error-message {
    font-weight: var(--text-weight-medium); }

.response-meta-viewer {
  display: flex;
  align-items: center;
  height: var(--size-m);
  font-size: var(--text-size-s);
  color: var(--content-color-secondary);
  justify-content: flex-end;
  line-height: var(--line-height-m);
  overflow: hidden; }
  .response-meta-viewer .response-meta-item-name {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .editor-pane-response-viewer.small .response-meta-viewer .response-meta-item-name {
      display: none; }
  .response-meta-viewer .response-meta-item {
    margin-right: var(--spacing-m);
    flex-shrink: 0; }
    .response-meta-viewer .response-meta-item__status {
      flex-shrink: 1;
      display: flex;
      min-width: 0; }
      .response-meta-viewer .response-meta-item__status .response-meta-item-value {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .response-meta-viewer .response-meta-item.small {
      margin-right: var(--spacing-s); }
    .response-meta-viewer .response-meta-item.is-tooltip-container .response-meta-item-name,
    .response-meta-viewer .response-meta-item.is-tooltip-container .response-meta-item-value {
      cursor: pointer; }
      .response-meta-viewer .response-meta-item.is-tooltip-container .response-meta-item-name .response-meta-status-code-desc,
      .response-meta-viewer .response-meta-item.is-tooltip-container .response-meta-item-value .response-meta-status-code-desc {
        padding-left: var(--spacing-xs); }
    .response-meta-viewer .response-meta-item.is-tooltip-container .response-meta-size__total.max-reached {
      color: var(--content-color-error); }
    .response-meta-viewer .response-meta-item.response-network-meta {
      display: flex;
      cursor: pointer; }
      .response-meta-viewer .response-meta-item.response-network-meta .network-icon use {
        fill: var(--content-color-secondary); }
      .response-meta-viewer .response-meta-item.response-network-meta .network-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
      .response-meta-viewer .response-meta-item.response-network-meta .network-icon.warning use {
        fill: var(--base-color-error); }
      .response-meta-viewer .response-meta-item.response-network-meta .network-icon.warning svg > path[fill] {
        fill: var(--base-color-error); }
  .response-meta-viewer .response-meta-item-value {
    padding-left: var(--spacing-xs);
    color: var(--content-color-success);
    cursor: text;
    -webkit-user-select: text;
    user-select: text; }
    .response-meta-viewer .response-meta-item-value .is-large {
      color: var(--content-color-error); }
  .response-meta-viewer .response-meta-actions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end; }

.response-details__unavailable {
  width: 290px; }
  .response-details__unavailable .response-details__unavailable__body {
    margin: var(--spacing-s); }
    .response-details__unavailable .response-details__unavailable__body .response-details__unavailable__title {
      color: var(--content-color-primary); }
    .response-details__unavailable .response-details__unavailable__body .response-details__unavailable__message {
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary); }

.network-meta__tooltip {
  max-width: 400px; }
  .network-meta__tooltip .network-meta__body {
    width: 330px;
    margin: var(--spacing-s);
    font-family: var(--text-family-default); }
    .network-meta__tooltip .network-meta__body .network-meta__header {
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-s);
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium); }
    .network-meta__tooltip .network-meta__body .network-meta__item {
      display: flex;
      justify-content: space-between;
      font-size: var(--text-size-m);
      height: var(--size-s);
      align-items: center; }
      .network-meta__tooltip .network-meta__body .network-meta__item .item__label {
        width: 30%;
        color: var(--content-color-secondary); }
      .network-meta__tooltip .network-meta__body .network-meta__item .item__value {
        width: 70%;
        box-sizing: border-box;
        padding-left: var(--spacing-xxl);
        color: var(--content-color-primary);
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .network-meta__tooltip .network-meta__body .network-meta__warning {
      background-color: var(--background-color-error);
      padding: var(--spacing-s) var(--spacing-zero);
      display: flex;
      align-items: center;
      border-radius: var(--border-radius-default);
      margin-top: var(--spacing-l); }
      .network-meta__tooltip .network-meta__body .network-meta__warning .warning__icon {
        margin-left: var(--spacing-l); }
        .network-meta__tooltip .network-meta__body .network-meta__warning .warning__icon use {
          fill: var(--content-color-brand); }
        .network-meta__tooltip .network-meta__body .network-meta__warning .warning__icon svg > path[fill] {
          fill: var(--content-color-brand); }
      .network-meta__tooltip .network-meta__body .network-meta__warning .warning__message {
        margin: var(--spacing-zero) var(--spacing-l);
        color: var(--content-color-error);
        font-size: var(--text-size-m); }
  .network-meta__tooltip .network-meta__divider {
    margin: var(--spacing-s) var(--spacing-zero);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.response-meta-time--tooltip {
  max-width: 400px; }
  .response-meta-time--tooltip .response-meta-time--tooltip_body {
    width: 380px;
    display: flex;
    flex-direction: column;
    font-size: var(--text-size-s); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row {
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: var(--line-height-l); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_event {
    font-style: normal;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-tertiary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_prepare {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-tertiary);
    margin-bottom: var(--spacing-s); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_socket {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_dns {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_tcp {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_secureHandshake {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_firstByte {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_download {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-s); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_process {
    font-style: normal;
    font-weight: normal;
    color: var(--content-color-tertiary);
    margin-bottom: var(--spacing-s); }
  .response-meta-time--tooltip .response-meta-time--tooltip_row_total {
    font-style: normal;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-success); }
  .response-meta-time--tooltip .response-meta-time--phase_name {
    width: 120px; }
  .response-meta-time--tooltip .response-meta-time--phase_graph {
    width: 190px; }
  .response-meta-time--tooltip .response-meta-time--phase_value {
    width: 70px;
    text-align: right; }
  .response-meta-time--tooltip .response-meta-time--phase_value_cached {
    color: var(--content-color-tertiary); }
  .response-meta-time--tooltip .response-meta-time--phase_graph_bar {
    height: var(--size-xs);
    background: var(--content-color-success);
    margin: var(--spacing-xs) var(--spacing-zero); }
  .response-meta-time--tooltip .response-meta-time--phase_graph_bar_prepare {
    background: var(--background-color-tertiary); }
  .response-meta-time--tooltip .response-meta-time--phase_graph_bar_process {
    background: var(--background-color-tertiary); }
  .response-meta-time--tooltip .response-meta-time--phase_graph_separator {
    height: 220px;
    background-color: var(--border-color-default);
    width: 1px;
    position: absolute;
    margin-top: var(--spacing-xl);
    z-index: 1; }

.response-meta-size--tooltip_body {
  width: 240px;
  font-style: normal;
  font-weight: normal;
  line-height: var(--line-height-l);
  font-size: var(--text-size-s); }

.response-meta-size--tooltip_section {
  padding-bottom: var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.response-meta-size--tooltip_body_row {
  height: var(--size-s);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  vertical-align: middle; }

.response-meta-size_title_primary {
  font-style: normal;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  color: var(--content-color-success); }

.response-meta-size_title_secondary {
  margin-top: var(--spacing-l);
  font-style: normal;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary); }

.response-meta-size_data_secondary {
  color: var(--content-color-tertiary); }

.response-meta-size_psa {
  margin-top: var(--spacing-m);
  color: var(--content-color-tertiary); }

.response-meta-size_warning {
  display: flex;
  margin-top: var(--spacing-m);
  align-items: center; }
  .response-meta-size_warning .response-meta-size_warning_icon {
    margin-right: 6px;
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs); }
  .response-meta-size_warning .response-meta-size_warning_text {
    color: var(--content-color-error);
    padding-left: var(--spacing-xs); }

.status-selector-container {
  display: flex;
  align-items: center;
  color: var(--content-color-secondary);
  font-size: var(--text-size-s);
  padding: var(--spacing-zero) var(--spacing-s);
  justify-content: flex-end;
  height: 100%; }
  .status-selector-container .response-status-selector-wrapper {
    margin-left: var(--spacing-m); }
    .status-selector-container .response-status-selector-wrapper.response-custom {
      position: relative;
      display: flex; }
      .status-selector-container .response-status-selector-wrapper.response-custom .input-reset {
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        transform: rotate(-180deg);
        position: absolute;
        top: 10px;
        left: 10px; }
    .status-selector-container .response-status-selector-wrapper__input {
      height: var(--controls-size-small); }
    .status-selector-container .response-status-selector-wrapper .input-select-list {
      max-height: 210px; }

.response-meta-action {
  display: flex;
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  cursor: pointer; }
  .response-meta-action__cancel,
  .response-meta-action .dropdown-button .btn-text {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .response-meta-action__cancel {
    margin: var(--spacing-zero) var(--spacing-l);
    height: var(--size-m); }
  .response-meta-action .response-save-button {
    white-space: pre; }
    .response-meta-action .response-save-button .dropdown-caret {
      margin-left: var(--spacing-xs); }
      .response-meta-action .response-save-button .dropdown-caret use {
        fill: var(--content-color-link); }
      .response-meta-action .response-save-button .dropdown-caret svg > path[fill] {
        fill: var(--content-color-link); }
  .response-meta-action .dropdown-button {
    display: flex;
    align-items: center; }

.response-error-viewer {
  flex: 1 1 auto;
  overflow: auto;
  display: flex;
  flex-direction: column; }
  .response-error-viewer__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--background-color-primary);
    overflow: auto; }
    .response-error-viewer__content__editor {
      flex: 1;
      margin: var(--spacing-s);
      display: flex;
      flex-direction: row; }
      .response-error-viewer__content__editor__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto; }
  .response-error-viewer__container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .response-error-viewer__image {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .response-error-viewer__heading {
    font-size: var(--text-size-l);
    color: var(--content-color-primary);
    margin-top: var(--spacing-l); }
  .response-error-viewer__error {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    margin-top: var(--spacing-l);
    display: flex;
    flex-direction: column; }
    .response-error-viewer__error-item {
      position: relative;
      padding: var(--spacing-xs) var(--spacing-s);
      background-color: var(--background-color-error);
      display: flex;
      align-items: center;
      border-radius: 20px;
      margin: var(--spacing-m) var(--spacing-xxxl) var(--spacing-zero) var(--spacing-xxxl);
      justify-content: center;
      align-self: center; }
      .response-error-viewer__error-item__description {
        padding: var(--spacing-zero) var(--spacing-s);
        text-align: center;
        word-break: break-all;
        white-space: pre-wrap; }
      .response-error-viewer__error-item__action {
        border-radius: 0;
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-active);
        color: var(--content-color-brand); }
        .response-error-viewer__error-item__action:hover, .response-error-viewer__error-item__action.is-hovered {
          opacity: 0.6; }
  .response-error-viewer__link {
    margin-top: var(--spacing-l);
    color: var(--content-color-link);
    font-size: var(--text-size-m); }

.response-body-image-viewer {
  flex: 1;
  position: relative;
  display: flex; }

.response-body-image-viewer-image-container {
  flex: 1;
  box-sizing: border-box;
  border: none;
  min-width: 0; }

.response-body-document-viewer {
  flex: 1;
  padding: 10px;
  position: relative;
  display: flex;
  background-color: var(--background-color-tertiary);
  justify-content: center;
  min-width: fit-content; }

.response-loader {
  position: absolute;
  height: 2px;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2; }
  .response-loader .response-progress-bar {
    position: relative;
    z-index: 2;
    height: 100%; }
    .response-loader .response-progress-bar.determinate {
      width: 0%;
      background-image: linear-gradient(78.82deg, var(--base-color-brand) 80%, var(--background-color-primary)); }
    .response-loader .response-progress-bar.query, .response-loader .response-progress-bar.indeterminate {
      width: 50%;
      background-image: linear-gradient(78.82deg, var(--background-color-primary), var(--base-color-brand) 49.98%, var(--background-color-primary)); }
    .response-loader .response-progress-bar.complete {
      width: 100%;
      background-color: var(--base-color-brand); }
  .response-loader .query {
    animation: loader-animation 1s ease-in-out infinite reverse; }
  .response-loader .indeterminate {
    animation: loader-animation 1s ease-in-out infinite; }
  .response-loader .response-buffer-bar {
    position: absolute;
    z-index: 1;
    height: 100%;
    /* stylelint-disable-next-line color-no-hex */
    background-color: #FF8E4F55;
    width: 0%; }

@keyframes loader-animation {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(200%); } }

.response-loading-cta,
.response-large-cta {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .response-loading-cta .response-loading-message,
  .response-loading-cta .response-large-message,
  .response-large-cta .response-loading-message,
  .response-large-cta .response-large-message {
    color: var(--content-color-primary);
    font-style: normal;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l); }
  .response-loading-cta .response-loading-message,
  .response-large-cta .response-loading-message {
    margin-top: 90px; }
  .response-loading-cta .response-large-message,
  .response-large-cta .response-large-message {
    margin-top: 50px; }
  .response-loading-cta .response-large-summary,
  .response-large-cta .response-large-summary {
    color: var(--content-color-primary);
    margin-top: var(--spacing-s);
    font-style: normal;
    font-weight: normal;
    font-size: var(--spacing-m);
    line-height: var(--line-height-m);
    text-align: center; }
  .response-loading-cta .response-download-button,
  .response-loading-cta .response-cancel-button,
  .response-large-cta .response-download-button,
  .response-large-cta .response-cancel-button {
    margin-top: var(--spacing-xl);
    height: var(--size-m);
    font-style: normal;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .response-loading-cta .response-cancel-button,
  .response-large-cta .response-cancel-button {
    width: 72px; }
  .response-loading-cta .response-download-button,
  .response-large-cta .response-download-button {
    width: 240px; }
  .response-loading-cta .response-open-settings,
  .response-large-cta .response-open-settings {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-top: var(--spacing-s); }

.response-large-cta {
  margin-top: 40px; }

.layout-2-column .response-large-cta {
  margin-top: 80px; }

.response-body-text-viewer__header {
  display: flex;
  flex-direction: row; }
  .response-body-text-viewer__header__left {
    display: flex;
    flex: 0 0 auto; }
  .response-body-text-viewer__header__right {
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }

.response-body-text-viewer__content {
  padding-top: var(--spacing-s);
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.response-body-text-viewer__search-button {
  margin-right: 10px;
  cursor: pointer; }

.response-body-text-viewer__copy-button {
  margin-right: 10px;
  cursor: pointer; }

.key-value-form-header-row {
  font-size: var(--text-size-m);
  font-family: var(--font-family-default); }
  .key-value-form-header-row .header-row {
    margin-bottom: var(--spacing-zero); }
    .key-value-form-header-row .header-row:hover, .key-value-form-header-row .header-row.is-hovered {
      background-color: transparent; }
    .key-value-form-header-row .header-row .key-value-form-actions {
      border-top-width: 0; }
      .key-value-form-header-row .header-row .key-value-form-actions .auto-suggest {
        display: none; }
    .key-value-form-header-row .header-row .key-value-form-header-item {
      overflow: hidden;
      align-items: center;
      display: flex;
      position: relative;
      box-sizing: border-box;
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      margin: var(--spacing-zero); }
      .key-value-form-header-row .header-row .key-value-form-header-item.is-non-editable {
        background-color: var(--background-color-secondary); }
      .key-value-form-header-row .header-row .key-value-form-header-item .header-content {
        padding: var(--spacing-s);
        color: var(--content-color-secondary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium);
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .key-value-form-header-row .header-row .key-value-form-header-item .key-value-form-header-item-tooltip-wrapper {
        display: flex;
        flex: 1; }
        .key-value-form-header-row .header-row .key-value-form-header-item .key-value-form-header-item-tooltip-wrapper .key-value-form-header-item-tooltip {
          display: flex;
          flex: 0;
          padding: var(--spacing-zero); }
          .key-value-form-header-row .header-row .key-value-form-header-item .key-value-form-header-item-tooltip-wrapper .key-value-form-header-item-tooltip use {
            fill: var(--content-color-secondary); }
          .key-value-form-header-row .header-row .key-value-form-header-item .key-value-form-header-item-tooltip-wrapper .key-value-form-header-item-tooltip svg > path[fill] {
            fill: var(--content-color-secondary); }
    .key-value-form-header-row .header-row .bulk-editor-preset__controls {
      position: absolute;
      right: 0;
      color: var(--content-color-brand);
      display: flex;
      align-items: center;
      background: var(--background-color-primary);
      height: 32px;
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .key-value-form-header-row .header-row .bulk-editor-preset__controls .preset-selector {
        flex: 1;
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        height: 32px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .key-value-form-header-row .header-row .bulk-editor-preset__controls .preset-selector .btn-text {
          color: var(--content-color-primary); }
        .key-value-form-header-row .header-row .bulk-editor-preset__controls .preset-selector .caret {
          float: right;
          margin-left: var(--spacing-xs); }
          .key-value-form-header-row .header-row .bulk-editor-preset__controls .preset-selector .caret use {
            fill: var(--content-color-primary); }
          .key-value-form-header-row .header-row .bulk-editor-preset__controls .preset-selector .caret svg > path[fill] {
            fill: var(--content-color-primary); }
      .key-value-form-header-row .header-row .bulk-editor-preset__controls .key-value-column-toggle {
        flex: 1;
        position: relative;
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        height: 32px;
        display: flex;
        align-items: center; }
        .key-value-form-header-row .header-row .bulk-editor-preset__controls .key-value-column-toggle .dropdown-button {
          display: flex; }
      .key-value-form-header-row .header-row .bulk-editor-preset__controls .goto-bulk-editor, .key-value-form-header-row .header-row .bulk-editor-preset__controls .key-value-control-persist-all, .key-value-form-header-row .header-row .bulk-editor-preset__controls .key-value-control-reset-all {
        flex: 1;
        white-space: pre;
        border-radius: 0;
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        height: 32px;
        display: flex;
        align-items: center;
        color: var(--content-color-primary);
        cursor: pointer; }
    .key-value-form-header-row .header-row .key-value-control-persist-all.is-disabled, .key-value-form-header-row .header-row .key-value-control-reset-all.is-disabled {
      opacity: 0.4;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .key-value-form-header-row .header-row .resize-handle {
      height: 32px;
      position: absolute;
      top: 0;
      width: 16px;
      left: -8px;
      cursor: col-resize; }

.key-value-column-toggle--menu use {
  fill: var(--content-color-primary); }

.key-value-column-toggle--menu svg > path[fill] {
  fill: var(--content-color-primary); }

.key-value-column-toggle--menu:hover use {
  fill: var(--content-color-primary); }

.key-value-column-toggle--menu:hover svg > path[fill] {
  fill: var(--content-color-primary); }

.key-value-column-toggle--menu .key-value-column-toggle__menu-item {
  padding: var(--spacing-zero) var(--spacing-s); }
  .key-value-column-toggle--menu .key-value-column-toggle__menu-item .key-value-column-toggle--option {
    font-size: var(--text-size-m);
    display: flex;
    cursor: pointer; }

.key-value-column-toggle--menu .key-value-column-toggle__label {
  font-size: var(--text-size-xs);
  color: var(--content-color-secondary);
  display: flex;
  padding: 6px var(--spacing-xs);
  margin-left: 5px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }

.key-value-column-toggle--menu .input-checkbox {
  margin-right: var(--spacing-s); }

.key-value-form-row {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1 1 auto;
  height: 32px;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .key-value-form-row .key-value-form-column .auto-suggest-cell {
    padding: var(--spacing-zero) var(--spacing-xs); }
  .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-error, .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-warning, .key-value-form-row.is-hovered:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-error, .key-value-form-row.is-hovered:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-warning {
    margin-right: var(--spacing-xl); }
  .key-value-form-row .auto-suggest-group {
    position: relative; }
    .key-value-form-row .auto-suggest-group .key-value-form-row__blocked {
      margin: var(--spacing-zero);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      z-index: 3; }
    .key-value-form-row .auto-suggest-group .input-field {
      padding-inline-start: var(--spacing-xs); }
  .key-value-form-row__draggable {
    display: flex;
    flex: 1;
    width: 100%; }
  .key-value-form-row .input-tooltip.warning .input-warning-tooltip {
    color: var(--content-color-warning); }
  .key-value-form-row .input-tooltip.error .input-warning-tooltip {
    color: var(--content-color-error); }
  .key-value-form-row .input-tooltip.message .input-warning-tooltip {
    color: var(--content-color-primary); }
  .key-value-form-row .input-warning-tooltip {
    max-width: 400px;
    display: none;
    position: absolute;
    top: 32px;
    left: 45px;
    font-size: var(--text-size-xs);
    background-color: var(--border-color-default);
    font-family: var(--text-family-primary);
    padding: var(--spacing-xs) var(--spacing-s);
    border-radius: var(--border-radius-default);
    font-weight: var(--text-weight-medium);
    z-index: 1000;
    box-shadow: var(--shadow-default); }
    .key-value-form-row .input-warning-tooltip:before {
      content: ' ';
      position: absolute;
      color: transparent;
      width: 0;
      height: 0;
      top: -7px;
      left: 0px;
      border: 6px var(--border-style-solid);
      border-bottom-color: var(--border-color-default);
      border-left-color: var(--border-color-default); }
  .key-value-form-row:hover:not(.row-focused) {
    background-color: transparent; }
    .key-value-form-row:hover:not(.row-focused) .input-warning-tooltip {
      display: flex;
      align-items: center; }
    .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest-cell {
      padding-right: 30px !important; }
    .key-value-form-row:hover:not(.row-focused).is-file-enabled .key-value-form-column:first-child .auto-suggest-cell {
      padding-right: 60px !important; }
    .key-value-form-row:hover:not(.row-focused) .key-value-form-row__delete,
    .key-value-form-row:hover:not(.row-focused) .key-value-form-row__sensitive-var-options,
    .key-value-form-row:hover:not(.row-focused) .key-value-form-row__deep-link {
      opacity: 1; }
    .key-value-form-row:hover:not(.row-focused) .always-present i {
      margin-right: 6px; }
    .key-value-form-row:hover:not(.row-focused) .always-present span {
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .key-value-form-row:hover:not(.row-focused) .key-value-form-row__type-select-container,
    .key-value-form-row:hover:not(.row-focused) .key-value-form-row__sort {
      display: flex; }
  .key-value-form-row.row-focused {
    background-color: var(--background-color-secondary) !important; }
    .key-value-form-row.row-focused .variable-type-dropdown .aether-dropdown__control {
      background-color: var(--background-color-secondary) !important; }
  .key-value-form-row .is-focused input {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    background: var(--background-color-primary);
    height: var(--size-s);
    padding-left: var(--spacing-xs);
    margin-top: var(--spacing-xs);
    margin-right: var(--spacing-s);
    padding-inline-start: var(--spacing-zero); }
  .key-value-form-row.row-selected {
    background-color: var(--background-color-secondary); }
  .key-value-form-row .auto-suggest-group {
    flex: 1;
    min-width: 0; }
    .key-value-form-row .auto-suggest-group .inline-comment-available .auto-suggest.is-comment-enabled:hover, .key-value-form-row .auto-suggest-group .inline-comment-available .key-value-cell.is-comment-enabled:hover {
      border: none;
      cursor: pointer; }
    .key-value-form-row .auto-suggest-group .inline-comment-available__focused .auto-suggest.is-comment-enabled:hover, .key-value-form-row .auto-suggest-group .inline-comment-available__focused .key-value-cell.is-comment-enabled:hover {
      border: none;
      cursor: pointer; }
    .key-value-form-row .auto-suggest-group .auto-suggest {
      margin: var(--spacing-xs) var(--spacing-zero); }
      .key-value-form-row .auto-suggest-group .auto-suggest.is-comment-enabled:hover {
        border: var(--border-width-default) var(--border-style-solid) var(--base-color-brand);
        margin: var(--spacing-zero);
        padding: 3px var(--spacing-zero); }
      .key-value-form-row .auto-suggest-group .auto-suggest.is-comment-enabled__light:hover {
        cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwLjk5ODU0NEMxMiAwLjQ0NjI2IDExLjU1MjMgMCAxMSAwSDFDMC40NDc3MTggMCAzLjU1Mjc3ZS0wNiAwLjQ0NjI2IDMuMzA3NmUtMDYgMC45OTg1NDVMMCA4Ljc1MzEzQzAgOS4zMDU1MiAwLjQ0NzgyIDkuNzQ5ODggMS4wMDAyMSA5Ljc0OTcxQzEuODQ1NzIgOS43NDk0NCAzLjAzMDk5IDkuNzQ5MDIgMy43NSA5Ljc0ODU3TDUuNjQ2NDUgMTEuNjQ2MkM1Ljg0MTY5IDExLjg0MTYgNi4xNTgzNiAxMS44NDE2IDYuMzUzNjcgMTEuNjQ2M0w4LjI1IDkuNzQ5OTlDOC45Njg3NyA5Ljc0OTU0IDEwLjE1NDEgOS43NDk2MiAxMC45OTk3IDkuNzQ5NzdDMTEuNTUyMiA5Ljc0OTg3IDEyIDkuMzA1NDkgMTIgOC43NTMwOVYwLjk5ODU0NFpNMyA2Ljc1QzIuNTg1NzkgNi43NSAyLjI1IDYuNDE0MjEgMi4yNSA2QzIuMjUgNS41ODU3OCAyLjU4NTc5IDUuMjUgMyA1LjI1SDYuNzVDNy4xNjQyMSA1LjI1IDcuNSA1LjU4NTc4IDcuNSA2QzcuNSA2LjQxNDIxIDcuMTY0MjEgNi43NSA2Ljc1IDYuNzVIM1pNOS43NSAzQzkuNzUgMy40MTQyMSA5LjQxNDIxIDMuNzUgOSAzLjc1SDNDMi41ODU3OSAzLjc1IDIuMjUgMy40MTQyMSAyLjI1IDNDMi4yNSAyLjU4NTc4IDIuNTg1NzkgMi4yNSAzIDIuMjVIOUM5LjQxNDIxIDIuMjUgOS43NSAyLjU4NTc4IDkuNzUgM1pNMTMgMTEuNUMxMyAxMS4yMjM5IDEzLjIyMzkgMTEgMTMuNSAxMUMxMy43NzYxIDExIDE0IDExLjIyMzkgMTQgMTEuNVYxM0gxNS41QzE1Ljc3NjEgMTMgMTYgMTMuMjIzOSAxNiAxMy41QzE2IDEzLjc3NjEgMTUuNzc2MSAxNCAxNS41IDE0SDE0VjE1LjVDMTQgMTUuNzc2MSAxMy43NzYxIDE2IDEzLjUgMTZDMTMuMjIzOSAxNiAxMyAxNS43NzYxIDEzIDE1LjVWMTRIMTEuNUMxMS4yMjM5IDE0IDExIDEzLjc3NjEgMTEgMTMuNUMxMSAxMy4yMjM5IDExLjIyMzkgMTMgMTEuNSAxM0gxM1YxMS41WiIgZmlsbD0iIzFBMUExQSIvPgo8L3N2Zz4K), pointer; }
      .key-value-form-row .auto-suggest-group .auto-suggest.is-comment-enabled__dark:hover {
        cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwLjk5ODU0NEMxMiAwLjQ0NjI2IDExLjU1MjMgMCAxMSAwSDFDMC40NDc3MTggMCAzLjU1Mjc3ZS0wNiAwLjQ0NjI2IDMuMzA3NmUtMDYgMC45OTg1NDVMMCA4Ljc1MzEzQzAgOS4zMDU1MiAwLjQ0NzgyIDkuNzQ5ODggMS4wMDAyMSA5Ljc0OTcxQzEuODQ1NzIgOS43NDk0NCAzLjAzMDk5IDkuNzQ5MDIgMy43NSA5Ljc0ODU3TDUuNjQ2NDUgMTEuNjQ2MkM1Ljg0MTY5IDExLjg0MTYgNi4xNTgzNiAxMS44NDE2IDYuMzUzNjcgMTEuNjQ2M0w4LjI1IDkuNzQ5OTlDOC45Njg3NyA5Ljc0OTU0IDEwLjE1NDEgOS43NDk2MiAxMC45OTk3IDkuNzQ5NzdDMTEuNTUyMiA5Ljc0OTg3IDEyIDkuMzA1NDkgMTIgOC43NTMwOVYwLjk5ODU0NFpNMyA2Ljc1QzIuNTg1NzkgNi43NSAyLjI1IDYuNDE0MjEgMi4yNSA2QzIuMjUgNS41ODU3OCAyLjU4NTc5IDUuMjUgMyA1LjI1SDYuNzVDNy4xNjQyMSA1LjI1IDcuNSA1LjU4NTc4IDcuNSA2QzcuNSA2LjQxNDIxIDcuMTY0MjEgNi43NSA2Ljc1IDYuNzVIM1pNOS43NSAzQzkuNzUgMy40MTQyMSA5LjQxNDIxIDMuNzUgOSAzLjc1SDNDMi41ODU3OSAzLjc1IDIuMjUgMy40MTQyMSAyLjI1IDNDMi4yNSAyLjU4NTc4IDIuNTg1NzkgMi4yNSAzIDIuMjVIOUM5LjQxNDIxIDIuMjUgOS43NSAyLjU4NTc4IDkuNzUgM1pNMTMgMTEuNUMxMyAxMS4yMjM5IDEzLjIyMzkgMTEgMTMuNSAxMUMxMy43NzYxIDExIDE0IDExLjIyMzkgMTQgMTEuNVYxM0gxNS41QzE1Ljc3NjEgMTMgMTYgMTMuMjIzOSAxNiAxMy41QzE2IDEzLjc3NjEgMTUuNzc2MSAxNCAxNS41IDE0SDE0VjE1LjVDMTQgMTUuNzc2MSAxMy43NzYxIDE2IDEzLjUgMTZDMTMuMjIzOSAxNiAxMyAxNS43NzYxIDEzIDE1LjVWMTRIMTEuNUMxMS4yMjM5IDE0IDExIDEzLjc3NjEgMTEgMTMuNUMxMSAxMy4yMjM5IDExLjIyMzkgMTMgMTEuNSAxM0gxM1YxMS41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==), pointer; }
      .key-value-form-row .auto-suggest-group .auto-suggest.is-comment-disabled:hover {
        cursor: not-allowed; }
    .key-value-form-row .auto-suggest-group .key-value-cell.is-comment-enabled:hover {
      border: var(--border-width-default) var(--border-style-solid) var(--base-color-brand); }
    .key-value-form-row .auto-suggest-group .key-value-cell.is-comment-enabled__light:hover {
      cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwLjk5ODU0NEMxMiAwLjQ0NjI2IDExLjU1MjMgMCAxMSAwSDFDMC40NDc3MTggMCAzLjU1Mjc3ZS0wNiAwLjQ0NjI2IDMuMzA3NmUtMDYgMC45OTg1NDVMMCA4Ljc1MzEzQzAgOS4zMDU1MiAwLjQ0NzgyIDkuNzQ5ODggMS4wMDAyMSA5Ljc0OTcxQzEuODQ1NzIgOS43NDk0NCAzLjAzMDk5IDkuNzQ5MDIgMy43NSA5Ljc0ODU3TDUuNjQ2NDUgMTEuNjQ2MkM1Ljg0MTY5IDExLjg0MTYgNi4xNTgzNiAxMS44NDE2IDYuMzUzNjcgMTEuNjQ2M0w4LjI1IDkuNzQ5OTlDOC45Njg3NyA5Ljc0OTU0IDEwLjE1NDEgOS43NDk2MiAxMC45OTk3IDkuNzQ5NzdDMTEuNTUyMiA5Ljc0OTg3IDEyIDkuMzA1NDkgMTIgOC43NTMwOVYwLjk5ODU0NFpNMyA2Ljc1QzIuNTg1NzkgNi43NSAyLjI1IDYuNDE0MjEgMi4yNSA2QzIuMjUgNS41ODU3OCAyLjU4NTc5IDUuMjUgMyA1LjI1SDYuNzVDNy4xNjQyMSA1LjI1IDcuNSA1LjU4NTc4IDcuNSA2QzcuNSA2LjQxNDIxIDcuMTY0MjEgNi43NSA2Ljc1IDYuNzVIM1pNOS43NSAzQzkuNzUgMy40MTQyMSA5LjQxNDIxIDMuNzUgOSAzLjc1SDNDMi41ODU3OSAzLjc1IDIuMjUgMy40MTQyMSAyLjI1IDNDMi4yNSAyLjU4NTc4IDIuNTg1NzkgMi4yNSAzIDIuMjVIOUM5LjQxNDIxIDIuMjUgOS43NSAyLjU4NTc4IDkuNzUgM1pNMTMgMTEuNUMxMyAxMS4yMjM5IDEzLjIyMzkgMTEgMTMuNSAxMUMxMy43NzYxIDExIDE0IDExLjIyMzkgMTQgMTEuNVYxM0gxNS41QzE1Ljc3NjEgMTMgMTYgMTMuMjIzOSAxNiAxMy41QzE2IDEzLjc3NjEgMTUuNzc2MSAxNCAxNS41IDE0SDE0VjE1LjVDMTQgMTUuNzc2MSAxMy43NzYxIDE2IDEzLjUgMTZDMTMuMjIzOSAxNiAxMyAxNS43NzYxIDEzIDE1LjVWMTRIMTEuNUMxMS4yMjM5IDE0IDExIDEzLjc3NjEgMTEgMTMuNUMxMSAxMy4yMjM5IDExLjIyMzkgMTMgMTEuNSAxM0gxM1YxMS41WiIgZmlsbD0iIzFBMUExQSIvPgo8L3N2Zz4K), pointer; }
    .key-value-form-row .auto-suggest-group .key-value-cell.is-comment-enabled__dark:hover {
      cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwLjk5ODU0NEMxMiAwLjQ0NjI2IDExLjU1MjMgMCAxMSAwSDFDMC40NDc3MTggMCAzLjU1Mjc3ZS0wNiAwLjQ0NjI2IDMuMzA3NmUtMDYgMC45OTg1NDVMMCA4Ljc1MzEzQzAgOS4zMDU1MiAwLjQ0NzgyIDkuNzQ5ODggMS4wMDAyMSA5Ljc0OTcxQzEuODQ1NzIgOS43NDk0NCAzLjAzMDk5IDkuNzQ5MDIgMy43NSA5Ljc0ODU3TDUuNjQ2NDUgMTEuNjQ2MkM1Ljg0MTY5IDExLjg0MTYgNi4xNTgzNiAxMS44NDE2IDYuMzUzNjcgMTEuNjQ2M0w4LjI1IDkuNzQ5OTlDOC45Njg3NyA5Ljc0OTU0IDEwLjE1NDEgOS43NDk2MiAxMC45OTk3IDkuNzQ5NzdDMTEuNTUyMiA5Ljc0OTg3IDEyIDkuMzA1NDkgMTIgOC43NTMwOVYwLjk5ODU0NFpNMyA2Ljc1QzIuNTg1NzkgNi43NSAyLjI1IDYuNDE0MjEgMi4yNSA2QzIuMjUgNS41ODU3OCAyLjU4NTc5IDUuMjUgMyA1LjI1SDYuNzVDNy4xNjQyMSA1LjI1IDcuNSA1LjU4NTc4IDcuNSA2QzcuNSA2LjQxNDIxIDcuMTY0MjEgNi43NSA2Ljc1IDYuNzVIM1pNOS43NSAzQzkuNzUgMy40MTQyMSA5LjQxNDIxIDMuNzUgOSAzLjc1SDNDMi41ODU3OSAzLjc1IDIuMjUgMy40MTQyMSAyLjI1IDNDMi4yNSAyLjU4NTc4IDIuNTg1NzkgMi4yNSAzIDIuMjVIOUM5LjQxNDIxIDIuMjUgOS43NSAyLjU4NTc4IDkuNzUgM1pNMTMgMTEuNUMxMyAxMS4yMjM5IDEzLjIyMzkgMTEgMTMuNSAxMUMxMy43NzYxIDExIDE0IDExLjIyMzkgMTQgMTEuNVYxM0gxNS41QzE1Ljc3NjEgMTMgMTYgMTMuMjIzOSAxNiAxMy41QzE2IDEzLjc3NjEgMTUuNzc2MSAxNCAxNS41IDE0SDE0VjE1LjVDMTQgMTUuNzc2MSAxMy43NzYxIDE2IDEzLjUgMTZDMTMuMjIzOSAxNiAxMyAxNS43NzYxIDEzIDE1LjVWMTRIMTEuNUMxMS4yMjM5IDE0IDExIDEzLjc3NjEgMTEgMTMuNUMxMSAxMy4yMjM5IDExLjIyMzkgMTMgMTEuNSAxM0gxM1YxMS41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==), pointer; }
    .key-value-form-row .auto-suggest-group .key-value-cell.is-comment-disabled:hover {
      cursor: not-allowed; }
    .key-value-form-row .auto-suggest-group .inline-comment-available .auto-suggest-group .auto-suggest .is-comment-enabled:hover, .key-value-form-row .auto-suggest-group .inline-comment-available .auto-suggest-group .key-value-cell .is-comment-enabled:hover {
      border: none;
      cursor: pointer; }
    .key-value-form-row .auto-suggest-group .last-column {
      border-right: unset !important; }
    .key-value-form-row .auto-suggest-group .key-value-form-column {
      position: relative;
      box-sizing: border-box;
      min-width: 0;
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .key-value-form-row .auto-suggest-group .key-value-form-column.variable-type-dropdown .aether-dropdown__control {
        border: none; }
      .key-value-form-row .auto-suggest-group .key-value-form-column.is-non-editable {
        background-color: var(--background-color-secondary); }
        .key-value-form-row .auto-suggest-group .key-value-form-column.is-non-editable .auto-suggest, .key-value-form-row .auto-suggest-group .key-value-form-column.is-non-editable .key-value-cell, .key-value-form-row .auto-suggest-group .key-value-form-column.is-non-editable .aether-dropdown__single-value--is-disabled {
          color: var(--content-color-secondary); }
        .key-value-form-row .auto-suggest-group .key-value-form-column.is-non-editable .aether-dropdown__control--is-disabled {
          background-color: var(--background-color-secondary); }
      .key-value-form-row .auto-suggest-group .key-value-form-column__sessionValue {
        display: flex;
        justify-content: space-between; }
        .key-value-form-row .auto-suggest-group .key-value-form-column__sessionValue .key-value-cell {
          width: 100%; }
      .key-value-form-row .auto-suggest-group .key-value-form-column .input-field input {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: var(--spacing-xs); }
      .key-value-form-row .auto-suggest-group .key-value-form-column .is-focused .DraftEditor-editorContainer {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .key-value-form-row .auto-suggest-group .key-value-form-column .is-focused .DraftEditor-root {
        background: var(--background-color-primary); }
      .key-value-form-row .auto-suggest-group .key-value-form-column .public-DraftEditorPlaceholder-root {
        width: 100%;
        color: var(--content-color-tertiary); }
      .key-value-form-row .auto-suggest-group .key-value-form-column .public-DraftEditorPlaceholder-inner {
        white-space: nowrap !important;
        line-height: var(--line-height-m);
        padding: 2px var(--spacing-zero);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .key-value-form-row .auto-suggest-group .key-value-form-column .DraftEditor-editorContainer, .key-value-form-row .auto-suggest-group .key-value-form-column .public-DraftEditorPlaceholder-root {
        padding: 3px var(--spacing-xs);
        border: var(--border-width-default) var(--border-style-solid) transparent;
        box-sizing: border-box; }
      .key-value-form-row .auto-suggest-group .key-value-form-column .public-DraftEditor-content, .key-value-form-row .auto-suggest-group .key-value-form-column .public-DraftEditorPlaceholder-root {
        font-size: var(--text-size-m);
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
      .key-value-form-row .auto-suggest-group .key-value-form-column .DraftEditor-root {
        width: 100%; }
  .key-value-form-row .key-value-form-actions {
    position: relative;
    display: flex;
    width: 44px;
    justify-content: flex-end;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .key-value-form-row .key-value-form-actions.is-disabled {
      background-color: var(--background-color-secondary); }
    .key-value-form-row .key-value-form-actions.warning .feedback-state {
      width: 3px;
      background-color: var(--background-color-warning);
      color: var(--content-color-warning); }
    .key-value-form-row .key-value-form-actions.error .feedback-state {
      width: 3px;
      background-color: var(--background-color-error);
      color: var(--content-color-error); }
    .key-value-form-row .key-value-form-actions.message .feedback-state {
      width: 3px;
      background-color: var(--background-color-primary);
      color: var(--content-color-primary); }
    .key-value-form-row .key-value-form-actions .feedback-state {
      height: 30px;
      width: 0;
      position: absolute;
      background-color: var(--border-color-default); }
  .key-value-form-row__toggle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: var(--spacing-xs); }
    .key-value-form-row__toggle.disabled {
      opacity: 0.4; }
  .key-value-form-row__sort {
    display: none;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    cursor: ns-resize;
    margin-right: var(--spacing-xs); }
    .key-value-form-row__sort__icon {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .key-value-form-row__sort:hover, .key-value-form-row__sort.is-hovered {
      background-color: transparent; }
      .key-value-form-row__sort:hover .key-value-form-row__sort__icon, .key-value-form-row__sort.is-hovered .key-value-form-row__sort__icon {
        cursor: ns-resize; }
    .key-value-form-row__sort:active .key-value-form-row__sort__icon, .key-value-form-row__sort.is-active .key-value-form-row__sort__icon {
      cursor: ns-resize; }
  .key-value-form-row.is-dragged {
    opacity: 0.1; }
  .key-value-form-row.is-drop-hovered-top {
    position: relative; }
    .key-value-form-row.is-drop-hovered-top::before {
      background-color: var(--base-color-brand);
      top: 0;
      content: ' ';
      position: absolute;
      height: 2px;
      width: 100%;
      z-index: 1; }
  .key-value-form-row.is-drop-hovered-bottom {
    position: relative; }
    .key-value-form-row.is-drop-hovered-bottom::before {
      background-color: var(--base-color-brand);
      bottom: 0;
      content: ' ';
      position: absolute;
      height: 2px;
      width: 100%;
      z-index: 1; }
  .key-value-form-row.is-disabled .auto-suggest, .key-value-form-row.is-disabled .key-value-cell, .key-value-form-row.is-disabled input, .key-value-form-row.is-disabled .aether-dropdown__single-value--is-disabled, .key-value-form-row.is-blocked .auto-suggest, .key-value-form-row.is-blocked .key-value-cell, .key-value-form-row.is-blocked input, .key-value-form-row.is-blocked .aether-dropdown__single-value--is-disabled {
    color: var(--content-color-tertiary); }
  .key-value-form-row.is-disabled .key-value-form-column.is-non-editable .auto-suggest, .key-value-form-row.is-disabled .key-value-form-column.is-non-editable .key-value-cell, .key-value-form-row.is-disabled .key-value-form-column.is-non-editable input, .key-value-form-row.is-disabled .key-value-form-column.is-non-editable .aether-dropdown__single-value--is-disabled, .key-value-form-row.is-blocked .key-value-form-column.is-non-editable .auto-suggest, .key-value-form-row.is-blocked .key-value-form-column.is-non-editable .key-value-cell, .key-value-form-row.is-blocked .key-value-form-column.is-non-editable input, .key-value-form-row.is-blocked .key-value-form-column.is-non-editable .aether-dropdown__single-value--is-disabled {
    color: var(--content-color-tertiary); }
  .key-value-form-row.is-system.is-blocked {
    background-color: var(--background-color-secondary); }
    .key-value-form-row.is-system.is-blocked .auto-suggest, .key-value-form-row.is-system.is-blocked .key-value-cell {
      color: var(--content-color-primary); }
  .key-value-form-row.is-system.is-disabled .auto-suggest, .key-value-form-row.is-system.is-disabled .key-value-cell {
    color: var(--content-color-tertiary); }
  .key-value-form-row__controls {
    flex: 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .key-value-form-row__modification-options {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    z-index: 2; }
  .key-value-form-row__sensitive-var-options {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    margin-left: -82px;
    width: 82px; }
    .key-value-form-row__sensitive-var-options span {
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .key-value-form-row__sensitive-var-options i {
      margin-right: 6px;
      margin-top: 2px; }
  .key-value-form-row .always-present {
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: -82px;
    width: 82px; }
    .key-value-form-row .always-present i {
      margin-right: 8px;
      margin-top: 2px; }
    .key-value-form-row .always-present span {
      border-right: unset; }
  .key-value-form-row__delete {
    width: 32px;
    display: flex;
    opacity: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: -50px;
    width: 50px;
    z-index: 2; }
    .key-value-form-row__delete__icon {
      cursor: default;
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer; }
  .key-value-form-row .key-value-form-session .variable-row-dropdown-actions-button .dropdown-button .btn {
    height: 32px;
    padding-left: 10px; }
  .key-value-form-row__deep-link {
    position: absolute;
    right: 0;
    line-height: var(--line-height-xs);
    height: 32px;
    opacity: 0;
    z-index: 2;
    background: var(--background-color-secondary);
    color: var(--content-color-secondary); }
    .key-value-form-row__deep-link__icon {
      padding-right: var(--spacing-xs); }
      .key-value-form-row__deep-link__icon use {
        fill: var(--content-color-secondary); }
      .key-value-form-row__deep-link__icon svg > path[fill] {
        fill: var(--content-color-secondary); }
  .key-value-form-row:hover .key-value-form-row__action, .key-value-form-row.is-hovered .key-value-form-row__action {
    display: block; }
  .key-value-form-row__type-select-container {
    display: none;
    flex: 0 0 60px;
    position: absolute;
    left: -60px;
    z-index: 10; }
    .key-value-form-row__type-select-container.is-open {
      display: flex; }
    .key-value-form-row__type-select-container .dropdown-menu {
      min-width: 50px;
      margin-top: var(--spacing-zero); }
    .key-value-form-row__type-select-container .dropdown-button {
      flex: 1; }
      .key-value-form-row__type-select-container .dropdown-button .key-value-form-row__type-select {
        display: flex;
        flex: 1;
        color: var(--content-color-tertiary);
        height: 32px;
        justify-content: center;
        align-items: center;
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
        cursor: pointer;
        font-size: var(--text-size-m); }
        .key-value-form-row__type-select-container .dropdown-button .key-value-form-row__type-select use {
          fill: var(--content-color-tertiary); }
        .key-value-form-row__type-select-container .dropdown-button .key-value-form-row__type-select svg > path[fill] {
          fill: var(--content-color-tertiary); }
  .key-value-form-row__modal-header {
    line-height: var(--line-height-s);
    text-transform: uppercase; }
  .key-value-form-row__modal-content {
    overflow: visible;
    line-height: var(--line-height-m);
    padding: var(--spacing-xs) var(--spacing-xl) var(--spacing-zero); }
  .key-value-form-row__modal-action {
    padding-top: var(--spacing-m); }

.key-value-bulk-editor {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .key-value-bulk-editor .textarea-wrapper {
    flex: 1; }
    .layout-1-column .key-value-bulk-editor .textarea-wrapper .textarea {
      border-bottom: 0; }
  .key-value-bulk-editor.is-bleed .textarea,
  .key-value-bulk-editor.is-bleed .bulk-editor__controls {
    border: 0; }
  .key-value-bulk-editor.is-bleed .bulk-editor__textarea {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .layout-2-column .key-value-bulk-editor.is-bleed .bulk-editor__textarea {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .key-value-bulk-editor .bulk-editor__controls {
    display: flex;
    height: 32px;
    justify-content: flex-end;
    align-items: center;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .key-value-bulk-editor .bulk-editor__controls.hide-presets {
      flex: 0 0 80px;
      justify-content: flex-end; }
    .key-value-bulk-editor .bulk-editor__controls .presets {
      font-size: var(--text-size-m);
      border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      height: 32px;
      display: flex;
      align-items: center; }
      .key-value-bulk-editor .bulk-editor__controls .presets .btn-text {
        color: var(--content-color-primary); }
      .key-value-bulk-editor .bulk-editor__controls .presets .caret {
        margin-left: var(--spacing-xs); }
        .key-value-bulk-editor .bulk-editor__controls .presets .caret use {
          fill: var(--content-color-primary); }
        .key-value-bulk-editor .bulk-editor__controls .presets .caret svg > path[fill] {
          fill: var(--content-color-primary); }
    .key-value-bulk-editor .bulk-editor__controls .goto-keyval-editor {
      border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      height: 32px;
      color: var(--content-color-primary);
      border-radius: 0; }

.key-value-form-editor-sortable {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .key-value-form-editor-sortable .key-value-form-editor-sortable__selectable {
    display: flex;
    flex-direction: column; }

.key-value-form-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-top: thin solid var(--border-color-default); }
  .key-value-form-editor.is-bleed {
    border-top: 0; }
    .key-value-form-editor.is-bleed .key-value-form-header-row .auto-suggest-group > :nth-last-child(2) {
      border-right: 0; }
    .key-value-form-editor.is-bleed .key-value-form-row .auto-suggest-group > :last-child {
      border-right: 0; }
    .key-value-form-editor.is-bleed .key-value-form-row > :first-child {
      border-left: 0; }
    .key-value-form-editor.is-bleed .key-value-form-row .key-value-form-row__draggable > :first-child {
      border-left: 0; }
    .key-value-form-editor.is-bleed .key-value-form-editor-sortable__selectable > :last-child {
      border-bottom: 0; }

.key-value-cell {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 3px 1px 9px;
  align-items: center;
  cursor: text;
  font-size: var(--text-size-m);
  user-select: none;
  color: var(--content-color-primary);
  display: flex;
  height: 100%;
  box-sizing: border-box;
  justify-content: space-between; }
  .key-value-cell .resolvedVariable, .key-value-cell .unresolvedVariable {
    color: var(--base-color-brand);
    text-decoration: none; }
    .key-value-cell .resolvedVariable:hover, .key-value-cell .unresolvedVariable:hover {
      opacity: 0.7; }
  .key-value-cell .unresolvedVariable {
    color: var(--content-color-error);
    background: var(--background-color-error);
    padding: 2px; }
  .key-value-cell__icon {
    margin-left: 8px; }
  .key-value-cell .key-value-cell__multiline__item:not(:last-child)::after {
    content: '\21B5';
    opacity: 0.4;
    font-size: 8px;
    padding: 5px 3px; }
  .key-value-cell.has-warning {
    margin-right: 24px; }
  .key-value-cell.has-error {
    margin-right: 24px; }
    .key-value-cell.has-error .key-value-cell__multiline__item:not(:last-child)::after {
      color: var(--content-color-tertiary);
      opacity: 1;
      background: var(--background-color-error); }
    .key-value-cell.has-error.has-multiline .key-value-cell__text::after {
      color: var(--content-color-tertiary);
      opacity: 1;
      background: var(--background-color-error); }
  .key-value-cell.has-multiline .key-value-cell__text::after {
    content: '\21B5';
    opacity: 0.4;
    font-size: 8px;
    padding: 3px 3px 2px; }
  .key-value-cell.has-multiline::after {
    content: '...';
    opacity: 0.4; }
  .key-value-cell .key-value-cell__text {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis; }
  .key-value-cell.is-overridden {
    text-decoration: line-through;
    color: var(--content-color-tertiary); }

.key-value-cell__placeholder {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 7px 3px 0 9px;
  align-items: center;
  cursor: text;
  font-size: 12px;
  user-select: none;
  color: var(--content-color-tertiary); }

.search-bar-wrapper {
  position: relative;
  background-color: var(--highlight-background-color-secondary);
  border: 1px solid var(--border-color-strong);
  border-radius: var(--border-radius-default); }
  .search-bar-wrapper ::-webkit-scrollbar {
    background-color: var(--background-color-secondary); }
  .search-bar-wrapper ul {
    list-style: none; }
  .search-bar-wrapper li {
    font-size: 12px;
    color: var(--content-color-primary);
    cursor: pointer; }
  .search-bar-wrapper .filtered-selector-input-wrapper {
    display: flex;
    align-items: center; }
    .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group {
      flex: 1;
      background-color: var(--background-color-tertiary);
      border: 1px solid transparent; }
      .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group:hover, .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group.is-hovered {
        background-color: var(--highlight-background-color-tertiary); }
      .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group:focus, .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group.is-focused {
        background-color: var(--background-color-primary); }
      .search-bar-wrapper .filtered-selector-input-wrapper .input-search-group .input::-webkit-input-placeholder {
        font-size: 13px; }
    .search-bar-wrapper .filtered-selector-input-wrapper .btn {
      flex: 0 0 30px;
      height: 30px;
      padding: 0;
      margin-left: auto;
      background-color: var(--background-color-tertiary);
      border-left: 1px solid var(--border-color-strong);
      border-radius: 0;
      align-self: center; }
      .search-bar-wrapper .filtered-selector-input-wrapper .btn:hover, .search-bar-wrapper .filtered-selector-input-wrapper .btn.is-hovered {
        background-color: var(--highlight-background-color-tertiary); }
      .search-bar-wrapper .filtered-selector-input-wrapper .btn .dropdown-caret {
        margin-left: 0; }
  .search-bar-wrapper .sub-item:first-child {
    border-top: 0; }
  .search-bar-wrapper input {
    color: var(--content-color-primary); }
  .search-bar-wrapper .input-search-group {
    background-color: var(--background-color-secondary);
    border: 0;
    border-radius: 0; }
  .search-bar-wrapper.is-overlaid {
    z-index: 1; }
    .search-bar-wrapper.is-overlaid .items-list {
      position: absolute;
      width: 100%;
      height: 0;
      border-radius: var(--border-radius-default);
      box-shadow: var(--shadow-default); }
  .search-bar-wrapper.is-open {
    border: 1px solid var(--border-color-strong); }
    .search-bar-wrapper.is-open .items-list {
      height: auto;
      max-height: 217px;
      margin-bottom: 10px;
      margin-top: 2px; }
    .search-bar-wrapper.is-open .input-search-group {
      background-color: var(--background-color-primary); }

.items-list {
  height: 217px;
  padding: 0;
  margin: 0;
  overflow-y: auto; }

.item {
  padding-bottom: 0;
  background-color: var(--background-color-secondary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .item .item-name {
    padding: 8px 10px;
    word-break: break-all; }
    .item .item-name:focus, .item .item-name.is-focused {
      color: var(--content-color-primary);
      background-color: var(--highlight-background-color-secondary); }
    .item .item-name:hover, .item .item-name.is-hovered {
      color: var(--content-color-primary);
      background-color: var(--highlight-background-color-secondary); }
  .item.is-selected .item-name {
    color: var(--content-color-constant);
    background-color: var(--base-color-brand); }

.sub-item-wrapper {
  display: none;
  padding-left: 0;
  margin-left: -10px;
  background-color: var(--highlight-background-color-secondary); }
  .sub-item-wrapper.is-open {
    display: block;
    transition: all .4s ease-out; }

.sub-item {
  padding: 8px 10px;
  margin-left: 20px;
  word-break: break-all;
  background-color: var(--background-color-primary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .sub-item:focus, .sub-item.is-focused {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-secondary); }
  .sub-item:hover, .sub-item.is-hovered {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-secondary); }
  .sub-item.is-selected {
    color: var(--content-color-constant);
    background-color: var(--base-color-brand); }
    .sub-item.is-selected .matched-text {
      color: var(--content-color-primary); }

.searched-item {
  padding: 8px 10px;
  word-break: break-all;
  background-color: var(--background-color-secondary); }
  .searched-item:focus, .searched-item.is-focused {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-secondary); }
  .searched-item:hover, .searched-item.is-hovered {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-secondary); }
  .searched-item.is-selected {
    color: var(--content-color-constant);
    background-color: var(--base-color-brand); }

.selected-item {
  color: var(--content-color-constant);
  background-color: var(--base-color-brand); }

.highlight {
  color: var(--base-color-brand); }

.is-selected .highlight {
  color: var(--content-color-constant); }

.requester-library {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: hidden; }
  .requester-library .requester-library-header {
    flex: 0 0 auto; }
  .requester-library .requester-team-collections {
    flex: 1; }
  .requester-library .requester-environment-templates {
    flex: 1; }

.requester-library--loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.requester-library .requester-library__offline-banner {
  display: none; }

.requester-library.is-offline {
  position: relative; }
  .requester-library.is-offline .requester-library__offline-banner {
    display: flex; }
  .requester-library.is-offline:before {
    content: '';
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    background-color: var(--background-modal-backdrop); }

.requester-library__offline-banner {
  background-color: var(--background-color-warning);
  font-size: 14px;
  color: var(--content-color-warning);
  height: 40px;
  align-items: center;
  justify-content: center;
  z-index: 80; }
  .requester-library__offline-banner .requester-library__offline-banner__button {
    text-decoration: underline;
    cursor: pointer; }

.requester-team-overview {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 10px;
  overflow-y: hidden; }
  .requester-team-overview .workspace-activity-item-content .workspace-activity-item-details {
    border: 0; }

.requester-team-collections {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.requester-environment-templates {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.requester-library-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-color-default); }
  .requester-library-header .tab:first-child {
    margin-left: 20px; }

.requester-library-team-collections {
  padding: 0 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.requester-library-team-collections__contents {
  margin-top: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.requester-library-tabs {
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: space-between; }
  .requester-library-tabs .requester-library-tabs--team-meta {
    color: var(--content-color-primary);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    padding: 0px 15px 7px;
    width: 320px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0;
    top: 6px; }
    .requester-library-tabs .requester-library-tabs--team-meta.not-admin {
      width: 220px; }

.requester-library-wrapper--sync-disabled {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center; }
  .requester-library-wrapper--sync-disabled .requester-library--sync-disabled {
    color: var(--content-color-primary);
    display: flex;
    flex-direction: column;
    width: 560px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .requester-library-wrapper--sync-disabled .sync-disabled-description {
    font-size: 12px;
    padding: 10px 0px;
    opacity: 0.6; }
  .requester-library-wrapper--sync-disabled .learn-more-sync {
    padding-top: 15px;
    padding-bottom: 30px; }

.workspace-activity-feed-empty {
  display: flex;
  flex: 1;
  height: calc(100% - 50px); }

.requester-library-header-container {
  display: flex;
  flex: 0 0 40px;
  flex-direction: row;
  padding: 0 10px;
  margin-top: 15px;
  align-items: center; }

.requester-library-header__section__left {
  display: flex;
  flex-direction: row; }
  .requester-library-header__section__left .input-search-group {
    width: 300px; }
  .requester-library-header__section__left .requester-library-header__actions {
    display: flex;
    align-items: center; }
    .requester-library-header__section__left .requester-library-header__actions .requester-library-header__actions-sort-button {
      display: flex;
      width: 150px;
      justify-content: space-between; }

.requester-library-header__section__right {
  display: flex;
  flex: 1;
  flex-direction: row-reverse; }

.requester-library-header__actions {
  height: 30px; }
  .requester-library-header__actions .requester-library-header__actions__meta {
    padding: 0 10px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: var(--content-color-primary); }

.requester-library-invite__wrapper {
  display: flex;
  padding: 20px;
  font-size: 12px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-primary); }
  .requester-library-invite__wrapper .requester-library-invite__description {
    flex: 0 0 400px; }
  .requester-library-invite__wrapper .requester-library-invite__heading {
    font-size: 16px;
    font-weight: var(--text-weight-medium); }
  .requester-library-invite__wrapper .requester-library-invite__textarea {
    flex: 1;
    display: flex;
    margin-right: 50px; }
    .requester-library-invite__wrapper .requester-library-invite__textarea .textarea-wrapper {
      flex: 1;
      padding: 0px 10px; }
  .requester-library-invite__wrapper .requester-library-invite__action {
    display: flex;
    flex-direction: column; }

.team-library-invite__wrapper {
  text-align: center;
  font-size: 12px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-primary);
  padding-top: 10vh;
  flex: 1;
  overflow-y: auto;
  line-height: 1.7; }
  .team-library-invite__wrapper.empty-activity-feed {
    margin: 100px 0;
    padding-top: 0; }
    .team-library-invite__wrapper.empty-activity-feed .empty-activity-feed__label {
      margin-top: var(--spacing-s);
      font-size: 14px;
      font-weight: 600; }
    .team-library-invite__wrapper.empty-activity-feed .empty-activity-feed__description {
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary); }

.environment-selector-container {
  display: flex;
  flex-direction: row;
  margin-right: 10px; }
  .environment-selector-container .environment-selector-wrapper {
    width: 100%; }
    .environment-selector-container .environment-selector-wrapper .input-search-group__search-cancel-button use {
      fill: var(--content-color-secondary); }
    .environment-selector-container .environment-selector-wrapper .input-search-group__search-cancel-button svg > path[fill] {
      fill: var(--content-color-secondary); }
    .environment-selector-container .environment-selector-wrapper:hover, .environment-selector-container .environment-selector-wrapper.is-hovered {
      color: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper:hover .input-search-group__search-cancel-button:hover use, .environment-selector-container .environment-selector-wrapper:hover .input-search-group__search-cancel-button.is-hovered use, .environment-selector-container .environment-selector-wrapper.is-hovered .input-search-group__search-cancel-button:hover use, .environment-selector-container .environment-selector-wrapper.is-hovered .input-search-group__search-cancel-button.is-hovered use {
        fill: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper:hover .input-search-group__search-cancel-button:hover svg > path[fill], .environment-selector-container .environment-selector-wrapper:hover .input-search-group__search-cancel-button.is-hovered svg > path[fill], .environment-selector-container .environment-selector-wrapper.is-hovered .input-search-group__search-cancel-button:hover svg > path[fill], .environment-selector-container .environment-selector-wrapper.is-hovered .input-search-group__search-cancel-button.is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }
    .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper {
      background-color: initial;
      border: none;
      border-radius: 0; }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-focused + .btn.dropdown-button .dropdown-caret use, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-hovered + .btn.dropdown-button .dropdown-caret use {
        fill: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-focused + .btn.dropdown-button .dropdown-caret svg > path[fill], .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-hovered + .btn.dropdown-button .dropdown-caret svg > path[fill] {
        fill: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-focused .input, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input-search-group.is-hovered .input {
        color: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered {
        color: var(--content-color-primary); }
        .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover .input-search-group__input-wrapper input, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered .input-search-group__input-wrapper input {
          color: var(--content-color-primary); }
          .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover .input-search-group__input-wrapper input:hover, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover .input-search-group__input-wrapper input.is-hovered, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered .input-search-group__input-wrapper input:hover, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered .input-search-group__input-wrapper input.is-hovered {
            color: var(--content-color-primary); }
        .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover .btn.dropdown-button .dropdown-caret use, .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered .btn.dropdown-button .dropdown-caret use {
          fill: var(--content-color-primary); }
        .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper:hover .btn.dropdown-button .dropdown-caret svg > path[fill], .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper.is-hovered .btn.dropdown-button .dropdown-caret svg > path[fill] {
          fill: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .input {
        font-family: var(--text-family-default);
        font-weight: var(--text-weight-regular);
        font-size: var(--text-size-s);
        line-height: var(--line-height-xs);
        color: var(--content-color-secondary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .user-selected-environment-input {
        font-weight: var(--text-weight-bold);
        color: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .user-selected-environment-input-loading {
        font-weight: var(--text-weight-lighter);
        color: var(--content-color-primary); }
      .environment-selector-container .environment-selector-wrapper .input-select-v2-wrapper .dropdown-button:hover .input-search-group .input-search {
        color: var(--content-color-primary); }

.environment-selector-menu .dropdown-menu-item .item-wrapper .item-label {
  flex: initial; }

.environment-selector-menu .dropdown-menu-item .item-wrapper .item-label.is-forked {
  max-width: 100px; }

.environment-selector-menu .dropdown-menu-item.is-focused:not(.is-selected) {
  background: var(--background-color-tertiary); }

.environment-selector-menu .dropdown-menu-item.is-selected {
  background: var(--highlight-background-color-tertiary); }

.environment-selector-menu .dropdown-menu-item:hover, .environment-selector-menu .dropdown-menu-item.is-hovered, .environment-selector-menu .dropdown-menu-item.is-focused:hover, .environment-selector-menu .dropdown-menu-item.is-focused.is-hovered, .environment-selector-menu .dropdown-menu-item.is-selected:hover, .environment-selector-menu .dropdown-menu-item.is-selected.is-hovered {
  background: var(--highlight-background-color-secondary); }

.environment-preview-container {
  margin-right: var(--spacing-s); }
  .environment-preview-container .environment-preview-button {
    background: none; }
    .environment-preview-container .environment-preview-button:hover, .environment-preview-container .environment-preview-button.is-hovered {
      background-color: var(--highlight-background-color-primary); }
    .environment-preview-container .environment-preview-button:active, .environment-preview-container .environment-preview-button.is-active {
      background-color: var(--highlight-background-color-primary); }
      .environment-preview-container .environment-preview-button:active .environment-preview-icon use, .environment-preview-container .environment-preview-button.is-active .environment-preview-icon use {
        fill: var(--content-color-primary); }
      .environment-preview-container .environment-preview-button:active .environment-preview-icon svg > path[fill], .environment-preview-container .environment-preview-button.is-active .environment-preview-icon svg > path[fill] {
        fill: var(--content-color-primary); }
    .environment-preview-container .environment-preview-button.is-open {
      background-color: var(--highlight-background-color-primary); }

.environment-preview-button:hover .environment-preview-icon use {
  fill: var(--content-color-primary); }

.environment-preview-button:hover .environment-preview-icon svg > path[fill] {
  fill: var(--content-color-primary); }

.environment-preview {
  background-color: var(--background-color-secondary);
  position: relative;
  z-index: 120;
  border-radius: var(--border-radius-default);
  display: block;
  width: 720px;
  -webkit-user-select: text; }
  .environment-preview.is-closed {
    display: none; }

.environment-preview-wrapper {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .environment-preview-wrapper .environment-header__meta {
    display: flex;
    padding: var(--spacing-s) var(--spacing-l);
    align-items: center;
    justify-content: space-between; }
    .environment-preview-wrapper .environment-header__meta .environment-header__meta__title__wrapper {
      flex: 1;
      display: flex;
      overflow: hidden;
      align-items: center; }
      .environment-preview-wrapper .environment-header__meta .environment-header__meta__title__wrapper .environment-header__meta__title {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium);
        color: var(--content-color-primary);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .environment-preview-wrapper .environment-preview-list .environment-preview-virtualized-list {
    height: 200px;
    background: var(--background-color-primary); }
  .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .input {
    height: fit-content; }
  .environment-preview-wrapper .environment-preview-list .environment-preview-list-item, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header {
    display: flex;
    padding: var(--spacing-s) var(--spacing-l);
    word-wrap: break-word;
    word-break: break-word; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item > *:not(:last-child), .environment-preview-wrapper .environment-preview-list .environment-preview-list-header > *:not(:last-child) {
      padding-right: var(--spacing-xs); }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__key, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__key, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__session-value {
      text-align: left;
      box-sizing: border-box; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__key, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__key, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__key, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__key {
      flex: 0 0 20%; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__value {
      flex: 0 0 38%; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__session-value {
      flex: 0 0 38%;
      display: flex;
      justify-content: space-between; }
      .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value:hover .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value.is-hovered .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__session-value:hover .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__session-value.is-hovered .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value:hover .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value.is-hovered .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__session-value:hover .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__session-value.is-hovered .environment-preview-list-item__session-value__edit-icon {
        visibility: visible; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-header__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-header__session-value {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary); }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__key,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__value,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value {
      color: var(--content-color-primary); }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__value input,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value input, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__value input,
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value input {
      text-overflow: ellipsis; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value__edit-icon-wrapper, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value__edit-icon-wrapper {
      margin-left: var(--spacing-xs);
      display: flex; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value__edit-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value__edit-icon {
      visibility: hidden; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value {
      display: flex;
      align-items: center; }
      .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__session-value .warning-button, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__session-value .warning-button {
        margin-left: var(--spacing-xs); }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item .environment-preview-list-item__mask-icon, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header .environment-preview-list-item__mask-icon {
      display: inline-block;
      margin-top: var(--spacing-xs);
      margin-right: var(--spacing-s);
      margin-left: var(--spacing-s);
      cursor: pointer; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item.is-session-value-deleted .environment-preview-list-item__session-value, .environment-preview-wrapper .environment-preview-list .environment-preview-list-header.is-session-value-deleted .environment-preview-list-item__session-value {
      color: var(--content-color-tertiary); }
  .environment-preview-wrapper .environment-preview-list .environment-preview-list-item {
    align-items: flex-start; }
    .environment-preview-wrapper .environment-preview-list .environment-preview-list-item:hover, .environment-preview-wrapper .environment-preview-list .environment-preview-list-item.is-hovered {
      background-color: var(--highlight-background-color-primary); }
  .environment-preview-wrapper .environment-preview-list .globals-preview-list-item.is-overridden .environment-preview-list-item__session-value {
    color: var(--content-color-tertiary);
    text-decoration: line-through; }

.environment-preview-list-item--empty-environment,
.environment-preview-list-item--no-environment,
.environment-preview-list-item--empty-globals {
  padding: var(--spacing-l);
  display: flex;
  flex-direction: column;
  align-items: center; }
  .environment-preview-list-item--empty-environment .environment-preview-list-item--no-environment-text,
  .environment-preview-list-item--empty-environment .environment-preview-list-item--empty-globals-text,
  .environment-preview-list-item--no-environment .environment-preview-list-item--no-environment-text,
  .environment-preview-list-item--no-environment .environment-preview-list-item--empty-globals-text,
  .environment-preview-list-item--empty-globals .environment-preview-list-item--no-environment-text,
  .environment-preview-list-item--empty-globals .environment-preview-list-item--empty-globals-text {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    margin-top: var(--spacing-s);
    width: 380px;
    text-align: center; }
  .environment-preview-list-item--empty-environment .environment-preview-list-item--no-environment-header,
  .environment-preview-list-item--empty-environment .environment-preview-list-item--empty-globals-header,
  .environment-preview-list-item--no-environment .environment-preview-list-item--no-environment-header,
  .environment-preview-list-item--no-environment .environment-preview-list-item--empty-globals-header,
  .environment-preview-list-item--empty-globals .environment-preview-list-item--no-environment-header,
  .environment-preview-list-item--empty-globals .environment-preview-list-item--empty-globals-header {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary); }

.environment-preview-divider {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.delete-environment {
  flex: 1;
  display: flex;
  flex-direction: column; }

.delete-environment-message {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center; }

.delete-environment-controls {
  display: flex;
  flex-direction: row-reverse; }
  .delete-environment-controls .btn {
    margin-left: 10px; }

.environment-meta-icons {
  display: flex;
  margin-left: var(--spacing-xs);
  align-items: center; }
  .environment-meta-icons .environment-meta-icon {
    margin-right: var(--spacing-xs); }
    .environment-meta-icons .environment-meta-icon use {
      fill: var(--content-color-tertiary); }
    .environment-meta-icons .environment-meta-icon svg > path[fill] {
      fill: var(--content-color-tertiary); }

.add-environment-template {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px; }

.add-environment-template__header {
  display: flex; }
  .add-environment-template__header .add-environment-template__header__title {
    flex: 1;
    display: flex;
    align-items: center; }

.add-environment__header__title {
  font-size: 13px;
  font-weight: 600; }

.add-environment-template__section-name {
  display: flex;
  margin: 10px 0;
  align-items: flex-end; }

.add-environment-template__section-name-extension {
  padding-left: 5px; }

.add-environment-template__section-values {
  flex: 1;
  height: 0;
  overflow-y: auto; }

.add-environment-template__section-controls {
  display: flex;
  flex-direction: row-reverse; }

.add-environment-template__section-controls__cancel {
  margin-right: 10px; }

.environment-template-newtemplate-wrapper {
  display: flex;
  flex-direction: row-reverse;
  padding: 20px;
  border-top: 1px solid var(--border-color-default); }

.environment-template-modal-empty-view-wrapper {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative; }

.environment-template-modal-empty-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.environment-template-modal-loading-container {
  left: 47%;
  position: absolute;
  top: 5%; }

.environment-template-modal-empty-view-content-header {
  padding: 20px 0 10px;
  font-size: 18px; }

.environment-template-modal-empty-view-content-text {
  max-width: 310px;
  margin: 0 auto;
  margin-bottom: 10px;
  color: var(--content-color-secondary);
  text-align: center; }

.environment-template-modal-list-empty-view-content-text {
  margin-bottom: 10px;
  color: var(--content-color-secondary);
  text-align: center; }

.environment-template-modal-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  max-width: 80%; }
  .environment-template-modal-content-wrapper .environment-template-modal-empty-view-content-header {
    font-size: 12px; }
  .environment-template-modal-content-wrapper .learnmore-link {
    margin-bottom: 32px; }
  .environment-template-modal-content-wrapper .signout-out-signin-btn {
    font-size: 12px;
    max-width: 200px;
    align-self: center; }

.environment-template-modal-action-button {
  margin-top: 10px;
  align-self: center;
  min-width: 200px; }

.env-dropdown-menu {
  min-width: 200px; }
  .env-dropdown-menu .dropdown-menu-item {
    padding: 0 var(--spacing-l); }
    .env-dropdown-menu .dropdown-menu-item .dropdown-menu-item-icon {
      margin-right: var(--spacing-s); }
  .env-dropdown-menu .env-action-item {
    display: flex;
    flex: 1; }

.env-actions-icon-container .btn {
  display: none; }

.env-actions-icon-container.isHovered .active-env-icon {
  display: none; }

.env-actions-icon-container.isHovered .inactive-env-icon {
  display: flex; }
  .env-actions-icon-container.isHovered .inactive-env-icon use {
    fill: var(--content-color-secondary); }
  .env-actions-icon-container.isHovered .inactive-env-icon svg > path[fill] {
    fill: var(--content-color-secondary); }

.env-actions-icon-container.isActive .active-env-icon {
  display: flex; }

.env-actions-icon-container.isActive .inactive-env-icon {
  display: none; }

.env-actions-icon-container:hover .inactive-env-icon use {
  fill: var(--content-color-primary); }

.env-actions-icon-container:hover .inactive-env-icon svg > path[fill] {
  fill: var(--content-color-primary); }

.env-actions__more-actions-placeholder {
  height: var(--size-s);
  width: var(--size-s);
  background-color: transparent; }

.environment-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.manage-header-preset-modal .modal-content {
  display: flex;
  flex-direction: column; }

.manage-header-preset-modal-content-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }

.manage-header-preset-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }

.manage-header-preset-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }
  .manage-header-preset-wrapper.is-hidden {
    display: none; }

.manage-header-preset-buttons {
  margin: 10px 0; }
  .manage-header-preset-buttons .btn {
    margin-right: 5px; }

.add-header-preset,
.edit-header-preset {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .add-header-preset__header,
  .edit-header-preset__header {
    display: flex; }
    .add-header-preset__header__title,
    .edit-header-preset__header__title {
      flex: 1;
      display: flex;
      align-items: center; }
  .add-header-preset__section-name,
  .edit-header-preset__section-name {
    margin: var(--spacing-s) var(--spacing-zero); }
  .add-header-preset__section-values,
  .edit-header-preset__section-values {
    flex: 1;
    height: 0;
    overflow-y: auto; }
    .add-header-preset__section-values .key-value-form-header-row .header-row .bulk-editor-preset__controls,
    .edit-header-preset__section-values .key-value-form-header-row .header-row .bulk-editor-preset__controls {
      background-color: var(--background-color-secondary); }
  .add-header-preset__section-controls,
  .edit-header-preset__section-controls {
    display: flex;
    flex-direction: row-reverse;
    margin-top: var(--spacing-l); }
    .add-header-preset__section-controls__cancel,
    .edit-header-preset__section-controls__cancel {
      margin-right: var(--spacing-s); }

.header-preset-list {
  flex: 1 1 auto;
  height: 0;
  overflow-y: auto; }

.header-preset-list-item {
  display: flex;
  flex-direction: row; }
  .header-preset-list-item:not(:last-child) {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .header-preset-list-item__name-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden; }
  .header-preset-list-item__name {
    padding-left: var(--spacing-s);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
  .header-preset-list-item__actions .btn-icon {
    background-color: transparent; }

.settings-modal .modal-content {
  padding: var(--spacing-zero);
  display: flex;
  flex-direction: column; }

.settings-modal .settings-tabs {
  margin-top: var(--spacing-s);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.settings-modal .settings-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden;
  min-width: 655px; }

.settings-modal .is-hidden {
  display: none; }

.settings-modal .settings-tab-contents {
  flex: 1;
  overflow-y: auto; }

.settings-modal .settings-tab-content {
  margin: var(--spacing-xl); }

.settings-general-wrapper {
  display: flex;
  flex-direction: row; }
  .settings-general-wrapper .settings-general-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: var(--spacing-zero) var(--spacing-s); }
  .settings-general-wrapper .settings-general-list-separator {
    flex: 0 0 var(--size-xs); }
  .settings-general-wrapper .settings-general-list-group {
    font-weight: var(--text-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .settings-general-wrapper .settings-general-editor-settings-heading {
    display: inline-flex;
    align-items: center; }
  .settings-general-wrapper .settings-general-list-item {
    display: flex;
    flex-direction: row;
    padding: var(--spacing-xs) var(--spacing-zero);
    min-height: var(--size-m);
    align-items: center; }
    .settings-general-wrapper .settings-general-list-item.is-disabled {
      cursor: default;
      opacity: 0.5; }
    .settings-general-wrapper .settings-general-list-item .settings-general-list-item-label {
      flex: 2;
      padding: var(--spacing-xs) var(--spacing-zero);
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .settings-general-wrapper .settings-general-list-item .settings-general-list-item-help-text {
      padding: var(--spacing-xs) var(--spacing-zero);
      font-size: var(--text-size-s);
      color: var(--content-color-tertiary); }
      .settings-general-wrapper .settings-general-list-item .settings-general-list-item-help-text.request-validation-description {
        padding-right: var(--spacing-xxl); }
    .settings-general-wrapper .settings-general-list-item .settings-general-list-item-value {
      flex: 0 0 70px;
      padding-left: var(--spacing-l);
      display: flex;
      justify-content: flex-start;
      height: var(--size-m);
      align-self: flex-start; }
      .settings-general-wrapper .settings-general-list-item .settings-general-list-item-value.editor-indent-tab {
        padding: var(--spacing-s) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
        height: 100%; }
    .settings-general-wrapper .settings-general-list-item .settings-general-list-item--working-dir_help-link {
      padding-top: var(--spacing-xs);
      font-size: var(--text-size-m); }
  .settings-general-wrapper .settings-general-list-item--working-dir {
    flex-wrap: wrap; }
    .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item-label {
      padding-bottom: var(--spacing-zero); }
    .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item--working-dir_value {
      display: flex;
      flex-basis: 100%;
      padding: var(--spacing-xs) va(--spacing-zero); }
      .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item--working-dir_value .settings-general-list-item--working-dir_file-input {
        display: flex;
        flex: 1;
        margin-right: var(--spacing-l); }
      .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item--working-dir_value .settings-general-list-item--working-dir_file-button {
        display: flex;
        flex: 0 0 70px; }
    .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item-label--working-dir_label {
      display: flex;
      align-items: center; }
      .settings-general-wrapper .settings-general-list-item--working-dir .settings-general-list-item-label--working-dir_label .warning-button {
        margin-left: var(--spacing-xs); }
  .settings-general-wrapper .settings-general-list-item--working-dir_help-text {
    padding: var(--spacing-xs) var(--spacing-zero);
    font-size: var(--text-size-s);
    color: var(--content-color-tertiary); }
  .settings-general-wrapper .settings-general-list-item--font-family {
    flex-wrap: wrap; }
    .settings-general-wrapper .settings-general-list-item--font-family .settings-general-list-item-label {
      padding-bottom: var(--spacing-zero); }
    .settings-general-wrapper .settings-general-list-item--font-family .settings-general-list-item--font-family_value {
      display: flex;
      flex-basis: 100%;
      padding: var(--spacing-xs) var(--spacing-zero); }
      .settings-general-wrapper .settings-general-list-item--font-family .settings-general-list-item--font-family_value .settings-general-list-item--font-family-input {
        display: flex;
        flex: 1; }
    .settings-general-wrapper .settings-general-list-item--font-family .settings-general-list-item-label--font-family_label {
      display: flex;
      flex-direction: column; }
  .settings-general-wrapper .settings-general-list-item--font-family_help-text {
    padding: var(--spacing-xs) var(--spacing-zero);
    font-size: var(--text-size-s);
    color: var(--content-color-tertiary); }
  .settings-general-wrapper .settings-general-list-item--insecure-fileread .warning-icon {
    position: relative;
    top: 1px;
    margin-right: var(--spacing-xs); }
    .settings-general-wrapper .settings-general-list-item--insecure-fileread .warning-icon use {
      fill: var(--base-color-warning); }
    .settings-general-wrapper .settings-general-list-item--insecure-fileread .warning-icon svg > path[fill] {
      fill: var(--base-color-warning); }
  .settings-general-wrapper .dropdown {
    width: 100%;
    height: var(--controls-size-default);
    background-color: var(--background-color-tertiary); }
    .settings-general-wrapper .dropdown .dropdown-button {
      display: flex; }
      .settings-general-wrapper .dropdown .dropdown-button .btn {
        flex: 1;
        height: var(--controls-size-default);
        justify-content: space-between; }

.settings-shortcuts-wrapper .item-header {
  display: flex; }
  .settings-shortcuts-wrapper .item-header .item-title {
    flex: 1; }

.settings-shortcuts-list {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-xl); }
  .settings-shortcuts-list.disabled {
    opacity: 0.4; }

.settings-shortcuts-list-item-header {
  font-family: var(--text-family-default);
  font-size: var(--text-size-s);
  color: var(--content-color-primary);
  margin-bottom: var(--spacing-s); }

.settings-shortcuts-list-item-content {
  margin-bottom: var(--spacing-l); }

.settings-shortcuts-list-item {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: var(--spacing-xs); }

.settings-shortcuts-list-item-label {
  flex: 2;
  font-family: var(--text-family-default);
  font-size: var(--text-size-m);
  color: var(--content-color-secondary); }

.settings-shortcuts-list-item-value {
  flex: 1;
  font-family: var(--text-family-default);
  font-size: var(--text-size-m);
  color: var(--content-color-secondary); }

.settings-data-header-description {
  padding: var(--spacing-xs) var(--spacing-zero);
  color: var(--content-color-secondary); }

.settings-data-header-description-note {
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.settings-data-section-separator {
  padding: var(--spacing-m) var(--spacing-zero); }

.settings-data-option-wrapper {
  padding: var(--spacing-xs) var(--spacing-zero); }

.settings-data-option {
  display: block;
  padding-bottom: var(--spacing-xs); }
  .settings-data-option .radio-button {
    margin-right: var(--spacing-xs); }

.settings-data-export-button-wrapper {
  padding-top: var(--spacing-m); }
  .settings-data-export-button-wrapper .settings-data-export-button {
    height: var(--size-m); }

.settings-data-import-button {
  height: var(--size-m);
  margin-top: var(--spacing-m); }

.settings-data-warning {
  background: var(--background-color-tertiary);
  padding: var(--spacing-xs);
  padding-left: var(--spacing-l);
  margin: var(--spacing-s) var(--spacing-zero);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .settings-data-warning__workspaces {
    color: var(--content-color-primary);
    cursor: pointer; }
  .settings-data-warning__list {
    margin-left: 0;
    padding-left: var(--spacing-xl);
    max-width: 400px; }
  .settings-data-warning__content {
    display: flex;
    align-items: center; }
    .settings-data-warning__content .pm-icon {
      margin-right: var(--spacing-s); }

.settings-addons-link-wrapper {
  padding-bottom: var(--spacing-s); }
  .settings-addons-link-wrapper .settings-addons-link {
    color: var(--content-color-brand);
    text-decoration: none; }

.settings-addons-description {
  font-size: var(--text-size-s);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary); }

.settings-sync-header {
  padding-top: 20px;
  font-size: 20px; }

.settings-sync-header-description {
  padding: 10px 0; }

.settings-sync-section-separator {
  padding: 10px; }

.settings-sync-feedback-link {
  color: var(--content-color-link);
  text-decoration: none; }

.settings-sync-signed-out-container {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .settings-sync-signed-out-container .btn-text {
    padding-left: 0; }
  .settings-sync-signed-out-container .signout-out-signin-btn {
    margin-top: 32px;
    font-size: 14px; }

.settings-about-wrapper .settings-about-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--spacing-xl); }
  .settings-about-wrapper .settings-about-logo .postman-logo {
    height: 100px;
    width: 100px;
    flex: 0 0 100px;
    background-image: url(data:image/svg+xml;base64, );
    background-repeat: no-repeat;
    background-size: contain; }

.settings-about-wrapper .settings-about-version {
  display: flex;
  margin-top: var(--spacing-s);
  justify-content: center;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.settings-about-wrapper .settings-about-platform {
  display: flex;
  margin-top: var(--spacing-s);
  justify-content: center;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.settings-about-wrapper .settings-about-architecture {
  display: flex;
  margin-top: var(--spacing-s);
  justify-content: center;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.settings-about-wrapper .settings-about-links-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-m); }
  .settings-about-wrapper .settings-about-links-list .settings-about-links-list-item:not(:first-child) {
    margin-top: var(--spacing-xs); }
  .settings-about-wrapper .settings-about-links-list .settings-about-links-list-item .settings-about-links {
    color: var(--content-color-link);
    text-decoration: none; }

.settings-themes-list {
  display: flex;
  justify-content: space-around; }

.settings-themes-description {
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-xl) var(--spacing-zero);
  display: flex;
  justify-content: space-around; }

.settings-theme-thumbnail {
  flex: 0 0 260px;
  height: 165px;
  background-size: contain;
  border: var(--border-width-l) var(--border-style-solid) transparent;
  border-radius: var(--border-radius-default);
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer; }
  .settings-theme-thumbnail.active {
    border-color: var(--highlight-background-color-brand); }

.settings-autoupdate {
  display: flex;
  flex-direction: row;
  padding-bottom: var(--spacing-s);
  align-items: center;
  margin-bottom: var(--spacing-s);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .settings-autoupdate .settings-autoupdate-info-container {
    flex: 1;
    padding: var(--spacing-s) var(--spacing-zero); }
    .settings-autoupdate .settings-autoupdate-info-container .settings-autoupdate-header {
      font-weight: var(--text-weight-medium);
      padding-bottom: var(--spacing-s); }
    .settings-autoupdate .settings-autoupdate-info-container .settings-autoupdate-body {
      margin-bottom: var(--spacing-s); }
    .settings-autoupdate .settings-autoupdate-info-container .settings-autoupdate-footer {
      color: var(--content-color-tertiary); }
  .settings-autoupdate .settings-autoupdate-label {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }

.settings-autoupdate-value-dropdown .dropdown-menu {
  min-width: 120px; }

.settings-update-changelog-container {
  max-height: 360px;
  overflow-y: auto; }

.update-error__message {
  padding: var(--spacing-m) var(--spacing-zero); }

.settings__update__container {
  display: flex;
  padding: var(--spacing-s) var(--spacing-zero); }
  .settings__update__container .settings__update__info-container {
    flex: 1; }
    .settings__update__container .settings__update__info-container .settings__update__header {
      font-weight: var(--text-weight-medium);
      padding-bottom: var(--spacing-s); }
  .settings__update__container .settings__update__action-container {
    flex: 0 0 400px;
    margin-left: auto; }

.settings-custom-proxy .item-header {
  display: flex; }
  .settings-custom-proxy .item-header .item-title {
    flex: 1; }

.settings-custom-proxy .input-checkbox {
  margin-right: var(--spacing-s); }

.settings-custom-proxy .settings-system-proxy {
  padding-bottom: 15px; }
  .settings-custom-proxy .settings-system-proxy .settings-system-proxy-switch-header {
    display: flex; }
    .settings-custom-proxy .settings-system-proxy .settings-system-proxy-switch-header * {
      margin-right: 10px; }
  .settings-custom-proxy .settings-system-proxy .proxy-environment-variables {
    display: flex;
    margin-top: 12px;
    margin-left: 28px; }
    .settings-custom-proxy .settings-system-proxy .proxy-environment-variables.disabled {
      opacity: 0.4; }
  .settings-custom-proxy .settings-system-proxy .settings-system-proxy-auth {
    display: flex;
    flex-direction: column;
    margin-top: 15px; }
    .settings-custom-proxy .settings-system-proxy .settings-system-proxy-auth .proxy-buttons .submit-btn.auth-enabled {
      padding-top: 15px;
      padding-left: 100px; }
    .settings-custom-proxy .settings-system-proxy .settings-system-proxy-auth .proxy-buttons .submit-button {
      height: 32px; }
  .settings-custom-proxy .settings-system-proxy .settings-system-proxy-auth-checkbox {
    display: flex;
    margin-bottom: 20px; }

.settings-custom-proxy .settings-global-proxy-desc {
  margin-top: var(--spacing-xs); }

.settings-custom-proxy .settings-global-proxy-desc > span {
  display: inline-block; }

.settings-custom-proxy .settings-global-proxy .item-title {
  margin: var(--spacing-l) 0px; }

.settings-custom-proxy .settings-global-proxy .learn-more-button {
  margin-top: var(--spacing-s); }

.settings-custom-proxy .settings-global-proxy .settings-global-proxy-group {
  padding-top: var(--spacing-s); }
  .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group > .settings-global-proxy-group-row {
    margin-bottom: var(--spacing-l); }
  .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row {
    display: flex;
    align-items: center; }
    .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-label {
      width: 100px; }
    .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values {
      display: flex;
      flex: 1;
      align-items: center; }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .row-value {
        display: flex;
        margin-right: var(--spacing-xl); }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-server-host {
        flex: 1; }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-server-port {
        flex: 1; }
        .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-server-port input {
          flex: 0;
          min-width: 100px;
          text-align: center; }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-password-input {
        width: 100%;
        max-width: 280px; }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-bypass-list {
        min-width: 405px; }
        .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row .row-values .proxy-bypass-list::placeholder {
          color: var(--content-color-tertiary); }
    .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row.proxy-username input, .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row.proxy-password input {
      max-width: 280px; }
    .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row.proxy-authenticate .row-label {
      display: flex;
      align-items: center; }
      .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group .settings-global-proxy-group-row.proxy-authenticate .row-label .info-button {
        margin-left: var(--spacing-xs); }
  .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group.disabled {
    opacity: 0.4; }
  .settings-custom-proxy .settings-global-proxy .settings-global-proxy-group.secondary {
    padding-top: 0px; }

.settings-custom-proxy .settings-global-proxy .settings-global-use-system-proxy {
  display: flex;
  margin-top: var(--spacing-l); }

.settings-custom-proxy .settings-global-proxy .proxy-environment-variables {
  display: flex;
  margin-top: var(--spacing-s);
  margin-left: var(--spacing-l); }
  .settings-custom-proxy .settings-global-proxy .proxy-environment-variables.disabled {
    opacity: 0.4; }

.settings-custom-proxy .settings-global-proxy .settings-custom-proxy-conf {
  margin-top: var(--spacing-l);
  display: flex; }

.settings-custom-proxy .settings-global-proxy .settings-global-proxy-config {
  margin-left: var(--spacing-l); }

.settings-custom-proxy .settings-system-proxy-group {
  padding-top: 0px; }
  .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row {
    display: flex;
    align-items: center;
    padding: 5px 0; }
    .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row .row-label {
      width: 100px; }
    .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row .row-values {
      display: flex;
      flex: 1;
      align-items: center; }
      .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row .row-values .row-value {
        display: flex;
        margin-right: 30px; }
        .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row .row-values .row-value span {
          margin-right: 10px; }
      .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row .row-values .proxy-password-input {
        width: 100%;
        max-width: 280px; }
    .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row.proxy-username input, .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row.proxy-password input {
      max-width: 280px; }
    .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row.proxy-authenticate .row-label {
      display: flex;
      align-items: center; }
      .settings-custom-proxy .settings-system-proxy-group .settings-system-proxy-group-row.proxy-authenticate .row-label .info-button {
        margin-left: 5px; }

.settings-dev-options-header {
  color: var(--content-color-primary); }

.settings-dev-options-wrapper .settings-dev-options-header-help-text {
  padding: var(--spacing-zero);
  font-size: var(--text-size-s);
  color: var(--content-color-secondary); }

.settings-dev-options-wrapper .settings-dev-options-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: var(--spacing-l); }
  .settings-dev-options-wrapper .settings-dev-options-list .settings-dev-options-active-menu-item {
    display: inline-block; }

.settings-dev-options-wrapper .settings-dev-options-list-item {
  display: flex;
  flex-direction: row;
  padding: var(--spacing-xs) var(--spacing-zero);
  min-height: var(--size-m);
  align-items: center; }
  .settings-dev-options-wrapper .settings-dev-options-list-item .settings-dev-options-list-item-label {
    flex: 2;
    padding: var(--spacing-xs) var(--spacing-zero);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .settings-dev-options-wrapper .settings-dev-options-list-item .settings-dev-options-list-item-help-text {
    padding: var(--spacing-zero);
    font-size: var(--text-size-s);
    color: var(--content-color-secondary); }
  .settings-dev-options-wrapper .settings-dev-options-list-item .settings-dev-options-list-item-value {
    padding-left: var(--spacing-l);
    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
    flex-direction: column; }
    .settings-dev-options-wrapper .settings-dev-options-list-item .settings-dev-options-list-item-value .settings-dev-select-menu {
      width: 200px; }
    .settings-dev-options-wrapper .settings-dev-options-list-item .settings-dev-options-list-item-value .settings-dev-submit-button {
      height: var(--controls-size-default);
      width: 200px;
      margin-top: var(--spacing-m); }

.settings-dev-options-wrapper .dropdown {
  width: 100%;
  height: 30px; }
  .settings-dev-options-wrapper .dropdown .dropdown-button {
    display: flex; }
    .settings-dev-options-wrapper .dropdown .dropdown-button .btn {
      flex: 1;
      height: 30px;
      justify-content: space-between; }

.user-dropdown {
  max-width: 110px; }
  .user-dropdown .dropdown-button .btn {
    display: flex; }
    .user-dropdown .dropdown-button .btn > span:first-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.user-welcome-modal .modal-content {
  display: flex;
  padding: 0;
  height: 570px;
  overflow-y: initial; }

.user-welcome-modal .user-welcome-modal--dismiss-icon {
  position: absolute;
  right: 10px;
  top: 14px;
  cursor: pointer; }

.user-welcome-modal .user-welcome__left-section {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  padding: 10px 32px;
  box-sizing: border-box;
  background-color: var(--background-color-secondary);
  border-right: 1px solid var(--border-color-default);
  max-height: 100%; }
  .user-welcome-modal .user-welcome__left-section .section-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 4; }
  .user-welcome-modal .user-welcome__left-section .section-subtext {
    font-size: 14px;
    line-height: 1.7;
    flex: 1; }
    .user-welcome-modal .user-welcome__left-section .section-subtext.intro-text {
      flex: 0 0 150px; }
    .user-welcome-modal .user-welcome__left-section .section-subtext .section-subtext__info {
      color: var(--base-color-warning); }
    .user-welcome-modal .user-welcome__left-section .section-subtext .section-subtext__text .btn {
      color: inherit;
      font-size: 14px;
      text-decoration: underline;
      padding: 0; }
    .user-welcome-modal .user-welcome__left-section .section-subtext .section-subtext__text.links-label {
      font-size: 12px; }
    .user-welcome-modal .user-welcome__left-section .section-subtext .help-link {
      font-size: 16px;
      padding: 20px 0; }
  .user-welcome-modal .user-welcome__left-section .section-action {
    font-size: 14px; }
    .user-welcome-modal .user-welcome__left-section .section-action .section-action__action {
      font-weight: 300; }

.user-welcome-modal .user-welcome__right-section {
  display: flex;
  min-width: 560px;
  padding: 10px 32px;
  box-sizing: border-box;
  background-color: var(--background-color-primary);
  overflow-y: auto;
  flex-direction: column; }
  .user-welcome-modal .user-welcome__right-section .tabs {
    border-bottom: 1px solid var(--border-color-default);
    margin: 0 -32px 20px;
    flex: 0 0 35px; }
  .user-welcome-modal .user-welcome__right-section .section__cards {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .user-welcome-modal .user-welcome__right-section .section__cards .section__card {
      display: flex;
      min-height: 80px;
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default);
      margin: 8px 0;
      box-sizing: border-box;
      align-items: center; }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card:first-child {
        margin-top: 0; }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card:last-child {
        margin-bottom: 20px; }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card .section__card__illustration-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 96px;
        height: 100%; }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card .section__card__text {
        padding: 24px;
        max-width: 350px; }
        .user-welcome-modal .user-welcome__right-section .section__cards .section__card .section__card__text .btn-text {
          padding: 0; }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card.section__card--collections .section__card__illustration {
        display: block;
        width: 48px;
        height: 39px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card.section__card--sharing .section__card__illustration {
        display: block;
        width: 64px;
        height: 31px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card.section__card--docs .section__card__illustration {
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card.section__card--monitors .section__card__illustration {
        display: block;
        width: 72px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
      .user-welcome-modal .user-welcome__right-section .section__cards .section__card.section__card--mocks .section__card__illustration {
        display: block;
        width: 46px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
  .user-welcome-modal .user-welcome__right-section .activity-feed-list {
    overflow: auto;
    padding-left: 15px; }
    .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item {
      position: relative;
      display: flex;
      align-items: center;
      padding: 10px;
      justify-content: space-between;
      margin: 10px 0;
      border-radius: var(--border-radius-default); }
      .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item:hover, .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item.is-hovered {
        background-color: var(--background-color-tertiary); }
      .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item:before {
        content: ' ';
        position: absolute;
        top: 15px;
        width: 10px;
        left: -12px;
        height: 10px;
        background-color: var(--border-color-default);
        border-radius: 50%; }
    .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item--name {
      font-weight: 600; }
    .user-welcome-modal .user-welcome__right-section .activity-feed-list .activity-feed-list-item--date {
      opacity: 0.4; }
    .user-welcome-modal .user-welcome__right-section .activity-feed-list .timeline {
      position: relative; }
      .user-welcome-modal .user-welcome__right-section .activity-feed-list .timeline:before {
        content: ' ';
        position: absolute;
        top: 20px;
        bottom: 40px;
        left: -8px;
        width: 2px;
        background-color: var(--border-color-default); }

.import-modal {
  height: 68vh; }
  .import-modal .import-modal-header {
    flex-grow: 0; }
  .import-modal .import-modal-content {
    display: flex;
    flex: 1;
    font-size: var(--text-size-m); }
    .import-modal .import-modal-content .import-container {
      display: flex;
      flex-direction: column;
      flex: 1;
      flex-shrink: 0; }
      .import-modal .import-modal-content .import-container .import-input-tabs-container {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        flex-grow: 1; }
    .import-modal .import-modal-content .import-loading-indicator {
      margin: auto; }
  .import-modal .import-modal-footer {
    border-top: 1px solid var(--border-color-default);
    flex-direction: row-reverse; }
    .import-modal .import-modal-footer .btn {
      margin-left: var(--spacing-m);
      margin-top: var(--spacing-xl); }

.is-hidden {
  display: none; }

.import-tabs-header--file, .import-tabs-header--folder, .import-tabs-header--text, .import-tabs-header--link, .import-tabs-header--code-repository, .import-tabs-header--api-gateway {
  color: var(--content-color-secondary); }
  .import-tabs-header--file .tab-text-wrapper, .import-tabs-header--folder .tab-text-wrapper, .import-tabs-header--text .tab-text-wrapper, .import-tabs-header--link .tab-text-wrapper, .import-tabs-header--code-repository .tab-text-wrapper, .import-tabs-header--api-gateway .tab-text-wrapper {
    margin: 0 var(--spacing-l) 0 0; }

.import-tab-contents {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .import-tab-contents .import-tab-content {
    padding: var(--spacing-l) var(--spacing-zero) var(--spacing-zero);
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
    .import-tab-contents .import-tab-content.is-hidden {
      display: none; }
    .import-tab-contents .import-tab-content .import-by-file-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      .import-tab-contents .import-tab-content .import-by-file-container .import-by-file-text {
        color: var(--content-color-secondary);
        padding-top: var(--spacing-m);
        padding-left: var(--spacing-xs); }
        .import-tab-contents .import-tab-content .import-by-file-container .import-by-file-text-link {
          color: var(--content-color-link); }
      .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container {
        display: flex;
        flex-direction: column;
        flex-grow: 1; }
        .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone {
          display: flex;
          flex-grow: 1;
          border: 2px dashed var(--border-color-strong); }
          .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone-text {
            font-size: var(--text-size-l);
            font-weight: var(--text-weight-medium);
            color: var(--content-color-tertiary);
            padding-bottom: var(--spacing-l); }
            .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone-text__OR {
              font-size: var(--text-size-s);
              font-weight: var(--text-weight-medium);
              color: var(--content-color-tertiary);
              margin: var(--spacing-l) var(--spacing-zero); }
          .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone-formats {
            display: flex; }
          .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone-format {
            padding: var(--spacing-s);
            margin: var(--spacing-zero) var(--spacing-s);
            font-weight: var(--text-weight-medium);
            border: dashed var(--border-width-default) var(--border-color-default);
            color: var(--content-color-tertiary);
            display: flex; }
          .import-tab-contents .import-tab-content .import-by-file-container .drop-files-dropzone-container .drop-files-dropzone .btn {
            color: var(--content-color-secondary);
            font-weight: var(--text-weight-medium); }
    .import-tab-contents .import-tab-content .import-by-folder-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      .import-tab-contents .import-tab-content .import-by-folder-container .drop-files-dropzone-container {
        display: flex;
        flex-direction: column;
        flex-grow: 1; }
        .import-tab-contents .import-tab-content .import-by-folder-container .drop-files-dropzone-container .drop-files-dropzone {
          border: 2px dashed var(--border-color-strong);
          display: flex;
          flex-grow: 1; }
          .import-tab-contents .import-tab-content .import-by-folder-container .drop-files-dropzone-container .drop-files-dropzone-text {
            font-size: var(--text-size-l);
            font-weight: var(--text-weight-medium);
            color: var(--content-color-tertiary);
            padding-bottom: var(--spacing-zero); }
            .import-tab-contents .import-tab-content .import-by-folder-container .drop-files-dropzone-container .drop-files-dropzone-text__OR {
              font-size: var(--text-size-s);
              font-weight: var(--text-weight-medium);
              color: var(--content-color-tertiary);
              margin: var(--spacing-l) var(--spacing-zero); }
          .import-tab-contents .import-tab-content .import-by-folder-container .drop-files-dropzone-container .drop-files-dropzone .btn {
            color: var(--content-color-secondary);
            font-weight: var(--text-weight-medium); }
    .import-tab-contents .import-tab-content .import-by-url-container .import-by-url-label {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-s);
      color: var(--content-color-primary); }
    .import-tab-contents .import-tab-content .import-by-url-container .import-by-url-input {
      margin: var(--spacing-m) var(--spacing-zero); }
    .import-tab-contents .import-tab-content .import-by-text-container .import-by-raw-text-label {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-s);
      color: var(--content-color-primary); }
    .import-tab-contents .import-tab-content .import-by-text-container .import-by-raw-text-input {
      margin: var(--spacing-m) 0 0 0;
      border: 2px dashed var(--border-color-strong); }

.import-container__offline-banner {
  display: flex;
  align-items: center;
  background-color: var(--background-color-warning);
  padding: var(--spacing-l);
  margin-bottom: var(--spacing-l); }
  .import-container__offline-banner .import-container__offline-banner__icon use {
    fill: var(--content-color-warning); }
  .import-container__offline-banner .import-container__offline-banner__icon svg > path[fill] {
    fill: var(--content-color-warning); }
  .import-container__offline-banner .import-container__offline-banner__message {
    margin-left: var(--spacing-l);
    color: var(--content-color-warning); }

.import-files-options-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-shrink: 0; }
  .import-files-options-container .import-files-options-header {
    display: flex;
    flex-direction: column; }
    .import-files-options-container .import-files-options-header__content {
      display: flex;
      flex-direction: row; }
      .import-files-options-container .import-files-options-header__content-title {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        color: var(--content-color-primary);
        margin-bottom: var(--spacing-m);
        margin-right: var(--spacing-s); }
      .import-files-options-container .import-files-options-header__content-selected-files {
        font-size: var(--text-size-m);
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-m);
        margin-left: var(--spacing-s); }
  .import-files-options-container .import-files-options {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-shrink: 0;
    height: 100% .import-files-options-container .import-files-options -warning;
      height-margin-top: var(--spacing-xs); }
    .import-files-options-container .import-files-options .import-file-list-combined {
      max-height: 20vh;
      overflow-y: auto; }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor {
      display: flex;
      flex-direction: column;
      overflow-y: auto; }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__header {
        padding-left: var(--spacing-zero);
        flex: 0 0 30px; }
        .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__header__cell {
          font-size: var(--text-size-s);
          font-weight: var(--text-weight-medium);
          padding-left: var(--spacing-m); }
          .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__header__cell__title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--content-color-secondary); }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .dropdown {
        margin: var(--spacing-zero) 5px; }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .dropdown-button .btn {
        background-color: transparent;
        padding: var(--spacing-zero);
        color: var(--content-color-primary); }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row:last-child {
        display: none; }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row:nth-last-child(2) {
        border-bottom: var(--border-width-default) solid var(--border-color-default); }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .data-editor__custom-row.is-focused .data-editor__cells .data-editor__cell:last-child, .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .data-editor__custom-row:hover .data-editor__cells .data-editor__cell:last-child {
        padding-right: var(--spacing-zero); }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .data-editor__custom-row .data-editor__cell {
        align-items: center;
        justify-content: flex-start;
        padding-left: var(--spacing-s); }
        .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__row .data-editor__custom-row .data-editor__cell__content .auto-suggest {
          color: var(--content-color-primary); }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-enabled-cell, .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-name-cell, .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-format-cell {
      width: 100%;
      display: flex;
      padding: var(--spacing-xs);
      justify-content: flex-start;
      align-items: center;
      color: var(--content-color-primary);
      white-space: pre; }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__custom-row.is-disabled .import-file-list__column-enabled-cell, .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__custom-row.is-disabled .import-file-list__column-name-cell, .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__custom-row.is-disabled .import-file-list__column-format-cell, .import-files-options-container .import-files-options .import-file-list-container .import-file-list .data-editor__custom-row.is-disabled .import-file-list__import-as-format {
      color: var(--content-color-tertiary); }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-enabled-cell {
      justify-content: center; }
      .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-enabled-cell .is-selected {
        background-color: var(--base-color-brand); }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-name-cell-content {
      text-overflow: ellipsis;
      overflow: hidden; }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-name-cell-folder-icon .btn {
      cursor: default; }
    .import-files-options-container .import-files-options .import-file-list-container .import-file-list__column-format-cell-content {
      text-overflow: ellipsis;
      overflow: hidden; }
    .import-files-options-container .import-files-options .import-select-workspace-container {
      margin-top: var(--spacing-xxl); }
      .import-files-options-container .import-files-options .import-select-workspace-container .import-select-workspace-dropdown-header {
        font-weight: var(--text-weight-medium);
        color: var(--content-color-primary); }
      .import-files-options-container .import-files-options .import-select-workspace-container .import-select-workspace-dropdown {
        display: flex;
        margin-top: var(--spacing-s); }
        .import-files-options-container .import-files-options .import-select-workspace-container .import-select-workspace-dropdown .import-select-workspace-dropdown-button {
          flex: 0 0 300px; }
          .import-files-options-container .import-files-options .import-select-workspace-container .import-select-workspace-dropdown .import-select-workspace-dropdown-button .btn {
            width: 100%;
            justify-content: space-between; }
    .import-files-options-container .import-files-options .import-generate-collection-container {
      margin-top: var(--spacing-xxl); }
      .import-files-options-container .import-files-options .import-generate-collection-container .import-generate-collection-checkbox {
        display: flex;
        align-items: center;
        margin-bottom: var(--spacing-s); }
        .import-files-options-container .import-files-options .import-generate-collection-container .import-generate-collection-checkbox .input-checkbox.is-selected {
          background-color: var(--base-color-brand); }
        .import-files-options-container .import-files-options .import-generate-collection-container .import-generate-collection-checkbox .import-generate-collection-checkbox-label {
          margin-left: 10px;
          font-weight: var(--text-weight-medium);
          color: var(--content-color-primary); }
      .import-files-options-container .import-files-options .import-generate-collection-container .import-select-api-element-dropdown-header {
        margin-left: 28px;
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-s); }
        .import-files-options-container .import-files-options .import-generate-collection-container .import-select-api-element-dropdown-header.is-disabled {
          color: var(--content-color-tertiary);
          opacity: 0.6; }
      .import-files-options-container .import-files-options .import-generate-collection-container .import-select-api-element-dropdown {
        margin-left: 28px;
        margin-bottom: 10px;
        width: 272px; }
    .import-files-options-container .import-files-options .import-options-container {
      margin-left: 28px; }
      .import-files-options-container .import-files-options .import-options-container.generation-disabled {
        margin-top: var(--spacing-l);
        margin-left: 0; }
      .import-files-options-container .import-files-options .import-options-container .import-options-header {
        display: flex;
        align-items: center;
        margin: var(--spacing-s) var(--spacing-zero);
        color: var(--content-color-primary);
        cursor: pointer; }
        .import-files-options-container .import-files-options .import-options-container .import-options-header .toggle-button-icon {
          margin-right: 6px; }
        .import-files-options-container .import-files-options .import-options-container .import-options-header.is-disabled {
          color: var(--content-color-tertiary);
          opacity: 0.6; }
          .import-files-options-container .import-files-options .import-options-container .import-options-header.is-disabled .toggle-button-icon use {
            fill: var(--content-color-tertiary); }
          .import-files-options-container .import-files-options .import-options-container .import-options-header.is-disabled .toggle-button-icon svg > path[fill] {
            fill: var(--content-color-tertiary); }
      .import-files-options-container .import-files-options .import-options-container .import-options-content-wrapper {
        margin-left: var(--spacing-xs);
        margin-top: var(--spacing-l); }
        .import-files-options-container .import-files-options .import-options-container .import-options-content-wrapper .import-options-content {
          margin-bottom: var(--spacing-xxl); }
          .import-files-options-container .import-files-options .import-options-container .import-options-content-wrapper .import-options-content .import-options-content-header {
            font-weight: var(--text-weight-medium);
            font-size: var(--text-size-s);
            margin-bottom: var(--spacing-s);
            color: var(--content-color-primary); }
          .import-files-options-container .import-files-options .import-options-container .import-options-content-wrapper .import-options-content .options-wrapper {
            padding: 10px;
            border: 1px solid var(--border-color-default); }

.import-file-list__import-as-format {
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  margin: var(--spacing-zero) 5px; }
  .import-file-list__import-as-format--disabled-api-text {
    text-decoration: line-through;
    color: var(--content-color-secondary); }

.import-files-options-container .import-files-banner {
  padding: var(--spacing-l);
  background-color: var(--background-color-error);
  border-radius: var(--border-radius-default);
  margin-bottom: var(--spacing-m); }
  .import-files-options-container .import-files-banner .error {
    display: flex; }
    .import-files-options-container .import-files-banner .error__content-right {
      margin-left: var(--spacing-s);
      flex: 1; }
    .import-files-options-container .import-files-banner .error__message {
      margin-top: var(--spacing-xs); }

.import-files-configurations-values {
  width: 100px; }

.cookies-management-container {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  margin-top: 20px; }

.interceptor-bootcamp-lesson-banner {
  position: relative;
  padding: 0px 8px;
  background-color: var(--background-color-secondary);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px; }
  .interceptor-bootcamp-lesson-banner-description {
    font-size: 12px;
    line-height: 20px;
    text-align: center; }
  .interceptor-bootcamp-lesson-banner-button {
    height: 24px;
    font-weight: 600;
    line-height: 20px; }
  .interceptor-bootcamp-lesson-banner--dismiss {
    margin-left: var(--spacing-xs);
    flex-shrink: 0;
    cursor: pointer; }

.cookies-management-domain-list-empty {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: var(--text-weight-medium);
  font-size: 16px;
  line-height: 28px; }
  .cookies-management-domain-list-empty .cookies-management-interceptor-lesson {
    display: flex;
    flex-direction: column; }
  .cookies-management-domain-list-empty .cookies-management-interceptor-lesson__text {
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 36px;
    font-size: 14px;
    line-height: 24px; }

.cookies-management-banner-domain-list-wrapper {
  flex: 1; }

.cookies-management-domain-list-wrapper {
  flex: 1;
  height: 460px;
  overflow-y: auto;
  border-radius: var(--border-radius-default); }

.cookies-management-domain-list-item {
  min-height: 30px;
  align-items: center;
  border-bottom: 1px solid var(--border-color-strong);
  cursor: pointer; }
  .cookies-management-domain-list-item .cookies-management-domain-list-item__header {
    display: flex;
    padding: 5px 10px;
    align-items: center; }
    .cookies-management-domain-list-item .cookies-management-domain-list-item__header .cookies-management-domain-list-item__header__actions {
      visibility: hidden; }
    .cookies-management-domain-list-item .cookies-management-domain-list-item__header .cookies-management-domain-list-item__header__action-delete {
      margin-right: 10px; }
    .cookies-management-domain-list-item .cookies-management-domain-list-item__header .cookies-management-domain-list-item__header__name {
      color: var(--content-color-primary);
      margin: 7px 0; }
    .cookies-management-domain-list-item .cookies-management-domain-list-item__header .cookies-management-domain-list-item__header__cookie-count {
      padding-left: 10px;
      color: var(--content-color-secondary);
      flex: 1; }
  .cookies-management-domain-list-item:hover .cookies-management-domain-list-item__header, .cookies-management-domain-list-item.is-hovered .cookies-management-domain-list-item__header {
    background-color: var(--highlight-background-color-primary); }
  .cookies-management-domain-list-item:hover .cookies-management-domain-list-item__header__actions, .cookies-management-domain-list-item.is-hovered .cookies-management-domain-list-item__header__actions {
    visibility: visible; }
  .cookies-management-domain-list-item.is-selected {
    color: var(--content-color-primary);
    background-color: var(--highlight-background-color-primary); }
    .cookies-management-domain-list-item.is-selected:hover .cookies-management-domain-list-item__header, .cookies-management-domain-list-item.is-selected.is-hovered .cookies-management-domain-list-item__header {
      background-color: var(--highlight-background-color-secondary); }

.cookies-management-cookies-list-wrapper {
  overflow-y: auto;
  font-size: 10px;
  padding-left: 10px;
  margin-top: 10px; }

.cookies-management-cookies-empty-list {
  padding: 10px;
  text-align: center; }

.cookies-management-cookies-list-item {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  padding: 5px 5px 5px 10px;
  border-radius: var(--border-radius-default);
  margin-right: 10px;
  margin-bottom: 10px;
  color: var(--content-color-secondary);
  background-color: var(--background-color-primary);
  cursor: pointer;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .cookies-management-cookies-list-item .cookies-management-cookies-list-item__name {
    color: var(--content-color-secondary); }
  .cookies-management-cookies-list-item .cookies-management-cookies-list-item__remove {
    padding: 5px 5px;
    margin-left: 10px;
    cursor: pointer; }
    .cookies-management-cookies-list-item .cookies-management-cookies-list-item__remove:hover .cookies-management-cookies-list-item__remove-icon use, .cookies-management-cookies-list-item .cookies-management-cookies-list-item__remove.is-hovered .cookies-management-cookies-list-item__remove-icon use {
      fill: var(--base-color-brand); }
    .cookies-management-cookies-list-item .cookies-management-cookies-list-item__remove:hover .cookies-management-cookies-list-item__remove-icon svg > path[fill], .cookies-management-cookies-list-item .cookies-management-cookies-list-item__remove.is-hovered .cookies-management-cookies-list-item__remove-icon svg > path[fill] {
      fill: var(--base-color-brand); }
  .cookies-management-cookies-list-item.is-selected {
    background-color: var(--highlight-background-color-secondary); }
    .cookies-management-cookies-list-item.is-selected .cookies-management-cookies-list-item__name {
      color: var(--content-color-primary); }
    .cookies-management-cookies-list-item.is-selected:hover, .cookies-management-cookies-list-item.is-selected.is-hovered {
      background-color: var(--highlight-background-color-secondary); }
  .cookies-management-cookies-list-item:hover, .cookies-management-cookies-list-item.is-hovered {
    background-color: var(--highlight-background-color-primary); }

.cookies-management-cookie-preview-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1; }

.cookies-management-cookie-domain-preview-interceptor-lesson {
  height: 32px; }

.cookies-management-cookie-preview {
  flex: 2;
  margin-left: 20px; }

.cookies-management-cookie-actions-container {
  display: flex;
  flex-direction: row; }

.cookies-management-cookie-domain-actions {
  display: flex;
  flex: 1;
  justify-content: flex-end; }

.cookies-management-cookie-actions {
  display: flex;
  flex: 2;
  margin-left: 20px;
  justify-content: flex-end; }

.cookies-management-cookie-action-button {
  margin-left: 10px;
  height: 32px; }

.cookies-management-cookie-editor-wrapper {
  margin: 0 10px; }
  .cookies-management-cookie-editor-wrapper .cookies-management-cookie-editor {
    margin: 10px 0;
    border: 1px solid var(--border-color-strong);
    border-radius: var(--border-radius-default);
    height: 100px; }
  .cookies-management-cookie-editor-wrapper .cookies-management-cookie-editor__actions {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .cookies-management-cookie-editor-wrapper .cookies-management-cookie-editor__actions .cookies-management-cookie-editor__action {
      margin-left: 10px; }

.cookie-management-container-domain-whitelist__back {
  cursor: pointer;
  display: flex;
  flex-direction: row; }
  .cookie-management-container-domain-whitelist__back .cookie-management-container-domain-whitelist__back__text {
    font-size: 12px;
    font-weight: 600;
    color: var(--content-color-brand);
    margin-left: 8px; }
  .cookie-management-container-domain-whitelist__back .cookie-management-container-domain-whitelist__back__icon {
    display: flex;
    align-items: center; }

.cookies-management-domain-whitelist-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 530px;
  margin: 0 20px; }
  .cookies-management-domain-whitelist-container .cookies-management-domain-whitelist-container__add-domain {
    display: flex;
    flex-direction: row;
    margin-top: 25px; }
    .cookies-management-domain-whitelist-container .cookies-management-domain-whitelist-container__add-domain .cookies-management-domain-whitelist-container__input {
      height: 35px; }
    .cookies-management-domain-whitelist-container .cookies-management-domain-whitelist-container__add-domain .cookies-management-domain-whitelist-container__add-button {
      height: 35px;
      max-width: 60px;
      min-width: 60px;
      margin-left: 10px;
      color: var(--content-color-primary); }
  .cookies-management-domain-whitelist-container .cookies-management-domain-whitelist-list__empty {
    color: var(--content-color-tertiary);
    margin-top: 25px;
    user-select: none; }

.cookies-management-domain-whitelist-list {
  margin-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 350px; }

.cookies-management-domain-whitelist-list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 32px;
  padding: 0 10px;
  align-items: center;
  user-select: none; }
  .cookies-management-domain-whitelist-list-item:hover {
    background-color: var(--background-color-secondary); }
  .cookies-management-domain-whitelist-list-item .cookies-management-domain-whitelist-list-item__name {
    color: var(--content-color-primary);
    overflow: hidden;
    text-overflow: ellipsis; }
  .cookies-management-domain-whitelist-list-item .cookies-management-domain-whitelist-list-item__action {
    display: flex;
    cursor: pointer; }

.cookies-management-cookies__actions--add {
  margin: 0 0 10px 0; }

.cookie-management-container__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-xl); }
  .cookie-management-container__footer .pm-link {
    text-decoration: underline;
    color: var(--content-color-secondary); }
  .cookie-management-container__footer .learn-more__section {
    color: var(--content-color-secondary);
    padding: var(--spacing-s) 10px;
    float: right;
    display: inline-flex;
    align-items: center;
    font-size: calc(var(--size-xs) - 3); }

.cookies-management-modal-content-wrapper {
  margin-bottom: var(--spacing-s); }
  .cookies-management-modal-content-wrapper .cookies-management-modal-content {
    height: 620px; }
    .cookies-management-modal-content-wrapper .cookies-management-modal-content .cookies-unavailable {
      display: flex;
      align-items: center;
      justify-content: center; }
      .cookies-management-modal-content-wrapper .cookies-management-modal-content .cookies-unavailable .cookies-unavailable__icon {
        display: block;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
      .cookies-management-modal-content-wrapper .cookies-management-modal-content .cookies-unavailable .cookies-unavailable__message {
        white-space: pre-line;
        width: 416px; }

.cookie-jar-modal-tabs {
  padding: var(--spacing-zero);
  margin-top: calc(-1 * var(--spacing-xs)); }

.cookie-jar-add-domain-button-container {
  width: calc(var(--size-s) * 4); }

.cookies-management-modal {
  margin-bottom: var(--spacing-m); }

.cookie-jar-capture-cookies-section .cookie-jar-capture-cookies-section_tabs {
  padding-right: var(--spacing-zero);
  padding-left: var(--spacing-zero);
  padding-bottom: var(--spacing-zero);
  padding-top: var(--spacing-m); }

.cookie-jar-capture-cookies-button {
  width: calc((var(--controls-size-small) * 4) + 8); }

.cookie-jar-domain-list-item {
  align-items: center;
  font-size: calc(var(--size-xs) - 4);
  padding: var(--spacing-xs) var(--spacing-s);
  background-color: var(--background-color-tertiary);
  border-radius: calc(var(--size-xs) / 4);
  margin-bottom: var(--spacing-xs); }

.cookie-jar-domain-list-item-close-icon {
  padding-top: var(--spacing-xs);
  cursor: pointer; }

.proxy-settings-content {
  padding: 20px;
  font-size: 12px;
  overflow: auto; }

.proxy-settings-connection-wrapper {
  padding: 0px; }

.proxy-settings-toggle-switch-container {
  padding: 8px 20px 0px 20px;
  font-size: 12px; }

.proxy-capture-requests-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px; }

.proxy-settings-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px; }

.proxy-settings-save-filters {
  padding-bottom: 16px; }

.proxy-modal .modal-content {
  overflow: auto; }

.proxy-settings-connection-group {
  display: flex;
  flex-direction: column;
  padding-top: 20px; }

.proxy-settings-connection-input {
  flex: 1; }

.proxy-settings-connection-label {
  flex: 0 0 32px; }

.proxy-settings-connection-target-action-label {
  flex: 1;
  margin-right: 0; }

.proxy-settings-filters-container {
  padding-bottom: 16px; }

.proxy-settings-filters-group {
  display: flex;
  flex-direction: column;
  padding-top: 16px; }

.proxy-settings-filters-label {
  font-style: normal;
  font-weight: 600;
  flex: 0 0 32px;
  padding-right: 20px; }

.proxy-settings-filters-input {
  flex: 1; }

.proxy-settings-filters-input-help {
  color: var(--content-color-secondary);
  padding-top: 4px; }

.proxy-settings-filters-wrapper {
  overflow: auto; }

.proxy-settings-show-filters {
  margin-top: 16px;
  max-height: 100px; }
  .proxy-settings-show-filters .show-filters-btn {
    margin: 0px;
    padding: 0px; }

.proxy-show-filters-btn {
  margin-top: 16px;
  padding: 0px; }

.update-checking .update-checking__progress {
  margin: 20px 0; }

.update-available .update-available__version {
  font-weight: 600; }

.update-available .update-available__loading-container {
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%; }

.update-available .update-available__notes-loader {
  flex: 1;
  text-align: center; }

.update-not-available .update-not-available__message {
  display: flex;
  align-items: center; }
  .update-not-available .update-not-available__message .postman-logo {
    height: 100px;
    width: 100px;
    flex: 0 0 100px;
    background-image: url(data:image/svg+xml;base64, );
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px; }

.update-not-available .update-not-available__button {
  margin-top: 10px; }

.update-downloading .update-downloading__progress {
  margin: 20px 0; }

.beta-update {
  margin-top: 20px; }
  .beta-update .beta-update__heading {
    font-size: 14px;
    font-weight: 600; }
  .beta-update .beta-update__button {
    margin-top: 10px; }

.update-idle .update-idle__button {
  margin-top: 10px; }

.prscript-error-container {
  padding: var(--spacing-s);
  margin: var(--spacing-s);
  background-color: var(--background-color-error);
  border-radius: var(--border-radius-default);
  text-align: center; }

.notification-container {
  position: relative;
  display: inline-block; }

.notification-feed {
  position: absolute;
  top: 100%;
  right: 0; }
  .notification-feed.is-hidden {
    display: none; }
  .notification-feed .notification-panel-list-error-item__text {
    color: var(--content-color-secondary);
    text-align: center;
    padding: var(--spacing-xl) 0; }
  .notification-feed .notification-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .notification-feed .notification-panel-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: var(--text-size-m); }
    .notification-feed .notification-panel-list .notification-panel-list-item {
      display: flex;
      height: auto;
      box-sizing: border-box;
      flex-direction: column;
      justify-content: center; }
      .notification-feed .notification-panel-list .notification-panel-list-item .notification-panel-list-item__body {
        display: flex;
        align-items: center; }
        .notification-feed .notification-panel-list .notification-panel-list-item .notification-panel-list-item__body .notification-panel-list-item__content {
          flex: 1;
          overflow: hidden; }
    .notification-feed .notification-panel-list .loading-indicator-wrapper {
      display: flex;
      justify-content: center; }
    .notification-feed .notification-panel-list .notification-panel-list-error-item__text {
      color: var(--content-color-secondary);
      text-align: center;
      padding: var(--spacing-xl) 0; }

.notification-container {
  border-radius: var(--border-radius-default); }

.notifications-button-icon--unread:after {
  content: '';
  background-color: var(--base-color-brand);
  position: absolute;
  border-radius: var(--border-radius-max);
  top: 4px;
  left: 22px;
  height: 7px;
  width: 7px; }

.notifications-button-icon-badge {
  background: var(--base-color-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 2px;
  top: -2px;
  width: 18px;
  height: 18px;
  font-weight: 400;
  font-size: 9px;
  border-radius: 50%; }

.notification-feed {
  background-color: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-shadow: var(--shadow-default);
  width: 406px;
  margin-top: 5px;
  border-radius: var(--border-radius-default);
  margin-bottom: 10px; }
  .notification-feed .loading-indicator-wrapper {
    padding: 20px; }
  .notification-feed .notification-panel {
    max-height: 440px;
    overflow-y: auto;
    overflow-x: hidden; }
  .notification-feed .notification-panel-header__actions {
    display: flex; }
  .notification-feed .notification-panel-header {
    padding: 10px;
    border-bottom: 1px solid var(--border-color-default); }
    .notification-feed .notification-panel-header .notification-panel-header__title {
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      color: var(--content-color-primary); }
    .notification-feed .notification-panel-header .notification-panel-header__mark-all-read {
      color: var(--content-color-link);
      font-size: 12px;
      margin-right: 8px;
      line-height: 20px;
      cursor: pointer; }
    .notification-feed .notification-panel-header .btn {
      font-size: 11px; }
  .notification-feed .notification-panel-list-empty-item {
    font-size: 12px;
    color: var(--content-color-primary);
    text-align: center; }
  .notification-feed .notification-panel-list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 340px; }
  .notification-feed .notification-panel-list-empty-text-primary {
    font-size: 12px;
    margin: 4px 0;
    font-weight: 600;
    line-height: 20px;
    color: var(--content-color-tertiary); }
  .notification-feed .notification-panel-list-empty-text-secondary {
    font-size: 12px;
    margin: 4px 0;
    color: var(--content-color-tertiary); }
  .notification-feed .btn {
    padding-left: 0; }
  .notification-feed .signin-btn {
    padding: 0;
    margin-right: 3px;
    min-width: initial; }
  .notification-feed .notification-panel-list {
    width: 100%;
    padding-bottom: var(--spacing-xl) 0;
    font-size: var(--text-size-m); }
  .notification-feed .notification-category-icon {
    width: 20px;
    height: 20px;
    background-color: var(--background-color-secondary);
    border-radius: 50%;
    display: flex;
    position: absolute;
    left: 24px;
    top: 20px;
    align-items: center;
    justify-content: center; }
    .notification-feed .notification-category-icon use {
      fill: var(--content-color-brand); }
    .notification-feed .notification-category-icon svg > path[fill] {
      fill: var(--content-color-brand); }
  .notification-feed .notification-action-button {
    font-weight: 600;
    margin-top: 8px;
    height: 32px;
    padding: 8px 12px; }
  .notification-feed .notification-status {
    display: flex;
    justify-content: center;
    align-self: baseline;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--background-color-brand);
    cursor: pointer; }
  .notification-feed .notification-status-unread {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    align-self: center;
    background-color: var(--base-color-brand);
    transform: matrix(-1, 0, 0, 1, 0, 0); }
  .notification-feed .notification-panel-list-item {
    border-bottom: 1px solid var(--border-color-default);
    font-size: 12px;
    padding: 10px; }
    .notification-feed .notification-panel-list-item.is-unread {
      background-color: var(--background-color-primary); }
    .notification-feed .notification-panel-list-item .notification-panel-list-item__body {
      color: var(--content-color-primary);
      line-height: 16px; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-panel-list-item__icon {
        align-self: flex-start;
        padding: 0 15px 0 5px;
        position: relative;
        min-width: 32px; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-item-custom-base {
        font-size: 11px;
        color: var(--content-color-secondary); }
        .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-item-custom-base p {
          display: block;
          margin: 0; }
        .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-item-custom-base a {
          color: var(--content-color-primary);
          text-decoration: none;
          word-break: break-word; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .markdown-notification-read strong {
        font-weight: 600;
        color: var(--content-color-secondary); }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .markdown-notification-read p {
        color: var(--content-color-secondary); }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .markdown-notification-unread strong {
        font-weight: var(--text-weight-regular);
        color: var(--content-color-primary); }
        .notification-feed .notification-panel-list-item .notification-panel-list-item__body .markdown-notification-unread strong:hover {
          color: var(--content-color-link);
          text-decoration: underline; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .markdown-notification-unread p {
        color: var(--content-color-secondary); }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-panel-list-item__content .notification-panel-list-item__content__text-markdown p {
        display: block;
        margin: 0; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-panel-list-item__content .notification-panel-list-item__content__text-markdown a {
        color: var(--content-color-primary);
        text-decoration: none;
        word-break: break-word; }
      .notification-feed .notification-panel-list-item .notification-panel-list-item__body .notification-panel-list-item__content__text {
        height: 32px;
        overflow: hidden; }
    .notification-feed .notification-panel-list-item .notification-panel-list-item__content__meta {
      color: var(--content-color-tertiary);
      font-size: 11px;
      margin: 4px 0; }
  .notification-feed .notification-panel-list-end {
    font-size: 12px;
    color: var(--content-color-primary);
    text-align: center;
    padding: 20px; }

.access-request-approval > .btn {
  padding: var(--spacing-s) 10px; }

.changelog-learn-more-header {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-bottom: var(--spacing-l); }
  .changelog-learn-more-header__left-container {
    display: flex;
    flex: 1;
    align-items: center; }
  .changelog-learn-more-header .changelog-learn-more-header__icon {
    margin: 10px; }
  .changelog-learn-more-header .changelog-learn-more-header__text {
    color: var(--content-color-link);
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center; }

.changelog-learn-more-header__refresh-container {
  margin-left: var(--spacing-xs); }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .changelog-learn-more-header__refresh-container.is-loading-new {
    cursor: default; }
    .changelog-learn-more-header__refresh-container.is-loading-new .changelog-learn-more-header__refresh-icon {
      -webkit-animation: rotating 1s linear infinite; }
  .changelog-learn-more-header__refresh-container.is-disabled {
    cursor: default;
    opacity: 0.3; }

.activity-feed-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto; }

.activity-feed {
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  padding-right: var(--spacing-s);
  padding-left: var(--spacing-s);
  color: var(--content-color-primary); }

.activity-feed-loader {
  height: auto;
  padding: 20px;
  text-align: center; }

.load-more-error-banner {
  font-size: 12px;
  color: var(--content-color-primary);
  background-color: var(--background-color-error); }

.activity-feed-initial-fetch-error-container {
  padding: 20px;
  text-align: center; }
  .activity-feed-initial-fetch-error-container .initial-fetch-error-title {
    font-weight: var(--text-weight-medium);
    margin-bottom: 12px; }
  .activity-feed-initial-fetch-error-container .initial-fetch-error-subtitle {
    line-height: 20px;
    margin-bottom: 24px; }
  .activity-feed-initial-fetch-error-container .activity-feed-retry__btn {
    height: 32px;
    width: 43%;
    font-weight: 600;
    background-color: var(--background-color-tertiary);
    color: var(--content-color-secondary); }
    .activity-feed-initial-fetch-error-container .activity-feed-retry__btn:hover {
      background-color: var(--highlight-background-color-tertiary);
      color: var(--content-color-primary); }
    .activity-feed-initial-fetch-error-container .activity-feed-retry__btn.is-disabled {
      opacity: 0.3;
      cursor: default; }

.activity-feed-load-more-error-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .activity-feed-load-more-error-container .load-more-error-info {
    display: flex;
    align-items: center; }
  .activity-feed-load-more-error-container .load-more-error-icon use {
    fill: var(--base-color-error); }
  .activity-feed-load-more-error-container .load-more-error-icon svg > path[fill] {
    fill: var(--base-color-error); }
  .activity-feed-load-more-error-container .load-more-error-subtitle {
    text-align: left;
    margin: 0 20px; }
  .activity-feed-load-more-error-container .activity-feed-retry__btn {
    background-color: initial;
    font-weight: 600;
    color: var(--base-color-error); }
    .activity-feed-load-more-error-container .activity-feed-retry__btn.is-disabled {
      opacity: 0.3;
      cursor: default; }

.activity-feed-date-group {
  padding-bottom: 10px;
  margin: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--content-color-secondary);
  margin-left: 0; }

.activity-feed-empty-container {
  padding: 30px 0;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--content-color-secondary);
  text-align: center; }
  .activity-feed-empty-container .activity-feed-empty-signin-link {
    color: var(--content-color-link);
    cursor: pointer; }

.activity-feed-context-bar__title {
  position: relative;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-xl);
  line-height: var(--line-height-xl);
  color: var(--content-color-primary); }

.activity-item-content {
  padding: 10px 0;
  width: 100%; }

.activity-feed-connect-line {
  position: relative;
  top: 20px;
  left: 26px;
  z-index: -1;
  border-left: 1px solid var(--border-color-default); }

.activity-item-header {
  display: flex;
  padding-bottom: 10px; }
  .activity-item-header .activity-item-head {
    flex: 1;
    margin-right: 20px; }
    .activity-item-header .activity-item-head > * {
      margin-bottom: 5px; }

.activity-item-body {
  padding: 10px;
  margin-left: 50px;
  border: 1px solid var(--border-color-strong); }

.activity-item-details-wrapper {
  padding: 0 10px; }

.activity-item-details {
  border-left: 2px solid var(--border-color-default);
  margin-left: 14px;
  padding-left: 24px; }

.activity-item__action {
  margin-left: 50px;
  color: var(--content-color-link);
  display: inline-block;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .activity-item__action-disabled {
    opacity: 0.5;
    pointer-events: none; }
  .activity-item__action .activity-item-remove-tag.is-disabled {
    opacity: 0.3;
    cursor: default; }
  .activity-item__action .activity-item-restore {
    margin-left: var(--spacing-s);
    padding-left: var(--spacing-s);
    border-left: 1px solid var(--border-color-default); }
  .activity-item__action .activity-item-restore-loader {
    display: inline-block;
    margin-left: 16px;
    position: relative;
    top: 4px; }

.activity-item-profile-pic-wrapper {
  margin: 0 16px auto 0;
  cursor: pointer; }

.activity-item-meta {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 600;
  color: var(--content-color-tertiary); }
  .activity-item-meta .version-label-wrapper {
    display: flex;
    max-width: 100%; }
  .activity-item-meta .activity-item-tagged_version__label {
    margin-left: 8px;
    border-radius: var(--border-radius-default);
    padding: 0px 6px;
    border: 1px solid var(--border-color-default); }
    .activity-item-meta .activity-item-tagged_version__label.is-tag {
      color: var(--content-color-primary);
      background: var(--backgrouund-color-tertiary);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: pre;
      max-width: 70px; }

.activity-item-heading {
  color: var(--content-color-primary); }
  .activity-item-heading .activity-item-head-content {
    display: inline; }

.activity-item-model {
  font-weight: 600;
  color: var(--content-color-primary); }

.activity-item-user {
  font-weight: 600;
  color: var(--content-color-primary);
  cursor: pointer; }
  .activity-item-user:hover {
    color: var(--content-color-link);
    text-decoration: underline; }

.activity-item-wrapper:last-child .activity-feed-connect-line {
  visibility: hidden; }

.activity-item-details-content {
  margin: 0 10px 10px;
  font-size: 11px;
  line-height: 12px; }
  .activity-item-details-content.normal-view {
    display: inline-flex;
    align-items: center; }

.activity-item-details-content-left {
  margin-right: 10px;
  font-weight: 600;
  text-transform: uppercase;
  align-self: baseline; }

.activity-item-details-content-right {
  font-style: normal;
  color: var(--content-color-secondary); }

.activity-item-details-content-data {
  font-style: italic; }

.activity-item-details-diff-view {
  margin-top: 10px;
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default); }
  .activity-item-details-diff-view .diff-wrapper {
    max-height: 300px; }

.modal-content.is-modal-loading {
  display: flex;
  justify-content: center;
  align-items: center; }

.modal-content.version-tag__modal-content {
  overflow-y: hidden;
  padding-bottom: var(--spacing-m);
  padding-top: var(--spacing-m); }

.version-tag__modal-content-heading {
  padding-bottom: 10px; }

.version-tag__learn-btn-text {
  padding: 0px; }

.version-tag__modal-content-dropdown {
  padding: 10px 0px; }

.api-select__dropdown, .api-version-select__dropdown, .api-relation-select__dropdown {
  padding: 4px 0px; }
  .api-select__dropdown .dropdown-label, .api-version-select__dropdown .dropdown-label, .api-relation-select__dropdown .dropdown-label {
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 4px; }
  .api-select__dropdown .dropdown-head, .api-version-select__dropdown .dropdown-head, .api-relation-select__dropdown .dropdown-head {
    width: 310px;
    justify-content: space-between;
    border-radius: var(--border-radius-default);
    border: 1px solid var(--border-color-strong);
    background: var(--background-color-secondary); }
  .api-select__dropdown .dropdown-head-label, .api-version-select__dropdown .dropdown-head-label, .api-relation-select__dropdown .dropdown-head-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    color: var(--content-color-primary); }
    .api-select__dropdown .dropdown-head-label.placeholder-text, .api-version-select__dropdown .dropdown-head-label.placeholder-text, .api-relation-select__dropdown .dropdown-head-label.placeholder-text {
      color: var(--content-color-tertiary); }
  .api-select__dropdown .dropdown-menu-list, .api-version-select__dropdown .dropdown-menu-list, .api-relation-select__dropdown .dropdown-menu-list {
    min-height: 30px; }

.version-tag__modal-content-action {
  display: flex;
  padding-top: 10px; }
  .version-tag__modal-content-action .modal-cancel-btn {
    margin-right: 10px;
    font-weight: 600; }
  .version-tag__modal-content-action .modal-version-tag-btn {
    width: 100%;
    font-weight: 600; }

.version-tag-modal-error {
  height: 100%;
  transform: scale(0.8); }

.remove-tag-confirmation-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.remove-tag-confirmation-modal__action {
  font-weight: 600;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px; }
  .remove-tag-confirmation-modal__action .btn.is-focused {
    box-shadow: var(--shadow-focus); }

.remove-tag-confirmation-modal__delete-button {
  background: var(--base-color-error);
  margin-left: 10px; }
  .remove-tag-confirmation-modal__delete-button:hover, .remove-tag-confirmation-modal__delete-button.is-hovered {
    background-color: var(--highlight-background-color-error); }
  .remove-tag-confirmation-modal__delete-button:active, .remove-tag-confirmation-modal__delete-button.is-active {
    background-color: var(--highlight-background-color-error); }
  .remove-tag-confirmation-modal__delete-button:focus, .remove-tag-confirmation-modal__delete-button.is-focused {
    background-color: var(--highlight-background-color-error); }
  .remove-tag-confirmation-modal__delete-button.is-disabled:hover, .remove-tag-confirmation-modal__delete-button.is-disabled.is-hovered {
    background-color: var(--highlight-background-color-error); }
  .remove-tag-confirmation-modal__delete-button.is-disabled:active, .remove-tag-confirmation-modal__delete-button.is-disabled.is-active {
    background-color: var(--highlight-background-color-error); }
  .remove-tag-confirmation-modal__delete-button.is-disabled:focus, .remove-tag-confirmation-modal__delete-button.is-disabled.is-focused {
    background-color: var(--highlight-background-color-error); }

.workspace-activity-feed-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto; }

.workspace-activity-feed-name-header {
  padding: 20px 20px 30px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: var(--content-color-primary);
  background-color: var(--background-color-secondary);
  border-bottom: 1px solid var(--border-color-strong);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .workspace-activity-feed-name-header .workspace-activity-feed-name-header-content {
    display: inline; }

.workspace-activity-feed {
  padding: 0 176px;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  color: var(--content-color-primary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }

.workspace-activity-feed-loading-container {
  padding: 20px;
  text-align: center; }

.workspace-activity-feed-loadmore-container {
  flex: 1;
  text-align: center; }

.workspace-activity-item-loadfeed {
  height: 50px; }

.workspace-activity-feed-date-group-wrapper {
  margin-top: var(--spacing-s); }

.workspace-activity-feed-date-group {
  margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-s); }

.workspace-activity-feed-empty-container {
  padding: 30px 0;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--content-color-secondary);
  text-align: center; }
  .workspace-activity-feed-empty-container .workspace-activity-feed-empty-signin-link {
    color: var(--content-color-link);
    cursor: pointer; }

.workspace-activity-feed__end {
  color: var(--content-color-secondary);
  text-align: center;
  margin-bottom: 48px;
  font-size: 12px; }

.workspace-activity-item-wrapper {
  display: flex;
  margin-bottom: var(--spacing-s); }

.workspace-activity-item-content {
  width: 100%; }
  .workspace-activity-item-content:hover a {
    color: var(--content-color-link); }
  .workspace-activity-item-content a {
    text-decoration: none;
    color: var(--content-color-primary);
    font-weight: var(--text-weight-regular); }
    .workspace-activity-item-content a:hover {
      text-decoration: underline; }

.workspace-activity-feed-connect-line {
  position: relative;
  top: 20px;
  left: 26px;
  z-index: -1;
  border-left: 1px solid var(--border-color-default); }

.workspace-activity-item-header {
  display: flex; }
  .workspace-activity-item-header .workspace-activity-item-head {
    flex: 1;
    margin-right: 20px; }
    .workspace-activity-item-header .workspace-activity-item-head .workspace-activity-item-heading {
      word-break: break-all; }
      .workspace-activity-item-header .workspace-activity-item-head .workspace-activity-item-heading p {
        margin: var(--spacing-zero); }
        .workspace-activity-item-header .workspace-activity-item-head .workspace-activity-item-heading p strong {
          font-weight: 600; }

.workspace-activity-item-body {
  padding: 10px;
  margin-left: 50px;
  border: 1px solid var(--border-color-strong); }

.workspace-activity-item-details-wrapper {
  padding: 0 10px; }

.workspace-activity-item-details {
  border-left: 3px solid var(--border-color-strong);
  margin-left: 14px;
  padding-left: 13px; }

.workspace-activity-item-profile-pic-wrapper {
  padding-right: var(--spacing-s);
  display: flex;
  align-items: baseline;
  margin-top: var(--spacing-xs); }
  .workspace-activity-item-profile-pic-wrapper .pm-user-avatar-icon-NaN {
    background-image: none; }

.workspace-activity-item-meta {
  color: var(--content-color-secondary); }
  .workspace-activity-item-meta .workspace-activity-item-user {
    font-weight: 500;
    color: var(--content-color-secondary);
    margin-right: 5px; }

.workspace-activity-item-heading {
  color: var(--content-color-secondary); }

.workspace-activity-item-user,
.workspace-activity-item-folder,
.workspace-activity-item-response,
.workspace-activity-item-request-name,
.workspace-activity-item-collection-name {
  font-weight: 600;
  color: var(--content-color-primary); }

.workspace-activity-item-user {
  font-size: 11px; }

.workspace-activity-item-restore {
  margin-left: 5px;
  color: var(--content-color-link);
  display: inline-block;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .workspace-activity-item-restore.workspace-activity-item-restore--is-restoring {
    display: inline-block; }

.workspace-activity-item-private-user p strong:first-child a {
  pointer-events: none;
  cursor: default; }

.workspace-activity-item-details-content {
  margin: 0 10px 10px;
  font-size: 11px;
  line-height: 12px; }
  .workspace-activity-item-details-content.normal-view {
    display: inline-flex;
    align-items: center; }

.workspace-activity-item-details-content-left {
  margin-right: 10px;
  font-weight: 600;
  text-transform: uppercase;
  align-self: baseline; }

.workspace-activity-item-details-content-right {
  font-style: normal;
  color: var(--content-color-secondary); }

.workspace-activity-item-details-content-data {
  font-style: italic; }

.workspace-activity-item-details-diff-view {
  margin-top: 10px;
  border: 1px solid var(--border-color-strong);
  border-radius: var(--border-radius-default); }
  .workspace-activity-item-details-diff-view .diff-wrapper {
    max-height: 300px; }

.workspace-activity-feed-filter-container {
  display: flex;
  justify-content: space-between;
  padding: 48px 176px 0; }
  .workspace-activity-feed-filter-container .workspace-activity-feed-filter {
    display: flex;
    align-items: center; }
    .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed__search-button {
      height: 32px; }
    .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed__clear-button span span:hover {
      border-bottom-color: transparent; }
    .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-heading {
      line-height: var(--size-s);
      vertical-align: middle; }
    .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types {
      display: flex;
      margin-left: var(--spacing-s); }
      .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container {
        min-width: unset;
        height: var(--size-s);
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: var(--border-radius-default); }
        .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .dropdown-button {
          width: 100%;
          border-radius: var(--border-radius-default); }
          .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .dropdown-button .select-dropdown-btn {
            color: var(--content-color-primary);
            height: var(--size-s); }
      .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container.workspace-members {
        margin-left: var(--spacing-xs); }
      .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .entity-select-container .dropdown {
        margin-left: 16px; }
      .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .is-open .select-dropdown-btn, .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .selected .select-dropdown-btn {
        background-color: var(--highlight-background-color-secondary); }
        .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .is-open .select-dropdown-btn i svg use, .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-types .select-dropdown-container .selected .select-dropdown-btn i svg use {
          fill: var(--ccontent-color-secondary); }
    .workspace-activity-feed-filter-container .workspace-activity-feed-filter .workspace-activity-feed-filter-actions {
      margin-right: var(--spacing-l); }

.workspace-activity-feed-error-state {
  text-align: center;
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  color: var(--content-color-primary);
  margin-top: 10vh;
  overflow-y: auto;
  line-height: var(--line-height-m); }
  .workspace-activity-feed-error-state__image {
    margin: auto; }
  .workspace-activity-feed-error-state__label {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }
  .workspace-activity-feed-error-state__description {
    margin-top: var(--spacing-s); }
  .workspace-activity-feed-error-state__refresh-btn {
    margin-top: var(--spacing-l); }

.certificate-list-wrapper {
  margin-top: var(--spacing-xl); }
  .certificate-list-wrapper .certificate-list-wrapper__heading {
    display: flex;
    justify-content: space-between; }
  .certificate-list-wrapper-desc {
    margin-top: var(--spacing-xs); }
    .certificate-list-wrapper-desc > .learn-more-button {
      margin-top: var(--spacing-s); }
  .certificate-list-wrapper .certificate-list {
    flex: 1;
    overflow-y: auto;
    margin-top: var(--spacing-l); }

.certificate-list-wrapper__heading {
  display: flex;
  align-items: center; }
  .certificate-list-wrapper__heading .certificate-list-wrapper__heading__title {
    flex: 1; }

.certificate-list-item {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: var(--spacing-xs) var(--spacing-zero); }

.certificate-list-item__row {
  display: flex; }
  .certificate-list-item__row .certificate-list-item__key {
    display: flex;
    align-items: center;
    flex: 0 0 80px; }
    .certificate-list-item__row .certificate-list-item__key .warning-button {
      margin: 0 0 2px 5px; }
  .certificate-list-item__row .certificate-list-item__value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .certificate-list-item__row .certificate-list-item__value-password {
    display: inline-block; }
    .certificate-list-item__row .certificate-list-item__value-password input {
      padding-right: 25px;
      height: auto;
      width: auto; }
    .certificate-list-item__row .certificate-list-item__value-password .password-input__toggle i {
      padding: 1px; }
  .certificate-list-item__row .certificate-list-item__controls {
    flex: 0 0 auto;
    cursor: pointer;
    color: var(--content-color-error); }

.add-certificate__heading {
  font-weight: 600; }
  .add-certificate__heading .breadcrumbs {
    min-width: 40px;
    overflow: hidden;
    padding-right: 15px;
    position: relative;
    white-space: nowrap;
    cursor: pointer; }
    .add-certificate__heading .breadcrumbs:hover {
      text-decoration: underline; }
    .add-certificate__heading .breadcrumbs::after {
      content: '\203A';
      position: absolute;
      right: 5px;
      top: 0px; }

.add-certificate__fields {
  margin-top: var(--spacing-l); }

.add-certificate__field {
  display: flex;
  margin: var(--spacing-xs) var(--spacing-zero); }
  .add-certificate__field .add-certificate__field__label {
    flex: 0 0 80px;
    margin-right: var(--spacing-s);
    display: flex;
    align-items: center; }
  .add-certificate__field .add-certificate__field__value {
    flex: 1;
    display: flex; }
    .add-certificate__field .add-certificate__field__value .add-certificate__field__input {
      flex: 1; }
      .add-certificate__field .add-certificate__field__value .add-certificate__field__input.add-certificate__field__input--port {
        flex: 0 0 80px; }
      .add-certificate__field .add-certificate__field__value .add-certificate__field__input.password-input {
        margin-left: var(--spacing-xs);
        max-width: 315px; }

.add-certificate__field__tag {
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.add-certificate__field__divider {
  margin: 0 3px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.add-certificate__controls {
  margin: var(--spacing-l) var(--spacing-zero);
  display: flex;
  align-items: center; }

.ca-certificate-wrapper .ca-certificate-wrapper__heading {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.ca-certificate-wrapper-desc {
  margin-top: var(--spacing-xs); }

.ca-certificate-wrapper .ca-certificate__field {
  display: flex;
  margin-top: var(--spacing-xs); }
  .ca-certificate-wrapper .ca-certificate__field .ca-certificate__field__label {
    flex: none;
    margin-right: var(--spacing-s);
    display: flex;
    align-items: center; }
    .ca-certificate-wrapper .ca-certificate__field .ca-certificate__field__label .warning-button {
      margin: 0 0 1px 5px; }
  .ca-certificate-wrapper .ca-certificate__field.disabled {
    opacity: 0.4; }

.explorer {
  display: flex;
  flex-direction: column;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  border-radius: var(--border-radius-default);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-primary);
  border: 1px solid var(--border-color-strong);
  flex: 1;
  min-height: 100px; }
  .explorer__create-in-progress-loading-state {
    display: flex;
    height: 30px;
    align-items: center;
    padding: var(--spacing-zero) var(--spacing-s);
    animation: fade 1s ease-in-out infinite; }
    .explorer__create-in-progress-loading-state__item {
      display: flex;
      width: 100%;
      background-color: var(--highlight-background-color-secondary);
      border-radius: var(--border-radius-default);
      height: var(--size-xs); }
  .explorer .loading-indicator-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1; }
  .explorer .explorer__header-wrapper {
    background-color: var(--background-color-secondary); }
  .explorer .explorer__header__create-wrapper {
    display: flex;
    align-items: center;
    padding: 15px 5px 5px 5px; }
    .explorer .explorer__header__create-wrapper .explorer__header__breadcrumb-wrapper {
      color: var(--content-color-secondary); }
    .explorer .explorer__header__create-wrapper .explorer__header__create {
      display: flex;
      align-items: center;
      align-self: flex-end;
      margin-left: auto;
      font-size: 12px;
      color: var(--content-color-link);
      cursor: pointer; }
  .explorer .explorer__create {
    display: flex;
    align-items: center;
    min-height: 30px;
    cursor: pointer; }
  .explorer .explorer-row__create {
    border: 1px solid var(--content-color-link);
    border-radius: 3px;
    width: 100%;
    padding-left: 5px; }
    .explorer .explorer-row__create.input-search-group {
      height: 24px; }
    .explorer .explorer-row__create.input-search {
      height: 22px; }
    .explorer .explorer-row__create .input::-webkit-input-placeholder {
      font-size: 12px; }
  .explorer .explorer__header-title {
    margin-right: 20px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .explorer .explorer-pop-btn {
    display: flex;
    flex: 3;
    cursor: pointer;
    align-items: center;
    padding-right: 20px;
    overflow: hidden; }
    .explorer .explorer-pop-btn:hover .explorer-pop-btn__text, .explorer .explorer-pop-btn.is-hovered .explorer-pop-btn__text {
      text-decoration: underline; }
    .explorer .explorer-pop-btn .explorer-pop-btn__text {
      margin-left: 5px;
      max-width: 270px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .explorer .explorer-pop-btn .explorer-pop-btn__meta {
      margin-left: 8px;
      min-width: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .explorer .explorer__header-create-btn {
    flex: 1;
    color: var(--content-color-link);
    cursor: pointer;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .explorer .explorer-search {
    min-height: 30px;
    display: flex;
    align-items: center; }
    .explorer .explorer-search .input-search-group {
      flex: 1;
      border: 0px;
      background-color: var(--background-color-secondary); }
      .explorer .explorer-search .input-search-group.is-focused {
        border: 1px solid var(--base-color-brand);
        background-color: var(--background-color-primary);
        border-radius: var(--border-radius-default); }
      .explorer .explorer-search .input-search-group:not(.is-focused) {
        border: 1px solid var(--background-color-secondary);
        border-bottom: 1px solid var(--border-color-strong);
        border-radius: 0; }
      .explorer .explorer-search .input-search-group .input::-webkit-input-placeholder {
        font-size: 12px; }
  .explorer .explorer__empty-state {
    align-self: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
  .explorer .explorer-rows,
  .explorer .explorer-results {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .explorer .explorer-create-row {
    height: 30px;
    display: flex;
    cursor: pointer;
    align-items: center;
    color: var(--content-color-primary);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
    .explorer .explorer-create-row .input-search-group__search-cancel-wrapper {
      display: none; }
    .explorer .explorer-create-row .explorer-row__save {
      margin-left: var(--spacing-xs);
      margin-right: 1px; }
    .explorer .explorer-create-row .explorer-row__cancel {
      margin-right: var(--spacing-m); }
  .explorer .explorer-row__icon {
    align-self: flex-start;
    margin: 7px;
    padding-top: var(--spacing-xs); }
    .explorer .explorer-row__icon .explorer-row__icon-leaf-icon {
      font-weight: 700;
      font-size: 9px; }
  .explorer .explorer-row {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: var(--content-color-primary); }
    .explorer .explorer-row.is-disabled, .explorer .explorer-row.is-leaf {
      cursor: default;
      opacity: 0.4; }
    .explorer .explorer-row.explorer-result {
      padding: var(--spacing-s) var(--spacing-zero); }
      .explorer .explorer-row.explorer-result .explorer-row__text {
        padding-left: 0; }
      .explorer .explorer-row.explorer-result .explorer-row__icon {
        padding-top: 2px;
        margin-top: var(--spacing-zero); }
    .explorer .explorer-row .explorer-row__name {
      margin-right: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .explorer .explorer-row .explorer-row__icons {
      margin-right: 8px; }
    .explorer .explorer-row .explorer-row__icons:empty {
      margin-right: 0; }
    .explorer .explorer-row .explorer-row__meta {
      overflow: hidden;
      min-width: 30px;
      display: flex;
      align-items: center; }
    .explorer .explorer-row .explorer-row__content {
      overflow-x: hidden; }
    .explorer .explorer-row .explorer-result__path {
      padding-right: 20px;
      color: var(--content-color-tertiary);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .explorer .explorer-row .explorer-result__path .highlight {
        opacity: 1;
        color: var(--content-color-secondary); }
    .explorer .explorer-row .explorer-row__forward {
      flex: 1;
      margin: 7px;
      visibility: hidden;
      justify-content: flex-end; }
    .explorer .explorer-row:hover:not(.is-leaf), .explorer .explorer-row.is-hovered:not(.is-leaf) {
      background-color: var(--highlight-background-color-secondary); }
    .explorer .explorer-row:hover .explorer-row__forward, .explorer .explorer-row.is-hovered .explorer-row__forward {
      visibility: visible; }
  .explorer .request-method--GET {
    color: var(--base-color-success); }
  .explorer .request-method--PUT {
    color: var(--base-color-info); }
  .explorer .request-method--POST {
    color: var(--base-color-warning); }
  .explorer .request-method--DELETE {
    color: var(--base-color-error); }

.status-bar-container.status-bar {
  display: flex;
  /* put status bar at the bottom of the pane in collapsed + uncollapsed states */
  position: absolute;
  bottom: 0;
  right: 0;
  height: var(--size-s); }

.status-bar-container .sb-section {
  display: flex;
  flex: 1;
  direction: rtl; }

.sb__item {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--content-color-secondary);
  cursor: pointer;
  margin: var(--spacing-zero) var(--spacing-s);
  box-sizing: border-box; }
  .sb__item use {
    fill: var(--content-color-secondary); }
  .sb__item svg > path[fill] {
    fill: var(--content-color-secondary); }
  .sb__item .sb__item__icon {
    height: inherit;
    display: flex;
    align-items: center; }
  .sb__item:hover .sb__item__icon svg path, .sb__item.is-hovered .sb__item__icon svg path {
    fill: var(--content-color-primary); }
  .sb__item:hover .sb__item__text, .sb__item.is-hovered .sb__item__text {
    color: var(--content-color-primary); }
    .sb__item:hover .sb__item__text use, .sb__item.is-hovered .sb__item__text use {
      fill: var(--content-color-primary); }
    .sb__item:hover .sb__item__text svg > path[fill], .sb__item.is-hovered .sb__item__text svg > path[fill] {
      fill: var(--content-color-primary); }
  .sb__item.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
  .sb__item.is-active .sb__item__text {
    color: var(--content-color-primary); }

.sb__item__text {
  color: var(--content-color-secondary);
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-family: var(--text-family-default);
  cursor: pointer;
  max-width: 175px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.sb__item__pane {
  position: absolute;
  bottom: 30px;
  right: 0;
  height: 200px;
  background-color: var(--background-color-secondary);
  width: 100%;
  z-index: 30;
  box-shadow: var(--shadow-default); }
  .sb__item__pane .plugin__pane-resize-wrapper {
    width: 100%;
    padding: 5px 0;
    cursor: row-resize;
    position: absolute; }
  .sb__item__pane.is-hidden {
    display: none; }
  .sb__item__pane .plugin__pane-close {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 10px; }

.sb__drawer {
  position: relative; }
  .sb__drawer .dropdown .dropdown-menu {
    direction: ltr;
    bottom: 25px;
    right: -20px;
    min-width: initial; }

.plugin__xFlowActivityFeed {
  position: relative; }
  .plugin__xFlowActivityFeed .sb__item__icon {
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .plugin__xFlowActivityFeed .sb__item__icon svg {
      position: absolute; }
  .plugin__xFlowActivityFeed.ripple-effect .sb__item__icon {
    animation: ripple 0.7s linear infinite; }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--base-color-brand), 0.3), 0 0 0 0.25em rgba(var(--base-color-brand), 0.3), 0 0 0 0.5em rgba(var(--base-color-brand), 0.3); }
  100% {
    box-shadow: 0 0 0 0.25em rgba(var(--base-color-brand), 0.3), 0 0 0 0.5em rgba(var(--base-color-brand), 0.3), 0 0 0 1em rgba(var(--base-color-brand), 0); } }

.plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 174px;
  height: 24px;
  border-radius: var(--border-radius-default);
  background-color: var(--border-color-strong);
  direction: ltr;
  position: relative; }
  .plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper.disabled .plugin__workspace-view-switcher__switch__item {
    cursor: default; }
  .plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
    flex: 0 0 85px;
    text-align: center;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: var(--content-color-secondary);
    cursor: pointer;
    line-height: 24px; }
  .plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
    content: '';
    position: absolute;
    width: 85px;
    height: 20px;
    background-color: var(--background-color-primary);
    border-radius: var(--border-radius-default);
    color: var(--content-color-primary);
    text-align: center;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    transition: left 0.3s;
    transition-timing-function: ease-out;
    display: flex;
    justify-content: center;
    z-index: 1; }
    .plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.left {
      left: 2px; }
    .plugin__workspace-view-switcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.right {
      left: 87px; }

.workspace-type-switcher__intro__wrap {
  max-width: 360px; }

.workspace-type-switcher__intro {
  padding: 15px;
  text-align: center;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .workspace-type-switcher__intro .workspace-type-switcher__intro__title {
    color: var(--content-color-primary);
    font-weight: 600;
    font-size: 14px; }
  .workspace-type-switcher__intro .workspace-type-switcher__intro__description {
    color: var(--content-color-primary);
    font-size: 12px;
    margin: 10px 0; }
  .workspace-type-switcher__intro .workspace-type-switcher__intro__learn-more {
    margin-bottom: 20px; }
  .workspace-type-switcher__intro .workspace-type-switcher__intro__primary-btn .btn {
    width: 190px; }

.plugin__help .plugin__help__drawer {
  display: flex; }

.help-plugin-dropdown-menu {
  bottom: 24px; }

.plugin__activeTrack .active-track-button {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border-radius: var(--border-radius-default);
  cursor: pointer; }
  .plugin__activeTrack .active-track-button .active-track-label {
    margin-left: var(--spacing-xs); }
  .plugin__activeTrack .active-track-button .sb__item__text {
    margin-bottom: var(--spacing-xs); }

.trash-label-button {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .trash-label-button .trash-label-text {
    margin-left: var(--spacing-xs);
    font-size: var(--text-size-s); }
    .trash-label-button .trash-label-text:hover {
      color: var(--content-color-primary); }

.trash-label-button-disabled {
  display: flex;
  align-items: center;
  cursor: not-allowed; }

.trash-label-icon {
  margin-right: var(--spacing-xs);
  vertical-align: top; }

.runner-label-button {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .runner-label-button .runner-label-text {
    margin-left: var(--spacing-xs); }

.copyright-container {
  max-width: none; }

.copyright-text {
  direction: ltr; }

.copyright-link {
  text-decoration: underline;
  color: var(--content-color-link); }
  .copyright-link:hover {
    cursor: pointer;
    color: var(--content-color-link); }

.monitor-schedule-selector {
  display: flex;
  width: 500px;
  box-sizing: border-box; }
  .monitor-schedule-selector .dropdown {
    margin: 0 5px; }
    .monitor-schedule-selector .dropdown:first-child {
      margin-left: 0; }
    .monitor-schedule-selector .dropdown:last-child {
      margin-right: 0; }
    .monitor-schedule-selector .dropdown.time-type-dropdown {
      flex: 0 0 130px; }
    .monitor-schedule-selector .dropdown.time-option-dropdown {
      flex: 0 0 240px; }
    .monitor-schedule-selector .dropdown.time-dropdown {
      flex: 0 0 100px; }

.monitor-info-context-view-wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .monitor-info-context-view-wrapper .right-context-bar__title {
    color: var(--content-color-primary); }
  .monitor-info-context-view-wrapper .monitor-info-context-view {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-zero) var(--spacing-s);
    overflow-y: auto;
    --base-height: 20px;
    --min-height: 2px; }
    .monitor-info-context-view-wrapper .monitor-info-context-view__entity {
      margin-bottom: var(--spacing-l); }
      .monitor-info-context-view-wrapper .monitor-info-context-view__entity__label {
        font-size: var(--text-size-s);
        font-weight: var(--text-weight-medium);
        line-height: var(--line-height-s);
        color: var(--content-color-tertiary);
        margin-bottom: var(--min-height); }
      .monitor-info-context-view-wrapper .monitor-info-context-view__entity__icon {
        margin-right: var(--spacing-s);
        margin-top: var(--min-height); }
      .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content {
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        display: flex;
        flex: 1;
        padding-right: var(--spacing-xxl);
        align-items: center; }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .activity-item-profile-pic-wrapper {
          margin: 0; }
          .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .activity-item-profile-pic-wrapper .pm-user-avatar-icon {
            height: var(--size-xs);
            width: var(--size-xs); }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .activity-item-user {
          margin-left: var(--spacing-s);
          font-weight: var(--text-weight-regular); }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .monitor-info-btn {
          color: var(--content-color-primary);
          font-weight: var(--text-weight-regular);
          pointer-events: none; }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .monitor-info-text-link {
          padding: var(--spacing-s); }
          .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .monitor-info-text-link .create-monitor-collection-item__link {
            width: 100%; }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content .monitor-info-text-link .create-monitor-collection-item__link > .aether-link-text {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__id {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: 6px var(--spacing-s) 6px var(--spacing-s);
          background-color: var(--background-color-secondary);
          border-radius: var(--border-radius-default);
          width: 100%; }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__collection, .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__environment {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__collection, .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__environment {
          margin-left: calc(var(--spacing-s) * -1); }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__environment-empty {
          color: var(--content-color-primary); }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__collection-empty {
          color: var(--content-color-primary); }
        .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle {
          background-color: transparent;
          height: var(--size-s);
          width: var(--size-s);
          margin-left: var(--spacing-m); }
          .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy {
            --spacing-medium: 8px;
            padding: var(--spacing-medium);
            border-radius: var(--border-radius-default); }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy use {
              fill: var(--content-color-secondary); }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy svg > path[fill] {
              fill: var(--content-color-secondary); }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy:hover, .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy.is-hovered {
              background-color: var(--background-color-tertiary); }
              .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy:hover use, .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy.is-hovered use {
                fill: var(--content-color-primary); }
              .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy:hover svg > path[fill], .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__copy.is-hovered svg > path[fill] {
                fill: var(--content-color-primary); }
          .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__success {
            cursor: default; }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__success use {
              fill: var(--content-color-success); }
            .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content__toggle__success svg > path[fill] {
              fill: var(--content-color-success); }
      .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content--collection {
        padding-right: var(--spacing-l); }
      .monitor-info-context-view-wrapper .monitor-info-context-view__entity__content--environment {
        padding-right: var(--spacing-zero); }
    .monitor-info-context-view-wrapper .monitor-info-context-view .user-info {
      display: flex;
      align-items: center; }
      .monitor-info-context-view-wrapper .monitor-info-context-view .user-info.is-clickable {
        cursor: pointer; }
      .monitor-info-context-view-wrapper .monitor-info-context-view .user-info__avatar {
        margin-top: var(--spacing-xs);
        margin-right: var(--spacing-s); }
      .monitor-info-context-view-wrapper .monitor-info-context-view .user-info__text {
        margin-top: var(--spacing-xs); }

.monitor-info-empty-state {
  visibility: hidden;
  max-height: 0; }

.monitor-info-userinfo-offline {
  pointer-events: none; }

.monitor-info-collection {
  display: flex;
  align-items: center;
  padding: var(--spacing-s); }
  .monitor-info-collection__collection-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .monitor-info-collection__collection-name > .aether-link-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .monitor-info-collection__collection-name-offline {
    padding: 0; }
  .monitor-info-collection__collection-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .monitor-info-collection__qualifiers {
    flex: 0 1 auto;
    margin-left: 8px;
    text-overflow: ellipsis; }
  .monitor-info-collection__name {
    margin-right: var(--spacing-s); }
  .monitor-info-collection__fork-label {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular); }
    .monitor-info-collection__fork-label use {
      fill: var(--content-color-secondary); }
    .monitor-info-collection__fork-label svg > path[fill] {
      fill: var(--content-color-secondary); }
    .monitor-info-collection__fork-label:hover use, .monitor-info-collection__fork-label.is-hovered use {
      fill: var(--content-color-primary); }
    .monitor-info-collection__fork-label:hover svg > path[fill], .monitor-info-collection__fork-label.is-hovered svg > path[fill] {
      fill: var(--content-color-primary); }
  .monitor-info-collection__collection-version-tag {
    padding: 0px var(--spacing-s);
    border-radius: 30px;
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary);
    background-color: var(--background-color-tertiary);
    line-height: var(--line-height-s); }
    .monitor-info-collection__collection-version-tag__current {
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      background-color: var(--background-color-primary);
      color: var(--content-color-tertiary); }

.contextCustomScroll {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  color: var(--content-color-primary); }

.loader-link {
  --margin-small: 5px;
  color: var(--content-color-link);
  margin-right: var(--margin-small);
  cursor: pointer;
  text-decoration: underline; }

.loader-activity-logs {
  display: flex;
  justify-content: center;
  align-items: center; }

.display-link-name {
  --margin-small: 5px;
  font-weight: var(--text-weight-regular);
  cursor: pointer;
  color: var(--content-color-link);
  margin-right: var(--margin-small); }

.pm-activity-section__refresh__btn {
  color: var(--content-color-primary);
  font-weight: var(--text-weight-regular);
  margin-top: var(--margin-spacing-custom-large);
  margin-right: var(--margin-spacing-custom-small);
  margin-top: var(--margin-spacing-custom-top);
  margin-right: var(--margin-spacing-custom-right);
  height: var(--size-m);
  width: var(--size-m);
  padding: var(--spacing-zero); }
  .pm-activity-section__refresh__btn:hover, .pm-activity-section__refresh__btn.is-hovered {
    background-color: var(--highlight-background-color-primary); }
    .pm-activity-section__refresh__btn:hover use, .pm-activity-section__refresh__btn.is-hovered use {
      fill: var(--content-color-primary); }
    .pm-activity-section__refresh__btn:hover svg > path[fill], .pm-activity-section__refresh__btn.is-hovered svg > path[fill] {
      fill: var(--content-color-primary); }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
  .pm-activity-section__refresh__btn.is-loading {
    cursor: default; }
    .pm-activity-section__refresh__btn.is-loading .pm-activity-section__refresh__btn__icon {
      -webkit-animation: rotating 1s linear infinite; }

.monitor-activity {
  --activity-feed-content-margin: 56px;
  padding: var(--spacing-zero) var(--spacing-s);
  overflow-y: auto; }
  .monitor-activity .pm-activity-list-item {
    list-style-type: none; }
    .monitor-activity .pm-activity-list-item .pm-user-icon--custom {
      background-color: var(--background-color-primary); }
  .monitor-activity .pm-activity-section .show-user ~ .show-user {
    border-top: 1px solid var(--highlight-background-color-primary); }
  .monitor-activity .pm-monitor-activity-section__date {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary); }
  .monitor-activity .pm-activity-list-item__text .user-info {
    display: inline-block;
    align-items: center;
    --margin-small: 5px;
    font-weight: var(--text-weight-medium);
    margin-right: var(--margin-small); }
    .monitor-activity .pm-activity-list-item__text .user-info.is-clickable {
      cursor: pointer; }
  .monitor-activity .pm-activity-list-item {
    color: var(--content-color-primary);
    border: none;
    padding: var(--spacing-s) 0;
    margin: var(--spacing-s) 0; }
  .monitor-activity .pm-monitor-activity-list-item__icon {
    position: absolute;
    margin-left: var(--spacing-s);
    width: var(--size-m);
    height: var(--size-m);
    border-radius: var(--size-m); }
  .monitor-activity .pm-activity-list-item__text {
    color: var(--content-color-primary);
    margin-left: var(--activity-feed-content-margin); }
  .monitor-activity .pm-activity-list-item__time {
    color: var(--content-color-tertiary);
    margin-left: var(--activity-feed-content-margin); }
  .monitor-activity__load-more {
    padding: var(--spacing-l) 0;
    text-align: center;
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
  .monitor-activity .pm-activity-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: var(--spacing-l);
    overflow: scroll;
    height: 100%; }
  .monitor-activity .pm-activity-list-item__description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
    .monitor-activity .pm-activity-list-item__description strong {
      font-weight: var(--text-weight-medium); }

.activity-title {
  margin-top: 0;
  margin-bottom: var(--spacing-l); }

/* //////////////////////////////////////////// */
.pm-activity-list-item {
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  position: relative;
  padding: var(--spacing-s) 0 var(--spacing-s) var(--spacing-xxl);
  border-left: 1px solid var(--border-color-default);
  border: none;
  margin: var(--spacing-s) 0; }

.pm-activity-list-item__time {
  margin: 0;
  color: var(--content-color-tertiary);
  font-size: var(--text-size-m);
  margin-top: var(--spacing-xs);
  display: inline-block; }

.activity-logs-public-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: var(--spacing-l); }
  .activity-logs-public-view__entity {
    margin-bottom: var(--spacing-l);
    font-size: var(--text-size-m); }

.activity-logs-empty-state-no-logs, .activity-logs-empty-state-no-logs-with-filters {
  text-align: center;
  margin: 60px 0px 100px 0px;
  font-size: var(--text-size-s); }
  .activity-logs-empty-state-no-logs .empty-state__title, .activity-logs-empty-state-no-logs-with-filters .empty-state__title {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary); }
  .activity-logs-empty-state-no-logs .empty-state__body, .activity-logs-empty-state-no-logs-with-filters .empty-state__body {
    color: var(--content-color-primary); }
  .activity-logs-empty-state-no-logs .empty-state__image.activity, .activity-logs-empty-state-no-logs-with-filters .empty-state__image.activity {
    display: block;
    width: 160px;
    height: 126px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTk0IiBoZWlnaHQ9IjE1MyIgdmlld0JveD0iMCAwIDE5NCAxNTMiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0uODI1LjFIMzguMzV2OTUuNzdILjgyNXoiLz4KICAgICAgICA8cGF0aCBpZD0iYyIgZD0iTS41NDUuMDA1aDI0Ljg0N3Y5LjU3NEguNTQ1eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBmaWxsPSIjRjBGMEYwIiBkPSJNMTEzLjM0NSAxMzIuMzEyYy0xMS42MjcgNy45MTQtMjUuNjc3IDEyLjU0MS00MC44MSAxMi41NDFDMzIuNDc2IDE0NC44NTMgMCAxMTIuNDI3IDAgNzIuNDI3UzMyLjQ3NSAwIDcyLjUzNiAwYzEzLjg3MyAwIDI2LjgzNyAzLjg4OSAzNy44NTcgMTAuNjM0IDcuNjg5LTMuNzQ0IDE2LjMyOC01Ljg0NiAyNS40NTgtNS44NDZDMTY3Ljk2NiA0Ljc4OCAxOTQgMzAuNzg0IDE5NCA2Mi44NWMwIDkuMDg4LTIuMDkxIDE3LjY4OS01LjgyIDI1LjM0OGE0My4xNDggNDMuMTQ4IDAgMCAxIDUuNDQ5IDIxLjA1MmMwIDIzLjk2Ny0xOS40NTkgNDMuMzk2LTQzLjQ2MiA0My4zOTYtMTUuNTE2IDAtMjkuMTMzLTguMTE4LTM2LjgyMi0yMC4zMzN6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM2LjM0OSA4OC40OTNjLS4yMjYgMS4xMTUtLjk0OSAzLjQ2NC0zLjEzIDQuNDc3YS4wOS4wOSAwIDAgMCAwIC4xNjhjLjY0Ny4xOTcgMi4zMzMuOTggMy4yMDkgMy45MDdhLjA5My4wOTMgMCAwIDAgLjE4LS4wMTFjLjE2OC0uOTc5Ljg1LTMuMjcxIDMuMzM1LTMuODc0YS4wOTMuMDkzIDAgMCAwIDAtLjE3N2MtLjg1Mi0uMjc2LTIuODYtMS4yNi0zLjQyNC00LjQ4MmEuMDkuMDkgMCAwIDAtLjE3LS4wMDh6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzhDOUVBMiIgZD0iTTEyMy41ODcgMTI0Ljg3MmgxMi44MDJ2LTExLjY0OEgxMTkuMTYiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjOUFBREIyIiBkPSJNNjEuMDkgMjkuMWg2NS4yNnY5NS43NzJINjUuMjVjLTguNTIzLS4wMDMtMTUuNDMtNi45MjItMTUuNDI5LTE1LjQ1NlY0MS40NDMiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDI1OTY2IiBkPSJNMTI2LjM1IDkwLjUxNGgyMC4wNzl2MjUuOTM3YzAgNC42NS0zLjc2NSA4LjQyMS04LjQxIDguNDIxaC0zLjI1OGMtNC42NDUgMC04LjQxLTMuNzctOC40MS04LjQyMVY5MC41MTR6TTQ5LjgxMyA0MS40NDNsMTEuMTI4LjM1Mi4xNDItMTIuNjk2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTYxLjA4MyAxMDEuMjI3aDU1LjQ4N1Y0OS4xMTVINjEuMDgzeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDkxOTkiIGQ9Ik0xMTYuNDc2IDM5LjgxNGMwIDIuNTgtMi4wODggNC42Ny00LjY2NCA0LjY3YTQuNjY3IDQuNjY3IDAgMCAxLTQuNjY1LTQuNjdjMC0yLjU3OSAyLjA4OS00LjY3IDQuNjY1LTQuNjdhNC42NjcgNC42NjcgMCAwIDEgNC42NjQgNC42N3pNNjcuODQ4IDM4LjMxNGgzNi4xNjN2LTIuMzQxSDY3Ljg0OHpNNjcuODQ4IDQzLjQ3N2gzNi4xNjN2LTIuMzRINjcuODQ4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4IDI5KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjgyNSA5NS44N0gzOC4zNVYuMUguODI1eiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0Y2OUM3OSIgZD0iTTEzNS4xMzMgNTkuNTI1Yy0uMjI2IDEuMTE1LS45NSAzLjQ2NC0zLjEzIDQuNDc2YS4wOTEuMDkxIDAgMCAwIDAgLjE2OWMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkzLjA5MyAwIDAgMCAuMTgtLjAxMmMuMTY4LS45NzguODQ5LTMuMjcgMy4zMzUtMy44NzNhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1Ny4zMzcgMTAxLjU3MWMtLjIyNiAxLjExNS0uOTQ5IDMuNDY0LTMuMTMgNC40NzdhLjA5LjA5IDAgMCAwIDAgLjE2OGMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkyLjA5MiAwIDAgMCAuMTgtLjAxMWMuMTY4LS45NzkuODUtMy4yNzEgMy4zMzUtMy44NzRhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzIzMUYyMCIgZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTYxLjA4MyAxMTMuOTVoMjQuODQ2di05LjU3NUg2MS4wODN6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTEgMTA0KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJkIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2MiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjU0NSA5LjU4aDI0Ljg0N1YuMDA0SC41NDV6IiBtYXNrPSJ1cmwoI2QpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }

.activity-logs-empty-state-no-logs-with-filters {
  padding-top: var(--activity-feed-content-margin); }
  .activity-logs-empty-state-no-logs-with-filters .empty-state__image.activity {
    display: block;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHJ4PSIyOCIgZmlsbD0iI0YyRjJGMiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMThDMjIgMjAuMjA5MSAyMC4yMDkxIDIyIDE4IDIyQzE1Ljc5MDkgMjIgMTQgMjAuMjA5MSAxNCAxOEMxNCAxNS43OTA5IDE1Ljc5MDkgMTQgMTggMTRDMjAuMjA5MSAxNCAyMiAxNS43OTA5IDIyIDE4Wk0yMCAxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBDMTYuODk1NCAyMCAxNiAxOS4xMDQ2IDE2IDE4QzE2IDE2Ljg5NTQgMTYuODk1NCAxNiAxOCAxNkMxOS4xMDQ2IDE2IDIwIDE2Ljg5NTQgMjAgMThaIiBmaWxsPSIjQTZBNkE2Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiAzMEMyMiAzMi4yMDkxIDIwLjIwOTEgMzQgMTggMzRDMTUuNzkwOSAzNCAxNCAzMi4yMDkxIDE0IDMwQzE0IDI3Ljc5MDkgMTUuNzkwOSAyNiAxOCAyNkMyMC4yMDkxIDI2IDIyIDI3Ljc5MDkgMjIgMzBaTTIwIDMwQzIwIDMxLjEwNDYgMTkuMTA0NiAzMiAxOCAzMkMxNi44OTU0IDMyIDE2IDMxLjEwNDYgMTYgMzBDMTYgMjguODk1NCAxNi44OTU0IDI4IDE4IDI4QzE5LjEwNDYgMjggMjAgMjguODk1NCAyMCAzMFoiIGZpbGw9IiNBNkE2QTYiLz4KICA8cGF0aCBkPSJNMzggMTdIMjRWMTVIMzhWMTdaIiBmaWxsPSIjQTZBNkE2Ii8+CiAgPHBhdGggZD0iTTI0IDI5SDQyVjI3SDI0VjI5WiIgZmlsbD0iI0E2QTZBNiIvPgogIDxwYXRoIGQ9Ik0yNCAyMUgzNFYxOUgyNFYyMVoiIGZpbGw9IiNBNkE2QTYiLz4KICA8cGF0aCBkPSJNMzAgMzNIMjRWMzFIMzBWMzNaIiBmaWxsPSIjQTZBNkE2Ii8+CiAgPHBhdGggZD0iTTI0IDQxVjM5SDM2VjQxSDI0WiIgZmlsbD0iI0E2QTZBNiIvPgogIDxwYXRoIGQ9Ik0xNiA0MkMxNiA0MC44OTU0IDE2Ljg5NTQgNDAgMTggNDBDMTkuMTA0NiA0MCAyMCA0MC44OTU0IDIwIDQySDIyQzIyIDM5Ljc5MDkgMjAuMjA5MSAzOCAxOCAzOEMxNS43OTA5IDM4IDE0IDM5Ljc5MDkgMTQgNDJIMTZaIiBmaWxsPSIjQTZBNkE2Ii8+Cjwvc3ZnPgo=); }

.activity-user-filter-dropdown-no-user {
  padding: var(--spacing-s) var(--spacing-xs); }

.activity-logs-offline {
  pointer-events: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.monitor-job {
  color: var(--content-color-primary);
  line-height: initial;
  font-size: var(--text-size-m);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 var(--spacing-l); }
  .monitor-job .loading-indicator-wrapper {
    margin: auto; }
  .monitor-job .not-allowed-state {
    padding: var(spacing-xxl) 0;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .monitor-job .not-allowed-state__text {
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-xl); }
  .monitor-job__header {
    margin-top: var(--spacing-l);
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .monitor-job__header .monitor-performance__region-selector {
      width: auto;
      margin-right: 0; }
      .monitor-job__header .monitor-performance__region-selector label {
        display: none;
        margin: var(--spacing-xs) 0; }
    .monitor-job__header small {
      margin-left: var(--spacing-s);
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular); }
    @media (min-width: 768px) {
      .monitor-job__header .monitor-performance__region-selector label {
        display: block; } }
  .monitor-job__summary {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-xxl);
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .monitor-job__summary-error {
      color: var(--content-color-error); }
    .monitor-job__summary-success {
      color: var(--content-color-success); }
  .monitor-job__actions {
    margin: var(--spacing-s) 0;
    position: relative;
    border-bottom: var(--border-width-default) solid var(--border-color-strong);
    align-self: flex-start; }
    .monitor-job__actions .tabs .tab-primary {
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
      .monitor-job__actions .tabs .tab-primary.is-active {
        color: var(--content-color-primary); }
  .monitor-job__empty-card {
    color: var(--content-color-primary);
    margin: var(--spacing-xxxl) 0;
    text-align: center; }
    .monitor-job__empty-card .empty-state__body {
      margin-top: var(--spacing-xxl);
      margin-bottom: var(--spacing-s);
      font-size: var(--text-size-m); }
  .monitor-job__loader {
    display: block;
    margin: 256px auto; }
  .monitor-job *,
  .monitor-job *:before,
  .monitor-job *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .monitor-job .pm-row {
    overflow-x: visible; }

.empty-state__image {
  margin: auto;
  max-width: 160px;
  margin-bottom: var(--spacing-xl); }
  .empty-state__image.run {
    display: block;
    width: 133px;
    height: 99px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMzIiBoZWlnaHQ9Ijk5IiB2aWV3Qm94PSIwIDAgMTMzIDk5Ij4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJhIiB3aWR0aD0iMTA2LjkxIiBoZWlnaHQ9IjgwLjU5IiB4PSIuMTkiIHk9Ii44OSIgcng9IjUuMTIiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0NFQ0VDRSIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjQ0VDRUNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0tOS43LTMuNTNoMTI1Ljc2djE4Ljg2SC05Ljd6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjguNzgiIGN5PSI4LjIyIiByPSIyLjM0IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTUuMzkiIGN5PSI4LjIyIiByPSIyLjM0IiBmaWxsPSIjNEU0RTRFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMjIuMDEiIGN5PSI4LjIyIiByPSIyLjM0IiBmaWxsPSIjRjM3NTJDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPGcgbWFzaz0idXJsKCNiKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjQ0VDRUNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMiAyM2g4NC4xOHY0OC43NUgxMnoiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE4LjI3IDI4LjYzaDR2MjVoLTR6TTI0LjI3IDI4LjYzaDR2MjVoLTR6TTMwLjI3IDI4LjYzaDR2MjVoLTR6TTM2LjI3IDI4LjYzaDR2MjVoLTR6TTQyLjI3IDI4LjYzaDR2MjVoLTR6TTQ4LjI3IDI4LjYzaDR2MjVoLTR6TTU0LjI3IDI4LjYzaDR2MjVoLTR6TTYwLjI3IDI4LjYzaDR2MjVoLTR6TTY2LjI3IDI4LjYzaDR2MjVoLTR6TTcyLjI3IDI4LjYzaDR2MjVoLTR6TTc4LjI3IDI4LjYzaDR2MjVoLTR6TTg0LjI3IDI4LjYzaDR2MjVoLTR6Ii8+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjMkNCMzgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xOC4yNyA1NS42M2g0djEwaC00ek0yNC4yNyA1NS42M2g0djEwaC00ek0zMC4yNyA1NS42M2g0djEwaC00ek0zNi4yNyA1NS42M2g0djEwaC00ek00Mi4yNyA1NS42M2g0djEwaC00eiIvPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0VENEM0QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDguMjcgNTUuNjNoNHYxMGgtNHoiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMyQ0IzODAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTU0LjI3IDU1LjYzaDR2MTBoLTR6TTYwLjI3IDU1LjYzaDR2MTBoLTR6TTY2LjI3IDU1LjYzaDR2MTBoLTR6TTcyLjI3IDU1LjYzaDR2MTBoLTR6TTc4LjI3IDU1LjYzaDR2MTBoLTR6TTg0LjI3IDU1LjYzaDR2MTBoLTR6Ii8+CiAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiMwOTdCRUQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTE4IDQ2LjExNWwxOS44MzgtMTAuMzIzIDIzLjkxNSAxMS44MTdMODcuOTIzIDM1Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNTQuNjkgODEuNDJ2LTgxaDQ3LjU3YTUuMzUgNS4zNSAwIDAgMSA1LjQzIDUuMTJWNzYuM2E1LjM1IDUuMzUgMCAwIDEtNS40MyA1LjEySDU0LjY5eiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjA4IiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iI0NFQ0VDRSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTI2Ljc2IDUxLjMzYTUgNSAwIDAgMS0yLjU1IDMuNjcuMDcuMDcgMCAxIDAgMCAuMTRjLjUzLjE2IDEuOS44IDIuNjIgMy4xOGEuMDguMDggMCAwIDAgLjE1IDAgMy43NyAzLjc3IDAgMCAxIDIuNzItMy4xNi4wOC4wOCAwIDAgMCAwLS4xNCA0LjI3IDQuMjcgMCAwIDEtMi43OS0zLjY1LjA3OC4wNzggMCAwIDAtLjE1LS4wNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNEU0RTRFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMjguNjUgNC41NmE1IDUgMCAwIDEtMi41NSAzLjY0LjA3LjA3IDAgMSAwIDAgLjE0Yy41My4xNiAxLjkuOCAyLjYyIDMuMThhLjA4LjA4IDAgMCAwIC4xNSAwIDMuNzcgMy43NyAwIDAgMSAyLjcyLTMuMTYuMDguMDggMCAwIDAgMC0uMTQgNC4yNyA0LjI3IDAgMCAxLTIuNzktMy42NS4wNzUuMDc1IDAgMCAwLS4xNS0uMDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0YzNzUyQyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMi42OCA0Mi44OWE1IDUgMCAwIDEtMi41NSAzLjY0LjA3LjA3IDAgMCAwIDAgLjE0Yy41My4xNiAxLjkuOCAyLjYyIDMuMThhLjA4LjA4IDAgMCAwIC4xNSAwIDMuNzcgMy43NyAwIDAgMSAyLjcyLTMuMTYuMDguMDggMCAwIDAgMC0uMTQgNC4yNyA0LjI3IDAgMCAxLTIuNzktMy42NS4wNzUuMDc1IDAgMSAwLS4xNS0uMDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiNDRUNFQ0UiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEwNC42NiA2Ny44MmwyNS4yMiAxMy4yNS04LjU1IDIuNjQgMTAuNSAxMC42NC0zLjQ5IDMuNTQtMTEtMTAuODQtNC4zNCA3Ljc3eiIvPgogICAgPC9nPgo8L3N2Zz4K); }
  .empty-state__image.monitor {
    display: block;
    width: 160px;
    height: 113px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI2IiBoZWlnaHQ9IjE2MSIgdmlld0JveD0iMCAwIDIyNiAxNjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPk1vbml0b3I8L3RpdGxlPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTkwLjgzNyAxNDIuNjc1Yy01Ljg0NiAxLjUxNy0xMS45OCAyLjMyNS0xOC4zIDIuMzI1QzMyLjQ3NCAxNDUgMCAxMTIuNTc0IDAgNzIuNTczIDAgMzIuNTczIDMyLjQ3NS4xNDcgNzIuNTM2LjE0N2MyMC45MjYgMCAzOS43ODMgOC44NDggNTMuMDIyIDIzLjAwMyAxMC42MDItMTEuMjE1IDI1LjYzLTE4LjIxNSA0Mi4yOTMtMTguMjE1IDMyLjExNiAwIDU4LjE1IDI1Ljk5NSA1OC4xNSA1OC4wNiAwIDMxLjUyNC0yNS4xNiA1Ny4xOC01Ni41MjIgNTguMDQtMS44NSAyMi4yNjQtMjAuNTM1IDM5Ljc1Ny00My4zMSAzOS43NTctMTQuNTU4IDAtMjcuNDQ0LTcuMTQ2LTM1LjMzLTE4LjExN3oiIGZpbGw9IiNGMEYwRjAiLz48cGF0aCBkPSJNMTM0LjQ0IDEzNi40NzRoLTMuMDFWMTIwLjk5SDk2LjQ0djE1LjQ4NEg5My40M2MtNS41MyAwLTEwLjY5IDIuNzctMTMuNzM4IDcuMzc2bC0uNzQ0IDEuMTI0aDY5Ljk3M2wtLjc0LTEuMTIyYy0zLjA0Ny00LjYwNy04LjIxLTcuMzgtMTMuNzQtNy4zNzh6IiBmaWxsPSIjRjI2RjQwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMTc0LjI3NSA0OS42MDJ2LTYuNDRjLS4wMTQtMi40ODItMS4wMTctNC44Ni0yLjc4OC02LjYwNS0xLjc3LTEuNzQ2LTQuMTY0LTIuNzItNi42NTMtMi43MDRINjEuMDU3Yy0yLjQ5LS4wMTUtNC44ODMuOTU4LTYuNjUzIDIuNzA0LTEuNzcgMS43NDYtMi43NzMgNC4xMjMtMi43ODggNi42MDZ2NzEuNjczYy4wMzIgNS4xNyA0LjI1OCA5LjMzOCA5LjQ0IDkuMzA4aDEwMy43ODZjNS4xODMuMDMgOS40MS00LjEzNyA5LjQ0LTkuMzA4VjQ5LjYwMmgtLjAwN3ptLTkuMzQyIDU1LjczNkg2MC45NjZWNDQuMzg2aDEwMy45NTZ2NjAuOTVsLjAxLjAwMnoiIGZpbGw9IiNGNDgxNUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xNDguMTc3IDE0My44NWMtMy4wNDctNC42MDUtOC4yMDctNy4zNzYtMTMuNzM4LTcuMzc2aC0zLjAxdi0xMi4zN2gtMTguNXYyMC44NjdoMzUuOTlsLS43NDMtMS4xMnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjEyIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz48cGF0aCBmaWxsPSIjNDk0NzU2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik02MC4xODMgNDMuMjQ2aDEwNy4ydjY0LjMzaC0xMDcuMnoiLz48ZWxsaXBzZSBmaWxsPSIjRkZGMkQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIxMTIuNzg4IiBjeT0iMTE0LjU0IiByeD0iMi40MTUiIHJ5PSIyLjQwOSIvPjxwYXRoIGQ9Ik0zNS4zODMgOTEuMTg1Yy0uMjMyIDEuMTQ1LS45NzYgMy41NTctMy4yMjQgNC41OTYtLjA0LjAxNC0uMDY0LjA1LS4wNjQuMDkgMCAuMDQuMDI1LjA3NC4wNjMuMDg4LjY2NS4yMDIgMi40IDEuMDA0IDMuMzA2IDQuMDEuMDEyLjA0Mi4wNS4wNy4wOTMuMDcuMDQgMCAuMDgtLjAyOC4wOS0uMDcuMTgzLTEuMDA0Ljg3NS0zLjM1NiAzLjQzNi0zLjk4Mi4wNDItLjAxLjA3Mi0uMDQ4LjA3Mi0uMDkgMC0uMDQ0LS4wMy0uMDgyLS4wNzItLjA5Mi0uODc3LS4yODMtMi45NTQtMS4yOTgtMy41MjYtNC42LS4wMS0uMDQtLjA0Mi0uMDctLjA4Mi0uMDczLS4wNC0uMDAzLS4wNzguMDItLjA5NS4wNTV6IiBmaWxsPSIjRjQ4MTVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMTg3LjE4OCA3OC4zNDRjLS4yMzIgMS4xNDUtLjk3NiAzLjU2NS0zLjIxNCA0LjYwMy0uMDM4LjAxMy0uMDYzLjA1LS4wNjMuMDkgMCAuMDM4LjAyNi4wNzQuMDY0LjA4Ny42NjYuMjAyIDIuNDAyIDEuMDA1IDMuMzA3IDQuMDEuMDEzLjA0Mi4wNS4wNy4wOTQuMDcuMDQyIDAgLjA4LS4wMjguMDkyLS4wNy4xODItMS4wMDQuODc0LTMuMzU2IDMuNDM1LTMuOTgyLjA0My0uMDEuMDczLS4wNDcuMDczLS4wOSAwLS4wNDQtLjAzLS4wOC0uMDcyLS4wOS0uODc2LS4yODQtMi45NTItMS4zLTMuNTI1LTQuNjAyLjAwNy0uMDUyLS4wMy0uMS0uMDgtLjEwNy0uMDUyLS4wMDctLjEuMDMtLjEwNy4wOHpNMTExLjU2OCAxNy4yNmMtLjIzMiAxLjE0NS0uOTc2IDMuNTU3LTMuMjI1IDQuNTk1LS4wMzcuMDEzLS4wNjIuMDUtLjA2Mi4wODggMCAuMDQuMDI2LjA3Ni4wNjMuMDkuNjY3LjIgMi40MDIgMS4wMDQgMy4zMDggNC4wMS4wMTMuMDQuMDUuMDcuMDkzLjA3cy4wOC0uMDMuMDkzLS4wN2MuMTgyLTEuMDA1Ljg3NC0zLjM1NyAzLjQzNS0zLjk4My4wNDMtLjAxLjA3Mi0uMDQ3LjA3Mi0uMDkgMC0uMDQ0LS4wMy0uMDgtLjA3LS4wOS0uODc4LS4yODQtMi45NTUtMS4zLTMuNTI3LTQuNjAyLS4wMS0uMDQtLjA0Mi0uMDctLjA4Mi0uMDczLS4wNC0uMDA0LS4wOC4wMTgtLjA5NS4wNTV6IiBmaWxsPSIjN0Q5MTk5IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMTEyLjc2MiA5MC4xMThMMTAwLjg0NCA2Mi4xM2wtNy41MyAxNi4wMDZoLTguNDI1Yy0uNzYzIDAtMS4zOC0uNjE2LTEuMzgtMS4zNzYgMC0uNzYuNjE3LTEuMzc2IDEuMzgtMS4zNzZoNi42N2w5LjQxLTE5Ljk5MiAxMi4wMTMgMjguMjIgMTEuMjgtMjIuMTQyIDcuNDgzIDE0LjEwNGg3LjgyMmMuNzYyIDAgMS4zOC42MTYgMS4zOCAxLjM3NiAwIC43Ni0uNjE4IDEuMzc2LTEuMzggMS4zNzZoLTkuNDgybC01Ljc3Mi0xMC44OC0xMS41NTIgMjIuNjcyeiIgZmlsbD0iI0ZGRjJEOSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTE3NC4yNzUgNDkuNjAydi02LjQ0Yy0uMDE0LTIuNDgyLTEuMDE3LTQuODYtMi43ODgtNi42MDUtMS43Ny0xLjc0Ni00LjE2NC0yLjcyLTYuNjUzLTIuNzA0SDExMi45OXY5MC4yOWg1MS44NTJjNS4xODMuMDMgOS40MS00LjEzNiA5LjQ0LTkuMzA3VjQ5LjYwMmgtLjAwN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjEyIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz48L2c+PC9zdmc+Cg==); }
  .empty-state__image.warning {
    display: block;
    width: 133px;
    height: 133px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzYwcHgiIGhlaWdodD0iMzE5cHgiIHZpZXdCb3g9IjAgMCAzNjAgMzE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NyAoNDUzOTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwIDc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRXJyb3ItU3RhdGVzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRXJyb3ItU3RhdGVzLS0tNDAwLUJhZC1SZXF1ZXN0LC01MDAtSW50ZXJuYWwtU2VydmVyLUVycm9yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMDAwMCwgLTMyNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlByb2ZpbGUtQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQwLjAwMDAwMCwgMzA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMC4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDEuNDk3MzM5LDEyLjc4NjkyMjUgTDM1NS45NjU4NiwyODEuNjAyOTA2IEMzNjAuNDE1MjcxLDI4OS4yNjI1NjMgMzYwLjQzNjgxNSwyOTguNzMxNDI1IDM1Ni4wMjIzOTYsMzA2LjQxMTU3IEMzNTEuNjA3OTc3LDMxNC4wOTE1NyAzNDMuNDM1MTU2LDMxOC44MDM4NDIgMzM0LjYwOTY0NCwzMTguNzU3NjM0IEwyNS42ODY5MTY0LDMxOC43NTc2MzQgQzE2Ljg2NTE2MzIsMzE4LjgwODA1NSA4LjY5MzA2NTU3LDMxNC4xMDM5MjEgNC4yNzM1ODU3LDMwNi40MzEzMzIgQy0wLjE0NjAzODc1OSwyOTguNzU4NzQyIC0wLjEzNTMzODg4OSwyODkuMjk0Mzg1IDQuMzAxNjM2NzEsMjgxLjYzMTk2NyBMMTU4Ljc3MDE1OCwxMi44MTU5ODM3IEMxNjMuMTM1NTYsNS4wOTUxNTI2OCAxNzEuMjg4ODYsMC4zMjMzMDU3MSAxODAuMTI1MzYyLDAuMzE3MjAyODYxIEMxODguOTYxODY0LDAuMzExMjQ1MzE3IDE5Ny4xMjE2NzEsNS4wNzIwNDkwNCAyMDEuNDk3MzM5LDEyLjc4NjkyMjUgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM1OTU2NjgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMSIgZmlsbD0iI0E5QkJCRiIgcG9pbnRzPSI1MS4wNzc0MTc0IDI3OS4yOTI1NDIgMTgwLjE0MDk3OCA1NC42MzUwMzI0IDMwOS4yMTg5OTggMjc5LjI5MjU0MiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNzguODMyNDEzLDExNS4wMjQxOCBMMTc4LjgzMjQxMywxMTUuMDI0MTggQzE4Ny4zNDExMjMsMTE1LjAyNDE4IDE5NC4yMzg3NzksMTIxLjk1OTA1MSAxOTQuMjM4Nzc5LDEzMC41MTM3OTMgTDE5NC4yMzg3NzksMTkyLjc2Mjg1NiBDMTk0LjIzODc3OSwyMDEuMzE3NTk4IDE4Ny4zNDExMjMsMjA4LjI1MjQ2OSAxNzguODMyNDEzLDIwOC4yNTI0NjkgTDE3OC44MzI0MTMsMjA4LjI1MjQ2OSBDMTcwLjMyMzcwMywyMDguMjUyNDY5IDE2My40MjYwNDcsMjAxLjMxNzU5OCAxNjMuNDI2MDQ3LDE5Mi43NjI4NTYgTDE2My40MjYwNDcsMTMwLjUxMzc5MyBDMTYzLjQyNjA0NywxMjEuOTU5MDUxIDE3MC4zMjM3MDMsMTE1LjAyNDE4IDE3OC44MzI0MTMsMTE1LjAyNDE4IFoiIGlkPSJGaWxsLTIyIiBmaWxsPSIjNTk1NjY4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NS4yMjIwMSwyMzQuNjgzNjE5IEMxOTUuMjIyMDEsMjQzLjc3NTk5MyAxODcuODg3Mzk0LDI1MS4xNDY3ODIgMTc4LjgzOTY0MywyNTEuMTQ2NzgyIEMxNjkuNzkxODkxLDI1MS4xNDY3ODIgMTYyLjQ1NzI3NSwyNDMuNzc1OTkzIDE2Mi40NTcyNzUsMjM0LjY4MzYxOSBDMTYyLjQ1NzI3NSwyMjUuNTkxMjQ1IDE2OS43OTE4OTEsMjE4LjIyMDQ1NiAxNzguODM5NjQzLDIxOC4yMjA0NTYgQzE4Ny44ODczOTQsMjE4LjIyMDQ1NiAxOTUuMjIyMDEsMjI1LjU5MTI0NSAxOTUuMjIyMDEsMjM0LjY4MzYxOSBaIiBpZD0iRmlsbC0yMyIgZmlsbD0iIzU5NTY2OCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNTUuOTUxNDAxLDI4MS42MzE5NjcgTDIwMS40ODI4OCwxMi44MTU5ODM3IEMxOTYuOTkzODUxLDQuOTE2NDI2MzggMTg4LjUyMzAyNCwwLjE2MjMwNjczMiAxNzkuNDc1ODUxLDAuNDY0OTc4OTk5IEwxNzkuNDc1ODUxLDMxOC44MDEyMjYgTDMzNC42MDk0OTksMzE4LjgwMTIyNiBDMzQzLjQxNzk1LDMxOC43OTk2MjggMzUxLjU1NjIxMiwzMTQuMDc1NDQxIDM1NS45NTg2MywzMDYuNDA4MzczIEMzNjAuMzYwOTA0LDI5OC43NDEzMDUgMzYwLjM1ODE1NiwyODkuMjk2NDIgMzU1Ljk1MTQwMSwyODEuNjMxOTY3IFoiIGlkPSJGaWxsLTI1IiBmaWxsLW9wYWNpdHk9IjAuMTIiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .empty-state__image.no-passes {
    display: block;
    width: 132px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMyIiBoZWlnaHQ9Ijg0IiB2aWV3Qm94PSIwIDAgMTMyIDg0Ij4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJhIiB3aWR0aD0iMTA2LjkxIiBoZWlnaHQ9IjgwLjU5IiB4PSIuMTkiIHk9Ii44OSIgcng9IjUuMTIiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0NFQ0VDRSIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNMzIgMjVoNjR2NkgzMnoiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPHRleHQgZmlsbD0iI0YxNkY2RCIgZm9udC1mYW1pbHk9Ik9wZW5TYW5zLVNlbWlib2xkLCBPcGVuIFNhbnMiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjUwMCIgbWFzaz0idXJsKCNiKSI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iNyIgeT0iMzEiPkZBSUw8L3RzcGFuPgogICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNEOEQ4RDgiIGQ9Ik0zMiAzOGg2NHY2SDMyeiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8dGV4dCBmaWxsPSIjRjE2RjZEIiBmb250LWZhbWlseT0iT3BlblNhbnMtU2VtaWJvbGQsIE9wZW4gU2FucyIgZm9udC1zaXplPSI4IiBmb250LXdlaWdodD0iNTAwIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgICAgIDx0c3BhbiB4PSI3IiB5PSI0NCI+RkFJTDwvdHNwYW4+CiAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0Q4RDhEOCIgZD0iTTMyIDUxaDY0djZIMzJ6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgICAgICAgICAgIDx0ZXh0IGZpbGw9IiNGMTZGNkQiIGZvbnQtZmFtaWx5PSJPcGVuU2Fucy1TZW1pYm9sZCwgT3BlbiBTYW5zIiBmb250LXNpemU9IjgiIGZvbnQtd2VpZ2h0PSI1MDAiIG1hc2s9InVybCgjYikiPgogICAgICAgICAgICAgICAgPHRzcGFuIHg9IjciIHk9IjU3Ij5GQUlMPC90c3Bhbj4KICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNMzIgNjRoNjR2NkgzMnoiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPHRleHQgZmlsbD0iI0YxNkY2RCIgZm9udC1mYW1pbHk9Ik9wZW5TYW5zLVNlbWlib2xkLCBPcGVuIFNhbnMiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjUwMCIgbWFzaz0idXJsKCNiKSI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iNyIgeT0iNzAiPkZBSUw8L3RzcGFuPgogICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNDRUNFQ0UiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTS05LjctMy41M2gxMjUuNzZ2MTguODZILTkuN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iOC43OCIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIxNS4zOSIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiM0RTRFNEUiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyMi4wMSIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiNGMzc1MkMiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01NC42OSA4MS40MnYtODFoNDcuNTdhNS4zNSA1LjM1IDAgMCAxIDUuNDMgNS4xMlY3Ni4zYTUuMzUgNS4zNSAwIDAgMS01LjQzIDUuMTJINTQuNjl6IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMDgiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjQ0VDRUNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMjYuNzYgNTEuMzNhNSA1IDAgMCAxLTIuNTUgMy42Ny4wNy4wNyAwIDEgMCAwIC4xNGMuNTMuMTYgMS45LjggMi42MiAzLjE4YS4wOC4wOCAwIDAgMCAuMTUgMCAzLjc3IDMuNzcgMCAwIDEgMi43Mi0zLjE2LjA4LjA4IDAgMCAwIDAtLjE0IDQuMjcgNC4yNyAwIDAgMS0yLjc5LTMuNjUuMDc4LjA3OCAwIDAgMC0uMTUtLjA0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0RTRFNEUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEyOC42NSA0LjU2YTUgNSAwIDAgMS0yLjU1IDMuNjQuMDcuMDcgMCAxIDAgMCAuMTRjLjUzLjE2IDEuOS44IDIuNjIgMy4xOGEuMDguMDggMCAwIDAgLjE1IDAgMy43NyAzLjc3IDAgMCAxIDIuNzItMy4xNi4wOC4wOCAwIDAgMCAwLS4xNCA0LjI3IDQuMjcgMCAwIDEtMi43OS0zLjY1LjA3NS4wNzUgMCAwIDAtLjE1LS4wMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRjM3NTJDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjY4IDQyLjg5YTUgNSAwIDAgMS0yLjU1IDMuNjQuMDcuMDcgMCAwIDAgMCAuMTRjLjUzLjE2IDEuOS44IDIuNjIgMy4xOGEuMDguMDggMCAwIDAgLjE1IDAgMy43NyAzLjc3IDAgMCAxIDIuNzItMy4xNi4wOC4wOCAwIDAgMCAwLS4xNCA0LjI3IDQuMjcgMCAwIDEtMi43OS0zLjY1LjA3NS4wNzUgMCAxIDAtLjE1LS4wMXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
  .empty-state__image.no-failures {
    display: block;
    width: 132px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMyIiBoZWlnaHQ9Ijg0IiB2aWV3Qm94PSIwIDAgMTMyIDg0Ij4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJhIiB3aWR0aD0iMTA2LjkxIiBoZWlnaHQ9IjgwLjU5IiB4PSIuMTkiIHk9Ii44OSIgcng9IjUuMTIiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0NFQ0VDRSIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNMzIgMjVoNjR2NkgzMnoiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPHRleHQgZmlsbD0iIzUxQzM5OSIgZm9udC1mYW1pbHk9Ik9wZW5TYW5zLVNlbWlib2xkLCBPcGVuIFNhbnMiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjUwMCIgbWFzaz0idXJsKCNiKSI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iNyIgeT0iMzEiPlBBU1M8L3RzcGFuPgogICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNEOEQ4RDgiIGQ9Ik0zMiAzOGg2NHY2SDMyeiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8dGV4dCBmaWxsPSIjNTFDMzk5IiBmb250LWZhbWlseT0iT3BlblNhbnMtU2VtaWJvbGQsIE9wZW4gU2FucyIgZm9udC1zaXplPSI4IiBmb250LXdlaWdodD0iNTAwIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgICAgIDx0c3BhbiB4PSI3IiB5PSI0NCI+UEFTUzwvdHNwYW4+CiAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0Q4RDhEOCIgZD0iTTMyIDUxaDY0djZIMzJ6IiBtYXNrPSJ1cmwoI2IpIi8+CiAgICAgICAgICAgIDx0ZXh0IGZpbGw9IiM1MUMzOTkiIGZvbnQtZmFtaWx5PSJPcGVuU2Fucy1TZW1pYm9sZCwgT3BlbiBTYW5zIiBmb250LXNpemU9IjgiIGZvbnQtd2VpZ2h0PSI1MDAiIG1hc2s9InVybCgjYikiPgogICAgICAgICAgICAgICAgPHRzcGFuIHg9IjciIHk9IjU3Ij5QQVNTPC90c3Bhbj4KICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNMzIgNjRoNjR2NkgzMnoiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPHRleHQgZmlsbD0iIzUxQzM5OSIgZm9udC1mYW1pbHk9Ik9wZW5TYW5zLVNlbWlib2xkLCBPcGVuIFNhbnMiIGZvbnQtc2l6ZT0iOCIgZm9udC13ZWlnaHQ9IjUwMCIgbWFzaz0idXJsKCNiKSI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iNyIgeT0iNzAiPlBBU1M8L3RzcGFuPgogICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNDRUNFQ0UiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTS05LjctMy41M2gxMjUuNzZ2MTguODZILTkuN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iOC43OCIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIxNS4zOSIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiM0RTRFNEUiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyMi4wMSIgY3k9IjguMjIiIHI9IjIuMzQiIGZpbGw9IiNGMzc1MkMiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01NC42OSA4MS40MnYtODFoNDcuNTdhNS4zNSA1LjM1IDAgMCAxIDUuNDMgNS4xMlY3Ni4zYTUuMzUgNS4zNSAwIDAgMS01LjQzIDUuMTJINTQuNjl6IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMDgiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBmaWxsPSIjQ0VDRUNFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMjYuNzYgNTEuMzNhNSA1IDAgMCAxLTIuNTUgMy42Ny4wNy4wNyAwIDEgMCAwIC4xNGMuNTMuMTYgMS45LjggMi42MiAzLjE4YS4wOC4wOCAwIDAgMCAuMTUgMCAzLjc3IDMuNzcgMCAwIDEgMi43Mi0zLjE2LjA4LjA4IDAgMCAwIDAtLjE0IDQuMjcgNC4yNyAwIDAgMS0yLjc5LTMuNjUuMDc4LjA3OCAwIDAgMC0uMTUtLjA0eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0RTRFNEUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEyOC42NSA0LjU2YTUgNSAwIDAgMS0yLjU1IDMuNjQuMDcuMDcgMCAxIDAgMCAuMTRjLjUzLjE2IDEuOS44IDIuNjIgMy4xOGEuMDguMDggMCAwIDAgLjE1IDAgMy43NyAzLjc3IDAgMCAxIDIuNzItMy4xNi4wOC4wOCAwIDAgMCAwLS4xNCA0LjI3IDQuMjcgMCAwIDEtMi43OS0zLjY1LjA3NS4wNzUgMCAwIDAtLjE1LS4wMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRjM3NTJDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjY4IDQyLjg5YTUgNSAwIDAgMS0yLjU1IDMuNjQuMDcuMDcgMCAwIDAgMCAuMTRjLjUzLjE2IDEuOS44IDIuNjIgMy4xOGEuMDguMDggMCAwIDAgLjE1IDAgMy43NyAzLjc3IDAgMCAxIDIuNzItMy4xNi4wOC4wOCAwIDAgMCAwLS4xNCA0LjI3IDQuMjcgMCAwIDEtMi43OS0zLjY1LjA3NS4wNzUgMCAxIDAtLjE1LS4wMXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
  .empty-state__image.abort {
    display: block;
    width: 133px;
    height: 133px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }

.split-selector-label {
  font-size: var(--text-size-m);
  color: var(--content-color-primary); }

#monitor-message-log {
  --monitor-msg-log-cell-padding: 5px;
  --monitor-msg-log-first-cell-width: 25px;
  --monitor-msg-log-bullet-size: 8px;
  --monitor-msg-log-msg-field-padding-left: var(--spacing-s);
  --monitor-msg-log-timestamp-field-width: 60px;
  font-family: var(--text-family-code);
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  padding: var(--spacing-l);
  overflow: auto; }
  #monitor-message-log .state-line {
    padding: var(--monitor-msg-log-cell-padding) 0; }
    #monitor-message-log .state-line .loading-indicator-wrapper {
      display: inline-block;
      vertical-align: middle;
      transform: scale(0.75); }
  #monitor-message-log .state-line__field {
    padding-right: var(--monitor-msg-log-cell-padding); }
    #monitor-message-log .state-line__field.bullet {
      display: inline-block;
      padding: 0;
      width: var(--monitor-msg-log-first-cell-width);
      text-align: center;
      /**
       * The background property of the :after element has been given a --content-color instead of a --background design token
       * because the bullet is essentially content, moreover using the --background token here wouldn't work well with the colors
       * after render.
       */ }
      #monitor-message-log .state-line__field.bullet:after {
        content: '';
        display: inline-block;
        width: var(--monitor-msg-log-bullet-size);
        height: var(--monitor-msg-log-bullet-size);
        border-radius: 50%;
        background: var(--content-color-tertiary); }
    #monitor-message-log .state-line__field.timestamp {
      width: var(--monitor-msg-log-timestamp-field-width); }
    #monitor-message-log .state-line__field.message-body {
      padding-left: var(--monitor-msg-log-msg-field-padding-left); }
  #monitor-message-log .state-line__field--toggler {
    color: var(--content-color-link);
    cursor: pointer;
    font-family: var(--text-family-default); }
  #monitor-message-log .nested-log {
    padding: var(--monitor-msg-log-cell-padding) 0; }
  #monitor-message-log table.messages {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    #monitor-message-log table.messages tr.message {
      display: table-row;
      border-top: var(--border-width-default) solid var(--border-color-strong); }
      #monitor-message-log table.messages tr.message:last-child {
        border-bottom: var(--border-width-default) solid var(--border-color-strong); }
      #monitor-message-log table.messages tr.message.test.info .message-body {
        color: var(--content-color-success); }
      #monitor-message-log table.messages tr.message.warn .message-body {
        color: var(--content-color-warning); }
      #monitor-message-log table.messages tr.message.error .message-body {
        color: var(--content-color-error); }
      #monitor-message-log table.messages tr.message td {
        padding: var(--monitor-msg-log-cell-padding);
        white-space: nowrap; }
        #monitor-message-log table.messages tr.message td.line-number {
          text-align: center;
          width: var(--monitor-msg-log-first-cell-width); }
        #monitor-message-log table.messages tr.message td.timestamp {
          background-color: var(--background-color-secondary);
          width: var(--monitor-msg-log-timestamp-field-width);
          padding-right: var(--spacing-l); }
        #monitor-message-log table.messages tr.message td.message-body {
          padding-left: var(--monitor-msg-log-msg-field-padding-left);
          padding-right: var(--spacing-xs);
          white-space: pre; }
          #monitor-message-log table.messages tr.message td.message-body .request {
            cursor: pointer;
            display: inline-flex;
            align-items: center; }
            #monitor-message-log table.messages tr.message td.message-body .request .icon {
              margin-left: var(--spacing-xl);
              visibility: hidden; }
          #monitor-message-log table.messages tr.message td.message-body:hover .request .icon {
            visibility: visible; }

.form-content {
  display: flex;
  padding: 0;
  overflow: hidden; }
  .form-content .create-new-monitor__error {
    --monitor-form-error-boundary: 150px;
    flex: 1;
    display: flex;
    margin-top: var(--monitor-form-error-boundary); }
    .form-content .create-new-monitor__error .creation-error__icon {
      margin-top: 0px; }
  .form-content .monitor-form__empty-state {
    --monitor-form-empty-state-boundary: 320px;
    margin-top: var(--monitor-form-empty-state-boundary); }
  .form-content .create-new-monitor-form__content {
    --input-components-width: 320px;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%; }
    .form-content .create-new-monitor-form__content .create-new-monitor-form__header .tabs {
      width: 100%;
      height: 50px;
      border-bottom: 1px solid var(--border-color-default);
      background-color: var(--background-color-primary);
      position: relative; }
    .form-content .create-new-monitor-form__content .create-new-monitor-form__body {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .form-content .create-new-monitor-form__content .create-new-monitor-form__body .tabs {
        flex: 0 0 30px;
        justify-content: center;
        width: fit-content; }
      .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__right {
        overflow: hidden; }
        .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__table {
          height: 100%;
          flex: 1; }
          .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__table .create-new-monitor-form__data-editor {
            height: 100%; }
            .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__table .create-new-monitor-form__data-editor .data-editor {
              height: 100%; }
              .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__table .create-new-monitor-form__data-editor .data-editor .data-editor {
                overflow-y: auto;
                height: 100%; }
      .form-content .create-new-monitor-form__content .create-new-monitor-form__body .create-new-monitor-form__footer__helptext {
        margin-top: 20px; }
    .form-content .create-new-monitor-form__content .step1 {
      overflow: auto; }
      .form-content .create-new-monitor-form__content .step1 .entity-empty__illustration-wrapper,
      .form-content .create-new-monitor-form__content .step1 .entity-empty__subtitle {
        margin-bottom: 10px; }
      .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body {
        padding: 20px; }
        .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .tabs {
          border: 1px solid var(--border-color-default);
          margin-bottom: 20px;
          border-radius: var(--border-radius-default); }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .tabs .tab--collections {
            border-left: 1px solid var(--border-color-default);
            border-right: 1px solid var(--border-color-default); }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .tabs .tab-primary {
            border-bottom: 0px;
            background-color: var(--background-color-tertiary); }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .tabs .tab-primary.is-active {
              background-color: var(--background-color-primary);
              color: var(--content-color-brand); }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .tabs .tab-primary.is-active .tab-text-wrapper {
                box-shadow: none; }
        .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right__intro {
          font-size: 12px;
          line-height: 16px;
          color: var(--content-color-secondary);
          width: 100%;
          margin-bottom: 20px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right__intro .btn-text {
            line-height: 16px;
            padding: 0 3px; }
        .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right {
          flex: 1; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__footer__helptext {
            color: var(--content-color-primary);
            margin-top: 20px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__footer__helptext .btn-text {
              height: 0px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__data-editor {
            margin-right: 1px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor {
            display: flex;
            flex-direction: column; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header {
              margin-right: 12px;
              flex: 0 0 30px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__rows {
              overflow-y: scroll; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__rows::-webkit-scrollbar-track {
                background-color: var(--background-color-primary); }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header .data-editor__header__cell {
              font-size: 11px;
              color: var(--content-color-primary);
              font-weight: 600; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header .create-new-monitor-form__test-header {
              overflow: hidden; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header .create-new-monitor-form__test-header .input-checkbox {
                min-width: 16px; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__header .create-new-monitor-form__test-header span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .data-editor__reorder {
              width: 14px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .dropdown {
              margin: 0 5px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .dropdown-button .btn {
              background-color: transparent;
              padding: 0; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .data-editor__cell--time {
              display: flex;
              flex: 1;
              margin-right: 30px; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .data-editor__cell--time .postfix {
                font-size: 12px;
                padding-left: 5px;
                line-height: 25px;
                color: var(--content-color-secondary); }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time, .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 0; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time, .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 30px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__test-header {
            display: flex; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__test-header .input-checkbox {
              margin-right: 5px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__table {
            flex: 1; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card {
            display: flex;
            align-items: center;
            flex: 0 0 230px;
            height: 40px;
            padding: 10px;
            cursor: pointer;
            border-radius: var(--border-radius-default); }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card:hover, .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card.is-hovered {
              background-color: var(--highlight-background-color-primary); }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card .create-new-monitor-form__card__icon {
              margin-right: 10px;
              flex: 0 0 22px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card .create-new-monitor-form__card__title {
              display: flex;
              align-items: center;
              max-width: 190px; }
              .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card .create-new-monitor-form__card__title span {
                color: var(--content-color-primary);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card .create-new-monitor-form__card__subtitle {
              display: flex;
              align-items: center;
              color: var(--content-color-secondary);
              font-size: 12px;
              overflow: hidden;
              max-width: 190px; }
            .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__card .create-new-monitor-form__card__requests {
              white-space: nowrap;
              margin-right: 8px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__collections,
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-form__right__team-library {
            display: flex;
            flex-wrap: wrap;
            border: 1px solid var(--border-color-default);
            overflow: auto;
            margin-bottom: 20px;
            max-height: 35vh;
            padding: 10px; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form__right .create-new-monitor-disabled {
            pointer-events: none;
            cursor: not-allowed; }
        .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form-offline {
          cursor: not-allowed;
          color: var(--content-color-primary);
          opacity: 0.4; }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form-offline use {
            fill: var(--content-color-primary); }
          .form-content .create-new-monitor-form__content .step1.create-new-monitor-form__body .create-new-monitor-form-offline svg > path[fill] {
            fill: var(--content-color-primary); }
    .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body {
      display: flex;
      flex-direction: column;
      padding: 20px;
      overflow-y: auto;
      max-width: 900px;
      margin: 0 auto; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group {
        margin-bottom: 16px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__label, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions, .create-new-monitor-modal__body .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions {
          font-size: 12px;
          line-height: 36px;
          color: var(--content-color-primary); }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__label.is-error, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions, .create-new-monitor-modal__body .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions {
            color: var(--base-color-error); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__label--schedule-selector {
          margin-bottom: var(--spacing-xs); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .region-label {
          color: var(--content-color-primary);
          font-size: var(--text-size-m);
          margin-bottom: calc((-1) * var(--spacing-s)); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input {
          display: flex; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__form__body__input__helptext--regions {
            margin-top: 18px;
            padding-left: 20px;
            color: var(--content-color-tertiary); }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector {
            margin-top: 0; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field {
            display: flex;
            flex: 0 0 500px;
            margin-bottom: auto;
            height: 100%; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown {
              width: var(--input-components-width); }
              .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container-selected {
                max-width: 270px; }
              .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container {
                max-width: 250px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .input-checkbox {
            margin-right: 5px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input.create-new-monitor__body__input--regions {
            margin-left: var(--spacing-xl); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input-error {
          color: var(--base-color-error);
          font-size: 11px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section-toggle {
          margin-left: -10px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section {
          margin: 10px 0;
          color: var(--content-color-primary); }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__field-error {
            color: var(--base-color-error);
            font-size: 11px;
            margin: 5px 25px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox {
            display: flex; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field {
            display: flex;
            align-items: center; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field__input {
              width: 300px;
              margin: 5px 10px 5px 25px; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field .advanced-section__field__meta {
              margin: 5px 25px;
              font-size: 11px; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--notifications {
              display: block; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .monitor-notification-limit__input {
              width: 75px;
              margin: 0 8px; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-error-section {
              top: 3px;
              margin-top: 0px;
              display: inline-block; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay {
              font-size: 11px; }
              .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .advanced-section__field__input, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .advanced-section__field__input {
                width: 150px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select {
            margin: 5px 10px 5px 25px;
            display: flex;
            align-items: center; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select--retry > * {
              font-size: 11px;
              margin-right: 10px; }
            .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select__dropdown--retry {
              width: 75px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox__label {
            margin-left: 10px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__checkbox-label-helper {
            font-size: 10px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual,
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
          white-space: pre-line;
          margin-bottom: 8px;
          width: fit-content; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
          margin-bottom: unset;
          margin-top: calc((-1) * var(--spacing-s)); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions__radio {
          margin-right: 5px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input--help {
          width: 20px;
          height: 20px;
          margin-left: 10px;
          cursor: pointer; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext {
          color: var(--content-color-secondary);
          font-size: 12px;
          line-height: 24px; }
          .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext .btn-text {
            padding: 0 3px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--private {
          margin-top: 10px; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--auto {
        display: none; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--manual {
        display: flex; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__field {
        flex-wrap: wrap; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox {
        display: flex;
        width: 500px;
        color: var(--content-color-primary);
        margin-top: 8px; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon {
        display: inline-block;
        padding-left: 4px;
        vertical-align: -2px; }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon use {
          fill: var(--content-color-tertiary); }
        .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon svg > path[fill] {
          fill: var(--content-color-tertiary); }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-region {
        height: 18px; }
      .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--name {
        color: var(--content-color-primary); }
    .form-content .create-new-monitor-form__content .is-loading {
      justify-content: center; }
    .form-content .create-new-monitor-form__content .version-dropdown {
      width: 500px; }
      .form-content .create-new-monitor-form__content .version-dropdown-button {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .form-content .create-new-monitor-form__content.enable_scrolling_tab {
      overflow: auto; }
  @media screen and (max-width: 1230px) {
    .form-content .create-new-monitor__body__input__helptext--regions {
      padding-top: var(--spacing-s); } }

.tab-disabled-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--background-color-primary); }
  .tab-disabled-input:hover {
    background-color: var(--background-color-primary); }

.tab-enable-scrolling {
  overflow: auto; }

.create-new-monitor-form.tab-body {
  z-index: 0; }

.create-new-monitor-form .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.tab-helpertext, .create-new-monitor-form .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .tab-helpertext.create-new-monitor__body__input__helptext--regions, .create-new-monitor-form .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .tab-helpertext.create-new-monitor__form__body__input__helptext--regions {
  margin-top: 0;
  margin-left: -32px; }

.create-new-monitor-form .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field.tab-form {
  width: 320px;
  flex: 0 0 320px; }

.create-new-monitor__body__select-group--regions__radio.tab-radio-button {
  visibility: visible;
  -webkit-appearance: none;
  vertical-align: middle; }

.create-new-monitor-form .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox.tab-region-listing {
  width: 320px;
  font-size: var(--text-size-m); }

.tab-footer {
  text-align: center;
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.tab-button_cta {
  float: right;
  padding: var(--spacing-xxl) 0 var(--spacing-xxl); }

.tab-button_cta--primary {
  width: 280px;
  margin-left: var(--spacing-s); }

.edit-monitor-loader {
  margin-top: 20%;
  text-align: center; }

.monitor-schedule-selector-tab {
  width: 320px;
  box-sizing: border-box; }
  .monitor-schedule-selector-tab > * {
    width: 100%;
    margin: 0 10px var(--spacing-s) 0; }
  .monitor-schedule-selector-tab > *:last-child {
    margin: 0; }

.create-new-monitor__body__input__helptext .form-helper-link, .create-new-monitor__body__input__helptext--regions .form-helper-link, .create-new-monitor__form__body__input__helptext--regions .form-helper-link {
  color: var(--content-color-tertiary); }
  .create-new-monitor__body__input__helptext .form-helper-link use, .create-new-monitor__body__input__helptext--regions .form-helper-link use, .create-new-monitor__form__body__input__helptext--regions .form-helper-link use {
    fill: var(--content-color-tertiary); }
  .create-new-monitor__body__input__helptext .form-helper-link svg > path[fill], .create-new-monitor__body__input__helptext--regions .form-helper-link svg > path[fill], .create-new-monitor__form__body__input__helptext--regions .form-helper-link svg > path[fill] {
    fill: var(--content-color-tertiary); }
  .create-new-monitor__body__input__helptext .form-helper-link:hover, .create-new-monitor__body__input__helptext--regions .form-helper-link:hover, .create-new-monitor__form__body__input__helptext--regions .form-helper-link:hover {
    color: var(--content-color-link); }
    .create-new-monitor__body__input__helptext .form-helper-link:hover use, .create-new-monitor__body__input__helptext--regions .form-helper-link:hover use, .create-new-monitor__form__body__input__helptext--regions .form-helper-link:hover use {
      fill: var(--content-color-link); }
    .create-new-monitor__body__input__helptext .form-helper-link:hover svg > path[fill], .create-new-monitor__body__input__helptext--regions .form-helper-link:hover svg > path[fill], .create-new-monitor__form__body__input__helptext--regions .form-helper-link:hover svg > path[fill] {
      fill: var(--content-color-link); }
  .create-new-monitor__body__input__helptext .form-helper-link .form-helper-link--text, .create-new-monitor__body__input__helptext--regions .form-helper-link .form-helper-link--text, .create-new-monitor__form__body__input__helptext--regions .form-helper-link .form-helper-link--text {
    font-weight: var(--text-weight-regular);
    text-decoration: underline; }
  .create-new-monitor__body__input__helptext .form-helper-link .form-helper-link--icon, .create-new-monitor__body__input__helptext--regions .form-helper-link .form-helper-link--icon, .create-new-monitor__form__body__input__helptext--regions .form-helper-link .form-helper-link--icon {
    vertical-align: -2px; }

.create-new-monitor__body__input__helptext--regions {
  padding-top: var(--spacing-xl); }

.create-new-monitor__form__body__input__helptext--regions {
  padding-top: var(--spacing-xs); }

.create-new-monitor__body__input__helptext__link {
  text-indent: 2px; }

.create-monitor-collection-item {
  display: flex;
  max-width: 100%;
  align-items: center; }
  .create-monitor-collection-item__name, .create-monitor-collection-item__qualifiers {
    flex: 0 1 auto; }
  .create-monitor-collection-item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: var(--spacing-s); }
  .create-monitor-collection-item__fork-label {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular); }
    .create-monitor-collection-item__fork-label svg > path[fill] {
      fill: currentColor !important; }

.monitor-form-help-text {
  flex: 1;
  box-sizing: border-box;
  font-size: var(--text-size-m);
  line-height: var(--line-height-s); }

.modal-vertical {
  flex-direction: column; }

.monitor-uptime-banner {
  height: 0;
  margin-left: 64px; }

.monitor-topbar-actions-tooltip-wrapper,
.monitor-sidebar-tooltip-wrapper {
  display: flex;
  flex: 1; }
  .monitor-topbar-actions-tooltip-wrapper.d-flex,
  .monitor-sidebar-tooltip-wrapper.d-flex {
    display: flex; }
  .monitor-topbar-actions-tooltip-wrapper.d-block,
  .monitor-sidebar-tooltip-wrapper.d-block {
    display: block; }
  .monitor-topbar-actions-tooltip-wrapper.d-inline-block,
  .monitor-sidebar-tooltip-wrapper.d-inline-block {
    display: inline-block; }

.monitor-sidebar-tab-content {
  flex: 1;
  overflow-y: auto; }

.monitor-listing {
  flex: 1; }
  .monitor-listing .sidebar-list-item__name-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .monitor-listing .monitor-list-item-health-status.actions-hidden {
    margin-right: 28px; }
  .monitor-listing .sidebar-list-item {
    padding: var(--spacing-zero) var(--spacing-xs); }
  .monitor-listing .sidebar-list-item__content-wrapper {
    margin-left: var(--spacing-zero); }

.monitors-dropdown-menu {
  --dropdown-width: 220px;
  min-width: var(--dropdown-width); }
  .monitors-dropdown-menu .dropdown-menu-item {
    padding: 0 var(--spacing-l); }
    .monitors-dropdown-menu .dropdown-menu-item .dropdown-menu-item-icon {
      margin-right: var(--spacing-s); }
  .monitors-dropdown-menu .mock-action-item {
    display: flex;
    flex: 1; }

.monitor-listing-empty-block {
  font-size: 12px;
  padding: 10px 15px;
  color: var(--content-color-secondary); }
  .monitor-listing-empty-block .entity-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px 10px 20px;
    border: none;
    box-sizing: border-box; }
    .monitor-listing-empty-block .entity-empty .monitor-list-empty__title,
    .monitor-listing-empty-block .entity-empty .monitor-list-empty__subtitle {
      font-style: normal;
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      color: var(--content-color-primary);
      margin-bottom: 10px; }
    .monitor-listing-empty-block .entity-empty .monitor-list-empty__subtitle {
      font-weight: normal; }
  .monitor-listing-empty-block .entity-empty__illustration-wrapper--monitor {
    margin-bottom: 16px; }
    .monitor-listing-empty-block .entity-empty__illustration-wrapper--monitor .monitor-empty__illustration {
      display: block;
      width: 75px;
      height: 75px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }

.monitor-sidebar-loading-shell {
  height: 100%;
  border-right: 1px solid var(--background-color-tertiary);
  border-left: 1px solid var(--background-color-tertiary);
  overflow: hidden;
  animation: fade 1s ease-in-out infinite; }
  .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item {
    height: var(--size-m);
    border-bottom: 1px solid var(--background-color-tertiary);
    display: flex;
    align-items: center; }
    .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item .monitor-sidebar-loading-shell--monitor__dropdown {
      height: 12px;
      width: 12px;
      background-color: var(--background-color-tertiary);
      margin-left: 8px;
      border-radius: var(--border-radius-default); }
    .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item .monitor-sidebar-loading-shell--monitor__icon {
      height: 12px;
      width: 12px;
      background-color: var(--background-color-tertiary);
      margin-left: 8px;
      border-radius: var(--border-radius-default); }
    .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item .monitor-sidebar-loading-shell--monitor__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item .monitor-sidebar-empty-shell--monitor__info--name,
    .monitor-sidebar-loading-shell .monitor-sidebar-loading-shell--item .monitor-sidebar-empty-shell--monitor__info--count {
      background-color: var(--background-color-tertiary);
      width: 100px;
      height: 8px;
      margin-left: 16px;
      margin-bottom: 5px;
      border-radius: var(--border-radius-default); }

.monitor-sidebar-offline-state {
  margin-top: 80px; }

.monitor-sidebar-offline-icon {
  margin-right: 10px; }

.monitor-sidebar-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: var(--size-m);
  justify-content: space-between;
  padding: 0px 10px;
  border-bottom: 1px solid var(--border-color-default);
  margin-bottom: var(--spacing-s); }

.monitor-job .job-result-status {
  position: relative;
  background-color: var(--content-color-secondary);
  padding: var(--spacing-s) var(--spacing-l);
  border: var(--border-width-default) solid var(--border-color-strong);
  border-top: none; }
  .monitor-job .job-result-status .run-status {
    font-size: var(--text-size-xs);
    display: block; }
    @media (min-width: 568px) {
      .monitor-job .job-result-status .run-status {
        display: inline; } }
    .monitor-job .job-result-status .run-status:not(:first-child) {
      margin-top: var(--spacing-s); }
      @media (min-width: 568px) {
        .monitor-job .job-result-status .run-status:not(:first-child) {
          margin-top: 0;
          margin-left: var(--spacing-s); } }
    .monitor-job .job-result-status .run-status .pm-icon {
      margin-right: 5px;
      margin-top: -2px; }

.monitor-job .job-results-container {
  border: var(--border-width-default) solid var(--border-color-default);
  border-bottom-left-radius: var(--border-radius-default);
  border-bottom-right-radius: var(--border-radius-default);
  overflow-y: auto;
  display: flex;
  margin-top: var(--spacing-s);
  --filter-control-cell-width:35px;
  --filter-control-cell-height:35px; }
  .monitor-job .job-results-container .filter-controls-container {
    display: none;
    float: left;
    background-color: var(--background-color-secondary); }
    @media (min-width: 768px) {
      .monitor-job .job-results-container .filter-controls-container {
        display: inline-block; } }
    .monitor-job .job-results-container .filter-controls-container a {
      height: var(--filter-control-cell-width);
      width: var(--filter-control-cell-height);
      display: block;
      position: relative;
      border-bottom: var(--border-width-default) solid var(--border-color-default);
      cursor: pointer; }
      .monitor-job .job-results-container .filter-controls-container a:active {
        outline: none; }
      .monitor-job .job-results-container .filter-controls-container a.active {
        background-color: var(--background-color-primary); }
      .monitor-job .job-results-container .filter-controls-container a .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .monitor-job .job-results-container .filter-controls-container a .all .icon:first-child {
        transform: translate(-80%, -80%); }
      .monitor-job .job-results-container .filter-controls-container a .all .icon:last-child {
        transform: translate(-20%, -20%); }
  .monitor-job .job-results-container .job-filtered-results {
    width: calc(100% - var(--filter-control-cell-width)); }
    @media (min-width: 768px) {
      .monitor-job .job-results-container .job-filtered-results {
        border-left: var(--border-width-default) solid var(--border-color-default);
        flex: auto; } }

.monitor-job .icon.success {
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMwQ0JCNTIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjAwMDAxIDcuMjkyOTNMOC42NDY0NSAzLjY0NjQ4TDkuMzUzNTYgNC4zNTM1OUw1LjAwMDAxIDguNzA3MTRMMi42NDY0NSA2LjM1MzU5TDMuMzUzNTYgNS42NDY0OEw1LjAwMDAxIDcuMjkyOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); }

.monitor-job .icon.error {
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNFQjIwMTMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljg1MzU5IDMuODUzNTlMMy44NTM1OSA4Ljg1MzU5TDMuMTQ2NDggOC4xNDY0OEw4LjE0NjQ4IDMuMTQ2NDhMOC44NTM1OSAzLjg1MzU5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg1MzU5IDMuMTQ2NDhMOC44NTM1OSA4LjE0NjQ4TDguMTQ2NDggOC44NTM1OUwzLjE0NjQ4IDMuODUzNTlMMy44NTM1OSAzLjE0NjQ4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); }

.monitor-job .job-results {
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 12em;
  background-color: var(--background-color-primary); }
  .monitor-job .job-results.padded {
    padding: var(--spacing-xxl) var(--spacing-l); }
  .monitor-job .job-results .empty-state {
    padding: var(--spacing-l) 0;
    text-align: center; }
    .monitor-job .job-results .empty-state__body {
      max-width: 360px;
      margin: 16px auto 32px; }
  .monitor-job .job-results .request {
    border-bottom: var(--border-width-default) solid var(--border-color-default);
    font-size: var(--text-size-m); }
    .monitor-job .job-results .request .ellipsify {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .monitor-job .job-results .request:last-child {
      border-bottom: none; }
    .monitor-job .job-results .request .request-header {
      padding: var(--spacing-s) var(--spacing-s);
      border-bottom: var(--border-width-default) solid var(--border-color-default);
      cursor: pointer; }
      .monitor-job .job-results .request .request-header .pm-row {
        display: flex;
        flex-direction: row;
        width: 100%; }
        .monitor-job .job-results .request .request-header .pm-row .request-meta {
          flex-grow: 4; }
        .monitor-job .job-results .request .request-header .pm-row .request-summary {
          margin-right: var(--spacing-l);
          min-width: 200px; }
    .monitor-job .job-results .request .icon {
      float: left;
      margin-top: 2px; }
    .monitor-job .job-results .request .request-name {
      line-height: 1.5;
      font-weight: normal;
      display: inline;
      padding-left: var(--spacing-l); }
    .monitor-job .job-results .request .request-method {
      font-size: 11px;
      font-weight: 600;
      padding-left: 12px; }
      .monitor-job .job-results .request .request-method.get {
        color: var(--base-color-success); }
      .monitor-job .job-results .request .request-method.post {
        color: var(--base-color-warning); }
      .monitor-job .job-results .request .request-method.put {
        color: var(--base-color-info); }
      .monitor-job .job-results .request .request-method.patch {
        color: var(--content-color-secondary); }
      .monitor-job .job-results .request .request-method.delete {
        color: var(--base-color-brand); }
    .monitor-job .job-results .request .request-url {
      overflow-wrap: break-word;
      word-break: break-word;
      font-weight: 200;
      padding-left: 28px;
      margin-top: var(--spacing-xs);
      display: block; }
      @media (min-width: 768px) {
        .monitor-job .job-results .request .request-url {
          display: inline;
          padding-left: var(--spacing-s);
          margin-top: 0; } }
    .monitor-job .job-results .request .response-code {
      font-size: var(--text-size-m);
      display: block;
      margin-top: var(--spacing-l); }
      @media (min-width: 568px) {
        .monitor-job .job-results .request .response-code {
          margin-top: 0;
          text-align: right; } }
    .monitor-job .job-results .request .response-time {
      font-size: var(--text-size-xs);
      color: var(--content-color-link);
      display: block; }
      @media (min-width: 568px) {
        .monitor-job .job-results .request .response-time {
          text-align: right; } }
    .monitor-job .job-results .request .request-summary {
      margin-top: var(--spacing-s);
      padding-left: var(--spacing-xxxl); }
      @media (min-width: 768px) {
        .monitor-job .job-results .request .request-summary {
          margin-top: 0;
          padding-left: 0; } }
      .monitor-job .job-results .request .request-summary .run-status:not(:first-child) {
        padding-left: var(--spacing-s); }
      .monitor-job .job-results .request .request-summary .run-status .pm-icon {
        margin-right: 5px;
        margin-top: -2px; }
      .monitor-job .job-results .request .request-summary .no-response {
        color: var(--content-color-secondary); }
    .monitor-job .job-results .request .request-test-results .test-results {
      list-style: none;
      margin: 0;
      padding: 0;
      line-height: 2; }
      .monitor-job .job-results .request .request-test-results .test-results li {
        padding: var(--spacing-s) var(--spacing-xxxl); }
        .monitor-job .job-results .request .request-test-results .test-results li .icon {
          margin-top: 5px; }
      .monitor-job .job-results .request .request-test-results .test-results .test-result {
        display: inline-block;
        width: 3.5em; }
    .monitor-job .job-results .request .request-test-results .push-half--sides {
      margin-right: 8px !important;
      margin-left: 8px !important; }

.monitor-job .pm-link {
  color: var(--content-color-link);
  text-decoration: none; }
  .monitor-job .pm-link:hover {
    color: var(--content-color-brand);
    text-decoration: underline; }

.monitor-job .hidden {
  display: none !important; }

.monitor-details {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .monitor-details__monitor-actions__run {
    display: flex;
    margin-right: var(--spacing-m); }
    .monitor-details__monitor-actions__run--loading {
      margin-right: var(--spacing-xl); }
    .monitor-details__monitor-actions__run__text {
      margin-left: var(--spacing-s);
      color: var(--content-color-constant); }
  .monitor-details__body {
    flex: auto;
    overflow-y: auto; }

.monitor-no-jobs .empty-state {
  max-width: 500px;
  margin: 0 auto;
  color: var(--content-color-primary);
  text-align: center;
  padding-top: var(--spacing-xxxl);
  font-size: var(--text-size-m); }
  .monitor-no-jobs .empty-state__title {
    font-size: inherit;
    font-weight: var(--text-weight-medium);
    padding-top: var(--spacing-m); }
  .monitor-no-jobs .empty-state__body {
    margin: 16px auto 32px;
    line-height: 20px; }
  .monitor-no-jobs .empty-state__image.monitor-logo {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }

.monitor-details-header {
  display: flex;
  height: var(--spacing-xxxl);
  flex: var(--spacing-xxxl) 0 0;
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-medium);
  padding: 0 var(--spacing-l);
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  box-sizing: border-box;
  --monitor-name-loader-width: 200px;
  --status-badge-border-radius: 30px; }
  .monitor-details-header__monitor-name-wrapper {
    display: flex;
    flex: 1;
    min-width: 0;
    color: var(--content-color-primary);
    margin-right: var(--spacing-l);
    align-items: center; }
    .monitor-details-header__monitor-name-wrapper > .status-badge {
      font-size: var(--text-size-s);
      line-height: var(--line-height-s);
      font-weight: var(--text-weight-medium);
      flex-shrink: 0;
      display: inline-block;
      padding: var(--spacing-zero) var(--spacing-s);
      border-radius: var(--status-badge-border-radius);
      margin-left: var(--spacing-s); }
      .monitor-details-header__monitor-name-wrapper > .status-badge.paused {
        color: var(--content-color-secondary);
        background-color: var(--background-color-tertiary); }
      .monitor-details-header__monitor-name-wrapper > .status-badge.healthy {
        color: var(--content-color-success);
        background-color: var(--background-color-success); }
      .monitor-details-header__monitor-name-wrapper > .status-badge.unhealthy {
        color: var(--content-color-error);
        background-color: var(--background-color-error); }
    .monitor-details-header__monitor-name-wrapper > .monitor-lock-icon {
      margin-left: var(--spacing-xs); }
  .monitor-details-header__monitor-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .monitor-details-header__monitor-name__loading {
      animation: fade 1s linear infinite;
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default);
      height: var(--size-s);
      width: var(--monitor-name-loader-width); }
  .monitor-details-header__copy-link {
    display: none;
    margin-left: var(--spacing-xs); }
  .monitor-details-header__monitor-name-wrapper:hover .monitor-details-header__copy-link {
    display: inline-flex; }
  .monitor-details-header__monitor-actions {
    display: flex;
    align-items: center; }
    .monitor-details-header__monitor-actions__run-btn {
      display: inline-flex;
      align-items: center; }
      .monitor-details-header__monitor-actions__run-btn .pm-icon {
        margin-right: var(--spacing-xs); }
    .monitor-details-header__monitor-actions__refresh {
      display: flex;
      cursor: pointer; }
      .monitor-details-header__monitor-actions__refresh__text {
        margin-left: var(--spacing-s);
        color: var(--content-color-secondary); }
    .monitor-details-header__monitor-actions__refresh--loading {
      margin-right: var(--spacing-xxl);
      margin-left: var(--spacing-xxl); }
    .monitor-details-header__monitor-actions__loading-block {
      animation: fade 1s linear infinite;
      height: var(--spacing-xl);
      width: var(--spacing-xl);
      margin-left: var(--spacing-s);
      background-color: var(--highlight-background-color-transparent);
      border-radius: var(--border-radius-default); }

.monitor-actions-dropdown .dropdown-menu {
  margin-top: 0;
  margin-right: var(--spacing-xs);
  min-width: 220px; }
  .monitor-actions-dropdown .dropdown-menu .dropdown-menu-item {
    padding: 0 var(--spacing-l); }
    .monitor-actions-dropdown .dropdown-menu .dropdown-menu-item .dropdown-menu-item-icon {
      margin-right: var(--spacing-s); }

.monitor-actions-dropdown .dropdown-menu-item--delete {
  border-top: var(--border-width-default) solid var(--border-color-default); }

.monitor-action-item {
  display: flex;
  flex: 1; }

.monitor-performance {
  border-bottom: var(--border-width-default) solid var(--border-color-strong); }
  .monitor-performance h4 {
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-s); }
  .monitor-performance__actions {
    position: relative;
    margin-top: var(--spacing-l);
    padding-left: var(--spacing-l); }
  .monitor-performance__split-selector {
    display: block;
    margin-bottom: var(--spacing-l);
    color: var(--content-color-primary); }
    .monitor-performance__split-selector label {
      font-size: var(--text-size-m);
      padding-right: var(--spacing-m);
      cursor: pointer; }
    .monitor-performance__split-selector .radio-button {
      vertical-align: middle;
      margin-right: var(--spacing-xs);
      -moz-appearance: initial; }
  .monitor-performance__request-selector, .monitor-performance__region-selector, .monitor-performance__aggregate-selector {
    margin-right: 14px;
    width: 176px; }
    .monitor-performance__request-selector .input-select-v2-wrapper, .monitor-performance__region-selector .input-select-v2-wrapper, .monitor-performance__aggregate-selector .input-select-v2-wrapper {
      align-items: center;
      background-color: var(--background-color-secondary);
      border: var(--border-width-default) solid var(--border-color-default);
      box-sizing: border-box;
      display: flex;
      height: var(--size-m);
      position: relative;
      width: inherit;
      font-weight: normal; }
      .monitor-performance__request-selector .input-select-v2-wrapper .input-search-group .input, .monitor-performance__region-selector .input-select-v2-wrapper .input-search-group .input, .monitor-performance__aggregate-selector .input-select-v2-wrapper .input-search-group .input {
        font-weight: normal;
        font-size: var(--text-size-m); }
    .monitor-performance__request-selector:hover, .monitor-performance__region-selector:hover, .monitor-performance__aggregate-selector:hover {
      cursor: pointer; }
  .monitor-performance__empty-state {
    color: var(--content-color-primary);
    text-align: center;
    margin: 60px 0px 100px 0px;
    font-size: var(--text-size-m); }
    .monitor-performance__empty-state .empty-state__title {
      font-size: inherit;
      font-weight: var(--text-weight-medium); }
    .monitor-performance__empty-state .empty-state__image.activity {
      display: block;
      width: 160px;
      height: 126px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTk0IiBoZWlnaHQ9IjE1MyIgdmlld0JveD0iMCAwIDE5NCAxNTMiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0uODI1LjFIMzguMzV2OTUuNzdILjgyNXoiLz4KICAgICAgICA8cGF0aCBpZD0iYyIgZD0iTS41NDUuMDA1aDI0Ljg0N3Y5LjU3NEguNTQ1eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBmaWxsPSIjRjBGMEYwIiBkPSJNMTEzLjM0NSAxMzIuMzEyYy0xMS42MjcgNy45MTQtMjUuNjc3IDEyLjU0MS00MC44MSAxMi41NDFDMzIuNDc2IDE0NC44NTMgMCAxMTIuNDI3IDAgNzIuNDI3UzMyLjQ3NSAwIDcyLjUzNiAwYzEzLjg3MyAwIDI2LjgzNyAzLjg4OSAzNy44NTcgMTAuNjM0IDcuNjg5LTMuNzQ0IDE2LjMyOC01Ljg0NiAyNS40NTgtNS44NDZDMTY3Ljk2NiA0Ljc4OCAxOTQgMzAuNzg0IDE5NCA2Mi44NWMwIDkuMDg4LTIuMDkxIDE3LjY4OS01LjgyIDI1LjM0OGE0My4xNDggNDMuMTQ4IDAgMCAxIDUuNDQ5IDIxLjA1MmMwIDIzLjk2Ny0xOS40NTkgNDMuMzk2LTQzLjQ2MiA0My4zOTYtMTUuNTE2IDAtMjkuMTMzLTguMTE4LTM2LjgyMi0yMC4zMzN6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM2LjM0OSA4OC40OTNjLS4yMjYgMS4xMTUtLjk0OSAzLjQ2NC0zLjEzIDQuNDc3YS4wOS4wOSAwIDAgMCAwIC4xNjhjLjY0Ny4xOTcgMi4zMzMuOTggMy4yMDkgMy45MDdhLjA5My4wOTMgMCAwIDAgLjE4LS4wMTFjLjE2OC0uOTc5Ljg1LTMuMjcxIDMuMzM1LTMuODc0YS4wOTMuMDkzIDAgMCAwIDAtLjE3N2MtLjg1Mi0uMjc2LTIuODYtMS4yNi0zLjQyNC00LjQ4MmEuMDkuMDkgMCAwIDAtLjE3LS4wMDh6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzhDOUVBMiIgZD0iTTEyMy41ODcgMTI0Ljg3MmgxMi44MDJ2LTExLjY0OEgxMTkuMTYiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjOUFBREIyIiBkPSJNNjEuMDkgMjkuMWg2NS4yNnY5NS43NzJINjUuMjVjLTguNTIzLS4wMDMtMTUuNDMtNi45MjItMTUuNDI5LTE1LjQ1NlY0MS40NDMiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDI1OTY2IiBkPSJNMTI2LjM1IDkwLjUxNGgyMC4wNzl2MjUuOTM3YzAgNC42NS0zLjc2NSA4LjQyMS04LjQxIDguNDIxaC0zLjI1OGMtNC42NDUgMC04LjQxLTMuNzctOC40MS04LjQyMVY5MC41MTR6TTQ5LjgxMyA0MS40NDNsMTEuMTI4LjM1Mi4xNDItMTIuNjk2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTYxLjA4MyAxMDEuMjI3aDU1LjQ4N1Y0OS4xMTVINjEuMDgzeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDkxOTkiIGQ9Ik0xMTYuNDc2IDM5LjgxNGMwIDIuNTgtMi4wODggNC42Ny00LjY2NCA0LjY3YTQuNjY3IDQuNjY3IDAgMCAxLTQuNjY1LTQuNjdjMC0yLjU3OSAyLjA4OS00LjY3IDQuNjY1LTQuNjdhNC42NjcgNC42NjcgMCAwIDEgNC42NjQgNC42N3pNNjcuODQ4IDM4LjMxNGgzNi4xNjN2LTIuMzQxSDY3Ljg0OHpNNjcuODQ4IDQzLjQ3N2gzNi4xNjN2LTIuMzRINjcuODQ4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4IDI5KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjgyNSA5NS44N0gzOC4zNVYuMUguODI1eiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0Y2OUM3OSIgZD0iTTEzNS4xMzMgNTkuNTI1Yy0uMjI2IDEuMTE1LS45NSAzLjQ2NC0zLjEzIDQuNDc2YS4wOTEuMDkxIDAgMCAwIDAgLjE2OWMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkzLjA5MyAwIDAgMCAuMTgtLjAxMmMuMTY4LS45NzguODQ5LTMuMjcgMy4zMzUtMy44NzNhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1Ny4zMzcgMTAxLjU3MWMtLjIyNiAxLjExNS0uOTQ5IDMuNDY0LTMuMTMgNC40NzdhLjA5LjA5IDAgMCAwIDAgLjE2OGMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkyLjA5MiAwIDAgMCAuMTgtLjAxMWMuMTY4LS45NzkuODUtMy4yNzEgMy4zMzUtMy44NzRhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzIzMUYyMCIgZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTYxLjA4MyAxMTMuOTVoMjQuODQ2di05LjU3NUg2MS4wODN6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTEgMTA0KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJkIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2MiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjU0NSA5LjU4aDI0Ljg0N1YuMDA0SC41NDV6IiBtYXNrPSJ1cmwoI2QpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }
    .monitor-performance__empty-state--loading {
      margin: 10% 0 0 0; }
      .monitor-performance__empty-state--loading .loading-indicator {
        transform: scale(1.5); }
  .monitor-performance__job-filters-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .monitor-performance__job-filters-wrapper > label {
      font-size: var(--text-size-m);
      color: var(--content-color-primary);
      margin-right: var(--spacing-s); }
    @media (max-width: 1500px) {
      .monitor-performance__job-filters-wrapper > label {
        min-width: 100%; }
      .monitor-performance__job-filters-wrapper > * {
        margin-bottom: var(--spacing-s); } }
  .monitor-performance__job-filters-panel {
    text-align: left; }
    .monitor-performance__job-filters-panel .btn-secondary {
      width: inherit;
      color: var(--content-color-primary);
      padding: 0px 0px 0px 0px;
      height: var(--size-m);
      font-size: var(--text-size-m); }
  .monitor-performance__job-filters-selector {
    margin-right: 14px; }
    .monitor-performance__job-filters-selector .pm-btn-secondary {
      text-align: left;
      background-color: var(--background-color-secondary);
      border: var(--border-width-default) solid var(--border-color-default);
      width: 136px;
      color: var(--content-color-primary);
      padding: 0px 0px 0px 10px;
      max-width: 400px;
      height: var(--size-m);
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-m); }
    .monitor-performance__job-filters-selector .filter-label {
      display: inline-block;
      width: 170px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .monitor-performance__job-filters-selector .filter-arrow {
      vertical-align: middle;
      display: inline-block; }
    .monitor-performance__job-filters-selector .multi-select-entity__list {
      margin-top: 2px;
      border: 0.5px var(--border-style-solid) var(--border-color-strong);
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
      height: auto;
      width: 136px;
      overflow: auto;
      overflow-x: hidden;
      z-index: 1000;
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-m);
      position: absolute;
      background-color: var(--background-color-secondary); }
      .monitor-performance__job-filters-selector .multi-select-entity__list .multi-select-entity__item {
        display: flex;
        height: 30px;
        align-items: center;
        padding: 0px 5px;
        cursor: pointer;
        color: var(--content-color-primary); }
        .monitor-performance__job-filters-selector .multi-select-entity__list .multi-select-entity__item .input-checkbox {
          margin-right: 10px;
          flex-shrink: 0; }
        .monitor-performance__job-filters-selector .multi-select-entity__list .multi-select-entity__item .multi-select-entity__item--name {
          white-space: pre;
          overflow: hidden;
          text-overflow: ellipsis; }
        .monitor-performance__job-filters-selector .multi-select-entity__list .multi-select-entity__item:first-child {
          border: var(--border-width-default) solid var(--border-color-default); }
    .monitor-performance__job-filters-selector .dropdown-caret {
      margin-right: var(--spacing-s); }
  .monitor-performance__job-filters-options--disabled .multi-select-entity__item {
    pointer-events: none;
    opacity: 0.7; }
  .monitor-performance__job-filters-selector, .monitor-performance__job-filters-options {
    width: auto; }
  @media (min-width: 1024px) {
    .monitor-performance__job-filters-options {
      width: 200px; }
    .monitor-performance__region-selector .Select, .monitor-performance__request-selector .Select {
      width: 200px; } }

figure.job-history-chart {
  --bar-width: 32px;
  --top-bar-height: 240px;
  --bottom-bar-height: 80px;
  --bar-spacing: 4px;
  --y-axis-label-width: 30px;
  --y-axis-label-height: 16px;
  --top-bottom-spacing: calc(var(--text-size-l)*3);
  --breakpoint-md: 768px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* W3C standard */
  display: block;
  padding-left: calc(var(--y-axis-label-width) + var(--spacing-l));
  position: relative;
  margin: var(--spacing-l) 0; }
  figure.job-history-chart .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  figure.job-history-chart ol.y-axis {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--spacing-xl));
    min-height: var(--top-bar-height);
    z-index: 0;
    padding-left: var(--spacing-l);
    margin-top: calc(var(--spacing-l) / 8); }
    figure.job-history-chart ol.y-axis li {
      font-size: 10px;
      height: var(--y-axis-label-height);
      color: var(--content-color-error);
      margin-bottom: calc((-1) * var(--y-axis-label-height) / 2); }
      figure.job-history-chart ol.y-axis li > div {
        width: 2.5em;
        text-align: right; }
      figure.job-history-chart ol.y-axis li:after {
        content: ' ';
        display: block;
        border-top: solid var(--border-width-default) var(--border-color-default);
        position: relative;
        top: calc((-1) * var(--y-axis-label-height) / 2);
        left: var(--y-axis-label-width);
        width: calc(100% - (var(--y-axis-label-width) + var(--spacing-l))); }
      figure.job-history-chart ol.y-axis li.response-time-tick {
        color: var(--content-color-info);
        margin-top: calc((var(--top-bar-height)/ 5) - (var(--y-axis-label-height) / 2)); }
    figure.job-history-chart ol.y-axis > li.failed-tick {
      margin-top: 34px; }
      figure.job-history-chart ol.y-axis > li.failed-tick ~ li.failed-tick {
        margin-top: calc((var(--bottom-bar-height) / 2) - (var(--y-axis-label-height) / 2)); }
  figure.job-history-chart div.x-axis {
    width: calc(100% - var(--spacing-xl));
    min-height: var(--top-bar-height);
    overflow: auto;
    position: relative;
    z-index: 1; }
    figure.job-history-chart div.x-axis .clearfix {
      display: inline-flex;
      position: relative; }
      figure.job-history-chart div.x-axis .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
    figure.job-history-chart div.x-axis div.day {
      position: relative;
      padding-bottom: 16px; }
      figure.job-history-chart div.x-axis div.day time.date {
        display: block;
        position: absolute;
        bottom: 10px;
        left: calc(50% - 27px);
        padding: 0 var(--spacing-l);
        font-size: 10px;
        text-align: center;
        color: var(--content-color-primary);
        background-color: var(--background-color-primary); }
      figure.job-history-chart div.x-axis div.day:before {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 16px;
        left: 3px;
        width: calc(100% - 6px);
        border-top: solid var(--border-width-default) var(--border-color-default); }
    figure.job-history-chart div.x-axis .response-line-graph {
      position: absolute;
      width: 100%;
      height: 100%;
      fill: none;
      stroke: var(--content-color-info);
      z-index: 5;
      pointer-events: none; }
      figure.job-history-chart div.x-axis .response-line-graph polyline {
        fill: none;
        stroke-width: 1; }
      figure.job-history-chart div.x-axis .response-line-graph circle {
        fill: white;
        stroke: var(--content-color-info);
        stroke-width: 1; }
  figure.job-history-chart ol.jobs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    white-space: nowrap; }
    figure.job-history-chart ol.jobs > li {
      display: inline-block; }
    figure.job-history-chart ol.jobs li.job {
      cursor: pointer;
      position: relative;
      --job-bar-animation-ribbon-color: rgba(51, 51, 51, 0.22);
      --job-bar-animation-background-size: 20px; }
      figure.job-history-chart ol.jobs li.job .top {
        background-color: var(--content-color-tertiary); }
      figure.job-history-chart ol.jobs li.job .passed {
        background-color: var(--content-color-success); }
      figure.job-history-chart ol.jobs li.job .failed {
        background-color: var(--content-color-error); }
      figure.job-history-chart ol.jobs li.job .unknown {
        background-image: linear-gradient(-45deg, transparent 25%, var(--job-bar-animation-ribbon-color) 25%, var(--job-bar-animation-ribbon-color) 50%, transparent 50%, transparent 75%, var(--job-bar-animation-ribbon-color) 75%, var(--job-bar-animation-ribbon-color));
        background-size: var(--job-bar-animation-background-size) var(--job-bar-animation-background-size);
        background-color: var(--content-color-tertiary); }
      figure.job-history-chart ol.jobs li.job .unknown.animated {
        animation: job-progress-loader 2s infinite linear; }

@keyframes job-progress-loader {
  0% {
    background-position: 0px var(--job-bar-animation-background-size); }
  100% {
    background-position: var(--job-bar-animation-background-size) var(--job-bar-animation-background-size); } }
      figure.job-history-chart ol.jobs li.job .error {
        background-color: var(--content-color-error); }
      figure.job-history-chart ol.jobs li.job .bars .top,
      figure.job-history-chart ol.jobs li.job .bars .unknown,
      figure.job-history-chart ol.jobs li.job .bars .error {
        opacity: 0.2; }
      figure.job-history-chart ol.jobs li.job .bars .passed {
        opacity: 0.5; }
      figure.job-history-chart ol.jobs li.job:hover .bars .top,
      figure.job-history-chart ol.jobs li.job:hover .bars .unknown,
      figure.job-history-chart ol.jobs li.job:hover .bars .error {
        opacity: 0.35; }
      figure.job-history-chart ol.jobs li.job:hover .bars .passed {
        opacity: 0.75; }
      figure.job-history-chart ol.jobs li.job:hover .start-time {
        background-color: var(--highlight-background-color-tertiary); }
        figure.job-history-chart ol.jobs li.job:hover .start-time:after {
          border-bottom: 10px solid var(--highlight-background-color-tertiary); }
      figure.job-history-chart ol.jobs li.job.selected .bars .top,
      figure.job-history-chart ol.jobs li.job.selected .bars .unknown,
      figure.job-history-chart ol.jobs li.job.selected .bars .error, figure.job-history-chart ol.jobs li.job:active .bars .top,
      figure.job-history-chart ol.jobs li.job:active .bars .unknown,
      figure.job-history-chart ol.jobs li.job:active .bars .error, figure.job-history-chart ol.jobs li.job:focus .bars .top,
      figure.job-history-chart ol.jobs li.job:focus .bars .unknown,
      figure.job-history-chart ol.jobs li.job:focus .bars .error {
        opacity: 0.5; }
      figure.job-history-chart ol.jobs li.job.selected .bars .passed, figure.job-history-chart ol.jobs li.job:active .bars .passed, figure.job-history-chart ol.jobs li.job:focus .bars .passed {
        opacity: 0.85; }
      figure.job-history-chart ol.jobs li.job.selected .start-time, figure.job-history-chart ol.jobs li.job:active .start-time, figure.job-history-chart ol.jobs li.job:focus .start-time {
        color: var(--background-color-primary);
        background-color: var(--content-color-primary); }
      figure.job-history-chart ol.jobs li.job.selected .start-time:after, figure.job-history-chart ol.jobs li.job:active .start-time:after, figure.job-history-chart ol.jobs li.job:focus .start-time:after {
        border-bottom: 10px solid var(--content-color-primary); }
      figure.job-history-chart ol.jobs li.job .passed,
      figure.job-history-chart ol.jobs li.job .top,
      figure.job-history-chart ol.jobs li.job .failed,
      figure.job-history-chart ol.jobs li.job .unknown,
      figure.job-history-chart ol.jobs li.job .error {
        width: var(--bar-width);
        margin: 0 calc(var(--bar-spacing) / 2); }
      figure.job-history-chart ol.jobs li.job .passed-0,
      figure.job-history-chart ol.jobs li.job .failed-0,
      figure.job-history-chart ol.jobs li.job .unknown-0,
      figure.job-history-chart ol.jobs li.job .error-0 {
        display: none; }
      figure.job-history-chart ol.jobs li.job .passed-100,
      figure.job-history-chart ol.jobs li.job .failed-100,
      figure.job-history-chart ol.jobs li.job .unknown-100,
      figure.job-history-chart ol.jobs li.job .error-100 {
        height: var(--bottom-bar-height); }
      figure.job-history-chart ol.jobs li.job .top {
        height: calc(var(--top-bar-height) - var(--y-axis-label-height));
        margin-bottom: var(--top-bottom-spacing); }
      figure.job-history-chart ol.jobs li.job .failed-1 {
        height: 1px; }
      figure.job-history-chart ol.jobs li.job .error-1 {
        height: 0px; }
      figure.job-history-chart ol.jobs li.job .passed-1 {
        height: 0px; }
      figure.job-history-chart ol.jobs li.job .failed-2 {
        height: 2px; }
      figure.job-history-chart ol.jobs li.job .error-2 {
        height: 1px; }
      figure.job-history-chart ol.jobs li.job .passed-2 {
        height: 1px; }
      figure.job-history-chart ol.jobs li.job .failed-3 {
        height: 3px; }
      figure.job-history-chart ol.jobs li.job .error-3 {
        height: 2px; }
      figure.job-history-chart ol.jobs li.job .passed-3 {
        height: 2px; }
      figure.job-history-chart ol.jobs li.job .failed-4 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .error-4 {
        height: 3px; }
      figure.job-history-chart ol.jobs li.job .passed-4 {
        height: 3px; }
      figure.job-history-chart ol.jobs li.job .failed-5 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .error-5 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .passed-5 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .failed-6 {
        height: 5px; }
      figure.job-history-chart ol.jobs li.job .error-6 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .passed-6 {
        height: 4px; }
      figure.job-history-chart ol.jobs li.job .failed-7 {
        height: 6px; }
      figure.job-history-chart ol.jobs li.job .error-7 {
        height: 5px; }
      figure.job-history-chart ol.jobs li.job .passed-7 {
        height: 5px; }
      figure.job-history-chart ol.jobs li.job .failed-8 {
        height: 7px; }
      figure.job-history-chart ol.jobs li.job .error-8 {
        height: 6px; }
      figure.job-history-chart ol.jobs li.job .passed-8 {
        height: 6px; }
      figure.job-history-chart ol.jobs li.job .failed-9 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .error-9 {
        height: 7px; }
      figure.job-history-chart ol.jobs li.job .passed-9 {
        height: 7px; }
      figure.job-history-chart ol.jobs li.job .failed-10 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .error-10 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .passed-10 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .failed-11 {
        height: 9px; }
      figure.job-history-chart ol.jobs li.job .error-11 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .passed-11 {
        height: 8px; }
      figure.job-history-chart ol.jobs li.job .failed-12 {
        height: 10px; }
      figure.job-history-chart ol.jobs li.job .error-12 {
        height: 9px; }
      figure.job-history-chart ol.jobs li.job .passed-12 {
        height: 9px; }
      figure.job-history-chart ol.jobs li.job .failed-13 {
        height: 11px; }
      figure.job-history-chart ol.jobs li.job .error-13 {
        height: 10px; }
      figure.job-history-chart ol.jobs li.job .passed-13 {
        height: 10px; }
      figure.job-history-chart ol.jobs li.job .failed-14 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .error-14 {
        height: 11px; }
      figure.job-history-chart ol.jobs li.job .passed-14 {
        height: 11px; }
      figure.job-history-chart ol.jobs li.job .failed-15 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .error-15 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .passed-15 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .failed-16 {
        height: 13px; }
      figure.job-history-chart ol.jobs li.job .error-16 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .passed-16 {
        height: 12px; }
      figure.job-history-chart ol.jobs li.job .failed-17 {
        height: 14px; }
      figure.job-history-chart ol.jobs li.job .error-17 {
        height: 13px; }
      figure.job-history-chart ol.jobs li.job .passed-17 {
        height: 13px; }
      figure.job-history-chart ol.jobs li.job .failed-18 {
        height: 15px; }
      figure.job-history-chart ol.jobs li.job .error-18 {
        height: 14px; }
      figure.job-history-chart ol.jobs li.job .passed-18 {
        height: 14px; }
      figure.job-history-chart ol.jobs li.job .failed-19 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .error-19 {
        height: 15px; }
      figure.job-history-chart ol.jobs li.job .passed-19 {
        height: 15px; }
      figure.job-history-chart ol.jobs li.job .failed-20 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .error-20 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .passed-20 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .failed-21 {
        height: 17px; }
      figure.job-history-chart ol.jobs li.job .error-21 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .passed-21 {
        height: 16px; }
      figure.job-history-chart ol.jobs li.job .failed-22 {
        height: 18px; }
      figure.job-history-chart ol.jobs li.job .error-22 {
        height: 17px; }
      figure.job-history-chart ol.jobs li.job .passed-22 {
        height: 17px; }
      figure.job-history-chart ol.jobs li.job .failed-23 {
        height: 19px; }
      figure.job-history-chart ol.jobs li.job .error-23 {
        height: 18px; }
      figure.job-history-chart ol.jobs li.job .passed-23 {
        height: 18px; }
      figure.job-history-chart ol.jobs li.job .failed-24 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .error-24 {
        height: 19px; }
      figure.job-history-chart ol.jobs li.job .passed-24 {
        height: 19px; }
      figure.job-history-chart ol.jobs li.job .failed-25 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .error-25 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .passed-25 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .failed-26 {
        height: 21px; }
      figure.job-history-chart ol.jobs li.job .error-26 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .passed-26 {
        height: 20px; }
      figure.job-history-chart ol.jobs li.job .failed-27 {
        height: 22px; }
      figure.job-history-chart ol.jobs li.job .error-27 {
        height: 21px; }
      figure.job-history-chart ol.jobs li.job .passed-27 {
        height: 21px; }
      figure.job-history-chart ol.jobs li.job .failed-28 {
        height: 23px; }
      figure.job-history-chart ol.jobs li.job .error-28 {
        height: 22px; }
      figure.job-history-chart ol.jobs li.job .passed-28 {
        height: 22px; }
      figure.job-history-chart ol.jobs li.job .failed-29 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .error-29 {
        height: 23px; }
      figure.job-history-chart ol.jobs li.job .passed-29 {
        height: 23px; }
      figure.job-history-chart ol.jobs li.job .failed-30 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .error-30 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .passed-30 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .failed-31 {
        height: 25px; }
      figure.job-history-chart ol.jobs li.job .error-31 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .passed-31 {
        height: 24px; }
      figure.job-history-chart ol.jobs li.job .failed-32 {
        height: 26px; }
      figure.job-history-chart ol.jobs li.job .error-32 {
        height: 25px; }
      figure.job-history-chart ol.jobs li.job .passed-32 {
        height: 25px; }
      figure.job-history-chart ol.jobs li.job .failed-33 {
        height: 27px; }
      figure.job-history-chart ol.jobs li.job .error-33 {
        height: 26px; }
      figure.job-history-chart ol.jobs li.job .passed-33 {
        height: 26px; }
      figure.job-history-chart ol.jobs li.job .failed-34 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .error-34 {
        height: 27px; }
      figure.job-history-chart ol.jobs li.job .passed-34 {
        height: 27px; }
      figure.job-history-chart ol.jobs li.job .failed-35 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .error-35 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .passed-35 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .failed-36 {
        height: 29px; }
      figure.job-history-chart ol.jobs li.job .error-36 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .passed-36 {
        height: 28px; }
      figure.job-history-chart ol.jobs li.job .failed-37 {
        height: 30px; }
      figure.job-history-chart ol.jobs li.job .error-37 {
        height: 29px; }
      figure.job-history-chart ol.jobs li.job .passed-37 {
        height: 29px; }
      figure.job-history-chart ol.jobs li.job .failed-38 {
        height: 31px; }
      figure.job-history-chart ol.jobs li.job .error-38 {
        height: 30px; }
      figure.job-history-chart ol.jobs li.job .passed-38 {
        height: 30px; }
      figure.job-history-chart ol.jobs li.job .failed-39 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .error-39 {
        height: 31px; }
      figure.job-history-chart ol.jobs li.job .passed-39 {
        height: 31px; }
      figure.job-history-chart ol.jobs li.job .failed-40 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .error-40 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .passed-40 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .failed-41 {
        height: 33px; }
      figure.job-history-chart ol.jobs li.job .error-41 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .passed-41 {
        height: 32px; }
      figure.job-history-chart ol.jobs li.job .failed-42 {
        height: 34px; }
      figure.job-history-chart ol.jobs li.job .error-42 {
        height: 33px; }
      figure.job-history-chart ol.jobs li.job .passed-42 {
        height: 33px; }
      figure.job-history-chart ol.jobs li.job .failed-43 {
        height: 35px; }
      figure.job-history-chart ol.jobs li.job .error-43 {
        height: 34px; }
      figure.job-history-chart ol.jobs li.job .passed-43 {
        height: 34px; }
      figure.job-history-chart ol.jobs li.job .failed-44 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .error-44 {
        height: 35px; }
      figure.job-history-chart ol.jobs li.job .passed-44 {
        height: 35px; }
      figure.job-history-chart ol.jobs li.job .failed-45 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .error-45 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .passed-45 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .failed-46 {
        height: 37px; }
      figure.job-history-chart ol.jobs li.job .error-46 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .passed-46 {
        height: 36px; }
      figure.job-history-chart ol.jobs li.job .failed-47 {
        height: 38px; }
      figure.job-history-chart ol.jobs li.job .error-47 {
        height: 37px; }
      figure.job-history-chart ol.jobs li.job .passed-47 {
        height: 37px; }
      figure.job-history-chart ol.jobs li.job .failed-48 {
        height: 39px; }
      figure.job-history-chart ol.jobs li.job .error-48 {
        height: 38px; }
      figure.job-history-chart ol.jobs li.job .passed-48 {
        height: 38px; }
      figure.job-history-chart ol.jobs li.job .failed-49 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .error-49 {
        height: 39px; }
      figure.job-history-chart ol.jobs li.job .passed-49 {
        height: 39px; }
      figure.job-history-chart ol.jobs li.job .failed-50 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .error-50 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .passed-50 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .failed-51 {
        height: 41px; }
      figure.job-history-chart ol.jobs li.job .error-51 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .passed-51 {
        height: 40px; }
      figure.job-history-chart ol.jobs li.job .failed-52 {
        height: 42px; }
      figure.job-history-chart ol.jobs li.job .error-52 {
        height: 41px; }
      figure.job-history-chart ol.jobs li.job .passed-52 {
        height: 41px; }
      figure.job-history-chart ol.jobs li.job .failed-53 {
        height: 43px; }
      figure.job-history-chart ol.jobs li.job .error-53 {
        height: 42px; }
      figure.job-history-chart ol.jobs li.job .passed-53 {
        height: 42px; }
      figure.job-history-chart ol.jobs li.job .failed-54 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .error-54 {
        height: 43px; }
      figure.job-history-chart ol.jobs li.job .passed-54 {
        height: 43px; }
      figure.job-history-chart ol.jobs li.job .failed-55 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .error-55 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .passed-55 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .failed-56 {
        height: 45px; }
      figure.job-history-chart ol.jobs li.job .error-56 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .passed-56 {
        height: 44px; }
      figure.job-history-chart ol.jobs li.job .failed-57 {
        height: 46px; }
      figure.job-history-chart ol.jobs li.job .error-57 {
        height: 45px; }
      figure.job-history-chart ol.jobs li.job .passed-57 {
        height: 45px; }
      figure.job-history-chart ol.jobs li.job .failed-58 {
        height: 47px; }
      figure.job-history-chart ol.jobs li.job .error-58 {
        height: 46px; }
      figure.job-history-chart ol.jobs li.job .passed-58 {
        height: 46px; }
      figure.job-history-chart ol.jobs li.job .failed-59 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .error-59 {
        height: 47px; }
      figure.job-history-chart ol.jobs li.job .passed-59 {
        height: 47px; }
      figure.job-history-chart ol.jobs li.job .failed-60 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .error-60 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .passed-60 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .failed-61 {
        height: 49px; }
      figure.job-history-chart ol.jobs li.job .error-61 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .passed-61 {
        height: 48px; }
      figure.job-history-chart ol.jobs li.job .failed-62 {
        height: 50px; }
      figure.job-history-chart ol.jobs li.job .error-62 {
        height: 49px; }
      figure.job-history-chart ol.jobs li.job .passed-62 {
        height: 49px; }
      figure.job-history-chart ol.jobs li.job .failed-63 {
        height: 51px; }
      figure.job-history-chart ol.jobs li.job .error-63 {
        height: 50px; }
      figure.job-history-chart ol.jobs li.job .passed-63 {
        height: 50px; }
      figure.job-history-chart ol.jobs li.job .failed-64 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .error-64 {
        height: 51px; }
      figure.job-history-chart ol.jobs li.job .passed-64 {
        height: 51px; }
      figure.job-history-chart ol.jobs li.job .failed-65 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .error-65 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .passed-65 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .failed-66 {
        height: 53px; }
      figure.job-history-chart ol.jobs li.job .error-66 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .passed-66 {
        height: 52px; }
      figure.job-history-chart ol.jobs li.job .failed-67 {
        height: 54px; }
      figure.job-history-chart ol.jobs li.job .error-67 {
        height: 53px; }
      figure.job-history-chart ol.jobs li.job .passed-67 {
        height: 53px; }
      figure.job-history-chart ol.jobs li.job .failed-68 {
        height: 55px; }
      figure.job-history-chart ol.jobs li.job .error-68 {
        height: 54px; }
      figure.job-history-chart ol.jobs li.job .passed-68 {
        height: 54px; }
      figure.job-history-chart ol.jobs li.job .failed-69 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .error-69 {
        height: 55px; }
      figure.job-history-chart ol.jobs li.job .passed-69 {
        height: 55px; }
      figure.job-history-chart ol.jobs li.job .failed-70 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .error-70 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .passed-70 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .failed-71 {
        height: 57px; }
      figure.job-history-chart ol.jobs li.job .error-71 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .passed-71 {
        height: 56px; }
      figure.job-history-chart ol.jobs li.job .failed-72 {
        height: 58px; }
      figure.job-history-chart ol.jobs li.job .error-72 {
        height: 57px; }
      figure.job-history-chart ol.jobs li.job .passed-72 {
        height: 57px; }
      figure.job-history-chart ol.jobs li.job .failed-73 {
        height: 59px; }
      figure.job-history-chart ol.jobs li.job .error-73 {
        height: 58px; }
      figure.job-history-chart ol.jobs li.job .passed-73 {
        height: 58px; }
      figure.job-history-chart ol.jobs li.job .failed-74 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .error-74 {
        height: 59px; }
      figure.job-history-chart ol.jobs li.job .passed-74 {
        height: 59px; }
      figure.job-history-chart ol.jobs li.job .failed-75 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .error-75 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .passed-75 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .failed-76 {
        height: 61px; }
      figure.job-history-chart ol.jobs li.job .error-76 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .passed-76 {
        height: 60px; }
      figure.job-history-chart ol.jobs li.job .failed-77 {
        height: 62px; }
      figure.job-history-chart ol.jobs li.job .error-77 {
        height: 61px; }
      figure.job-history-chart ol.jobs li.job .passed-77 {
        height: 61px; }
      figure.job-history-chart ol.jobs li.job .failed-78 {
        height: 63px; }
      figure.job-history-chart ol.jobs li.job .error-78 {
        height: 62px; }
      figure.job-history-chart ol.jobs li.job .passed-78 {
        height: 62px; }
      figure.job-history-chart ol.jobs li.job .failed-79 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .error-79 {
        height: 63px; }
      figure.job-history-chart ol.jobs li.job .passed-79 {
        height: 63px; }
      figure.job-history-chart ol.jobs li.job .failed-80 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .error-80 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .passed-80 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .failed-81 {
        height: 65px; }
      figure.job-history-chart ol.jobs li.job .error-81 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .passed-81 {
        height: 64px; }
      figure.job-history-chart ol.jobs li.job .failed-82 {
        height: 66px; }
      figure.job-history-chart ol.jobs li.job .error-82 {
        height: 65px; }
      figure.job-history-chart ol.jobs li.job .passed-82 {
        height: 65px; }
      figure.job-history-chart ol.jobs li.job .failed-83 {
        height: 67px; }
      figure.job-history-chart ol.jobs li.job .error-83 {
        height: 66px; }
      figure.job-history-chart ol.jobs li.job .passed-83 {
        height: 66px; }
      figure.job-history-chart ol.jobs li.job .failed-84 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .error-84 {
        height: 67px; }
      figure.job-history-chart ol.jobs li.job .passed-84 {
        height: 67px; }
      figure.job-history-chart ol.jobs li.job .failed-85 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .error-85 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .passed-85 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .failed-86 {
        height: 69px; }
      figure.job-history-chart ol.jobs li.job .error-86 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .passed-86 {
        height: 68px; }
      figure.job-history-chart ol.jobs li.job .failed-87 {
        height: 70px; }
      figure.job-history-chart ol.jobs li.job .error-87 {
        height: 69px; }
      figure.job-history-chart ol.jobs li.job .passed-87 {
        height: 69px; }
      figure.job-history-chart ol.jobs li.job .failed-88 {
        height: 71px; }
      figure.job-history-chart ol.jobs li.job .error-88 {
        height: 70px; }
      figure.job-history-chart ol.jobs li.job .passed-88 {
        height: 70px; }
      figure.job-history-chart ol.jobs li.job .failed-89 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .error-89 {
        height: 71px; }
      figure.job-history-chart ol.jobs li.job .passed-89 {
        height: 71px; }
      figure.job-history-chart ol.jobs li.job .failed-90 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .error-90 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .passed-90 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .failed-91 {
        height: 73px; }
      figure.job-history-chart ol.jobs li.job .error-91 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .passed-91 {
        height: 72px; }
      figure.job-history-chart ol.jobs li.job .failed-92 {
        height: 74px; }
      figure.job-history-chart ol.jobs li.job .error-92 {
        height: 73px; }
      figure.job-history-chart ol.jobs li.job .passed-92 {
        height: 73px; }
      figure.job-history-chart ol.jobs li.job .failed-93 {
        height: 75px; }
      figure.job-history-chart ol.jobs li.job .error-93 {
        height: 74px; }
      figure.job-history-chart ol.jobs li.job .passed-93 {
        height: 74px; }
      figure.job-history-chart ol.jobs li.job .failed-94 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .error-94 {
        height: 75px; }
      figure.job-history-chart ol.jobs li.job .passed-94 {
        height: 75px; }
      figure.job-history-chart ol.jobs li.job .failed-95 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .error-95 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .passed-95 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .failed-96 {
        height: 77px; }
      figure.job-history-chart ol.jobs li.job .error-96 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .passed-96 {
        height: 76px; }
      figure.job-history-chart ol.jobs li.job .failed-97 {
        height: 78px; }
      figure.job-history-chart ol.jobs li.job .error-97 {
        height: 77px; }
      figure.job-history-chart ol.jobs li.job .passed-97 {
        height: 77px; }
      figure.job-history-chart ol.jobs li.job .failed-98 {
        height: 79px; }
      figure.job-history-chart ol.jobs li.job .error-98 {
        height: 78px; }
      figure.job-history-chart ol.jobs li.job .passed-98 {
        height: 78px; }
      figure.job-history-chart ol.jobs li.job .failed-99 {
        height: 80px; }
      figure.job-history-chart ol.jobs li.job .error-99 {
        height: 79px; }
      figure.job-history-chart ol.jobs li.job .passed-99 {
        height: 79px; }
      figure.job-history-chart ol.jobs li.job time.start-time {
        display: inline-block;
        font-size: 10px;
        font-weight: var(--text-weight-medium);
        font-stretch: normal;
        text-align: center;
        color: var(--content-color-tertiary);
        background-color: transparent;
        padding: 0 2px 2px 2px;
        margin: 15px 0 25px 0;
        width: calc(var(--bar-width) + var(--bar-spacing));
        border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
        position: relative; }
        figure.job-history-chart ol.jobs li.job time.start-time .time-hours-minutes,
        figure.job-history-chart ol.jobs li.job time.start-time .time-am-pm {
          display: block; }
        figure.job-history-chart ol.jobs li.job time.start-time:after {
          content: '';
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          top: -10px;
          margin-left: -2px;
          border-bottom: solid 10px transparent;
          border-left: solid 20px transparent;
          border-right: solid 20px transparent; }
  figure.job-history-chart:hover > .slider-control {
    display: block; }
  figure.job-history-chart .slider-control {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -62px;
    display: block; }
    @media (min-width: 768px) {
      figure.job-history-chart .slider-control {
        display: none; } }
    figure.job-history-chart .slider-control.back-button {
      left: 20px; }
    figure.job-history-chart .slider-control.next-button {
      right: 0px; }

.job-bar-tooltip-wrapper {
  margin-bottom: 280px; }
  .job-bar-tooltip-wrapper .job-tooltip-body {
    display: block;
    visibility: visible;
    font-size: var(--text-size-l); }
    .job-bar-tooltip-wrapper .job-tooltip-body .error-red {
      color: var(--content-color-error); }
    .job-bar-tooltip-wrapper .job-tooltip-body .response-blue {
      color: var(--content-color-info); }
  .job-bar-tooltip-wrapper .arrow {
    margin-bottom: 280px; }

.monitor-performance-goto {
  --goto-input-width: 190px;
  display: flex;
  left: var(--spacing-l);
  position: sticky;
  z-index: 6; }
  .monitor-performance-goto .flatpickr-input {
    padding-left: 6px;
    position: absolute;
    width: fit-content;
    width: -moz-fit-content;
    cursor: pointer;
    border: solid var(--border-width-default) var(--border-color-strong);
    border-radius: var(--border-radius-default);
    font-family: var(--text-family-default); }
    .monitor-performance-goto .flatpickr-input--loading {
      pointer-events: none;
      cursor: default;
      width: calc(var(--goto-input-width) + var(--size-s)); }
  .monitor-performance-goto .flatpickr-input:disabled {
    color: var(--content-color-primary);
    background: var(--background-color-primary); }
  .monitor-performance-goto .goto {
    top: var(--line-height-l);
    height: fit-content;
    height: -moz-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    position: sticky; }
    .monitor-performance-goto .goto .goto__loader {
      position: absolute;
      margin-left: var(--goto-input-width);
      margin-top: var(--spacing-xs); }
  .monitor-performance-goto .goto:disabled {
    pointer-events: none;
    cursor: not-allowed; }

.job-history-chart:hover .flatpickr-input {
  opacity: 0.6; }

.job-history-chart .goto:hover .flatpickr-input {
  opacity: 1; }

.flatpickr-calendar {
  --flatpickr-width: 308px;
  --flatpickr-height-s: 14px;
  --flatpickr-height-m: 34px;
  --flatpickr-height-l: 40px;
  --flatpickr-height-xl: 640px;
  --flatpickr-margin-xxs: 1px;
  --flatpickr-margin-xs: 2px;
  --flatpickr-margin-s: 5px;
  --flatpickr-margin-m: 10px;
  --flatpickr-margin-l: 22px;
  --flatpickr-day-radius: 150px;
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: var(--text-size-m);
  line-height: var(--line-height-l);
  border-radius: var(--border-radius-default);
  position: absolute;
  width: var(--flatpickr-width);
  box-sizing: border-box;
  touch-action: manipulation;
  background: var(--background-color-secondary);
  box-shadow: var(--border-width-default) 0 0 var(--border-color-strong), calc((-1) * var(--border-width-default)) 0 0 var(--border-color-strong), 0 var(--border-width-default) 0 var(--border-color-strong), 0 calc((-1) * var(--border-width-default)) 0 var(--border-color-strong); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: var(--flatpickr-height-xl);
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: var(--flatpickr-margin-xs); }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: var(--flatpickr-height-l);
  border-top: var(--border-width-default) solid var(--border-color-strong); }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: var(--flatpickr-margin-l); }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: var(--flatpickr-margin-l); }

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: var(--flatpickr-margin-s);
  margin: 0 calc((-1) * var(--flatpickr-margin-s)); }

.flatpickr-calendar:after {
  border-width: var(--border-width-xl);
  margin: 0 calc((-1) * var(--border-width-xl)); }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--background-color-secondary); }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--background-color-secondary); }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--background-color-secondary); }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--background-color-secondary); }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: var(--content-color-primary);
  fill: var(--content-color-primary);
  height: var(--flatpickr-height-m);
  line-height: 1;
  text-align: center;
  position: relative;
  user-select: none;
  overflow: hidden;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: var(--flatpickr-height-m);
  padding: var(--flatpickr-margin-m);
  z-index: 3;
  color: var(--content-color-primary);
  fill: var(--content-color-primary); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0; }

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0; }

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: var(--highlight-background-color-secondary); }

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--content-color-brand); }

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: var(--flatpickr-height-s);
  height: var(--flatpickr-height-s); }

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

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

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: var(--flatpickr-height-s);
  padding: 0 var(--spacing-xs) 0 var(--flatpickr-margin-xs);
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: var(--border-width-default) solid var(--border-color-strong);
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: var(--highlight-background-color-primary); }

.numInputWrapper span:active {
  background: var(--highlight-background-color-secondary); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  --custom-spacer: 2px;
  top: 0;
  right: calc((-1) * var(--custom-spacer));
  border-bottom: 0;
  background-color: inherit; }

.numInputWrapper span.arrowUp:after {
  border-left: var(--border-width-xl) solid transparent;
  border-right: var(--border-width-xl) solid transparent;
  border-bottom: var(--border-width-xl) solid var(--content-color-primary);
  top: 36%; }

.numInputWrapper span.arrowDown {
  --custom-spacer: 2px;
  top: 50%;
  right: calc((-1) * var(--custom-spacer));
  background-color: inherit; }

.numInputWrapper span.arrowDown:after {
  border-left: var(--border-width-xl) solid transparent;
  border-right: var(--border-width-xl) solid transparent;
  border-top: var(--border-width-xl) solid var(--content-color-primary);
  top: 10%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: var(--background-color-secondary); }

.numInputWrapper:hover {
  background: var(--highlight-background-color-secondary); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: var(--text-size-m);
  line-height: inherit;
  font-weight: var(--text-weight-regular);
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: var(--spacing-s) 0 0 0;
  line-height: 1;
  height: var(--flatpickr-height-m);
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month {
  font-family: var(--text-family-default);
  font-weight: var(--text-weight-medium);
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: var(--highlight-background-color-secondary); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--content-color-primary); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: var(--content-color-primary); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: var(--text-family-default);
  font-weight: var(--text-weight-regular);
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  width: 115%; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: var(--content-color-primary);
  background: transparent;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  font-weight: var(--text-weight-regular);
  height: auto;
  line-height: inherit;
  margin: calc((-1) * var(--flatpickr-margin-xxs)) 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--highlight-background-color-secondary); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--background-color-secondary);
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: calc(2 * var(--flatpickr-height-s)); }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: var(--content-color-secondary);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder; }

.dayContainer,
.flatpickr-weeks {
  padding: var(--flatpickr-margin-xxs) 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: var(--flatpickr-width); }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: var(--flatpickr-width);
  min-width: var(--flatpickr-width);
  max-width: var(--flatpickr-width);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.flatpickr-day {
  background: none;
  border: var(--border-width-default) solid transparent;
  border-radius: var(--flatpickr-day-radius);
  box-sizing: border-box;
  color: var(--content-color-primary);
  cursor: pointer;
  font-weight: var(--text-weight-regular);
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: var(--flatpickr-height-l);
  height: var(--flatpickr-height-l);
  line-height: var(--flatpickr-height-l);
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--highlight-background-color-secondary);
  border-color: var(--background-color-secondary); }

.flatpickr-day.today {
  border-color: var(--border-color-strong); }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--border-color-strong);
  background: var(--content-color-secondary);
  color: var(--background-color-primary); }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--base-color-brand);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--background-color-primary);
  border-color: var(--base-color-brand); }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: var(--content-color-tertiary);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: var(--content-color-tertiary);
  opacity: 0.3; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: var(--flatpickr-margin-xxs); }

.flatpickr-innerContainer {
  display: flex;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: var(--flatpickr-height-l);
  max-height: var(--flatpickr-height-l);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: var(--flatpickr-height-l);
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--content-color-primary); }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--content-color-primary); }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  position: relative;
  box-sizing: border-box;
  appearance: textfield; }

.flatpickr-time input.flatpickr-hour {
  font-weight: var(--text-weight-regular); }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: var(--text-weight-regular); }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: var(--content-color-primary);
  font-weight: var(--text-weight-regular);
  width: 2%;
  user-select: none;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: var(--text-weight-regular); }

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--highlight-background-color-secondary); }

.flatpickr-confirm {
  height: 40px;
  max-height: 0px;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06); }

.flatpickr-confirm svg path {
  fill: inherit; }

.flatpickr-confirm.darkTheme {
  color: white;
  fill: white; }

.flatpickr-confirm.visible {
  max-height: 40px;
  visibility: visible; }

.flatpickr-confirm {
  display: inline-flex;
  width: 50%;
  box-sizing: border-box;
  border: var(--border-width-default) solid var(--border-color-strong);
  background: var(--background-color-secondary);
  color: var(--content-color-primary); }

.flatpickr-confirm:focus {
  outline: none; }

.flatpickr-confirm:hover {
  background-color: var(--highlight-background-color-secondary); }

.monitor-list-item-health-status {
  --bullet-size: 8px;
  width: var(--bullet-size);
  height: var(--bullet-size);
  border-radius: 50%;
  margin-right: var(--spacing-xs);
  cursor: default; }
  .monitor-list-item-health-status.healthy, .monitor-list-item-health-status.up {
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMwQ0JCNTIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjAwMDAxIDcuMjkyOTNMOC42NDY0NSAzLjY0NjQ4TDkuMzUzNTYgNC4zNTM1OUw1LjAwMDAxIDguNzA3MTRMMi42NDY0NSA2LjM1MzU5TDMuMzUzNTYgNS42NDY0OEw1LjAwMDAxIDcuMjkyOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); }
  .monitor-list-item-health-status.unhealthy, .monitor-list-item-health-status.down {
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNFQjIwMTMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljg1MzU5IDMuODUzNTlMMy44NTM1OSA4Ljg1MzU5TDMuMTQ2NDggOC4xNDY0OEw4LjE0NjQ4IDMuMTQ2NDhMOC44NTM1OSAzLjg1MzU5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjg1MzU5IDMuMTQ2NDhMOC44NTM1OSA4LjE0NjQ4TDguMTQ2NDggOC44NTM1OUwzLjE0NjQ4IDMuODUzNTlMMy44NTM1OSAzLjE0NjQ4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); }
  .monitor-list-item-health-status.paused {
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNBNkE2QTYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNWOUg3VjNIOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNSAzVjlINFYzSDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); }
  .monitor-list-item-health-status.unknown {
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNBNkE2QTYiLz4KPHBhdGggZD0iTTUuMjg3ODkgNy4xMjVWNi45MDk2N0M1LjI4Nzg5IDYuNTg3NCA1LjM0NTk2IDYuMzE5MzQgNS40NjIxMSA2LjEwNTQ3QzUuNTc4MjUgNS44OTE2IDUuNzgxNSA1LjY3MDQxIDYuMDcxODYgNS40NDE4OUM2LjQxNzM5IDUuMTY2NSA2LjYzOTUyIDQuOTUyNjQgNi43MzgyNCA0LjgwMDI5QzYuODM5ODcgNC42NDc5NSA2Ljg5MDY4IDQuNDY2MzEgNi44OTA2OCA0LjI1NTM3QzYuODkwNjggNC4wMDkyOCA2LjgwOTM4IDMuODIwMzEgNi42NDY3OCAzLjY4ODQ4QzYuNDg0MTggMy41NTY2NCA2LjI1MDQ0IDMuNDkwNzIgNS45NDU1NiAzLjQ5MDcyQzUuNjY5NzIgMy40OTA3MiA1LjQxNDIgMy41MzAyNyA1LjE3OTAxIDMuNjA5MzhDNC45NDM4MiAzLjY4ODQ4IDQuNzE0NDMgMy43ODM2OSA0LjQ5MDg1IDMuODk1MDJMNC4xMjUgMy4xMjE1OEM0LjcxNDQzIDIuNzkwNTMgNS4zNDU5NiAyLjYyNSA2LjAxOTYgMi42MjVDNi41ODg3MSAyLjYyNSA3LjA0MDIxIDIuNzY1NjIgNy4zNzQxMyAzLjA0Njg4QzcuNzA4MDQgMy4zMjgxMiA3Ljg3NSAzLjcxNjMxIDcuODc1IDQuMjExNDNDNy44NzUgNC40MzExNSA3Ljg0MzA2IDQuNjI3NDQgNy43NzkxOCA0LjgwMDI5QzcuNzE1MyA0Ljk3MDIxIDcuNjE4MDMgNS4xMzI4MSA3LjQ4NzM3IDUuMjg4MDlDNy4zNTk2MSA1LjQ0MzM2IDcuMTM3NDkgNS42NDU1MSA2LjgyMDk5IDUuODk0NTNDNi41NTA5NiA2LjEwODQgNi4zNjk0OCA2LjI4NTY0IDYuMjc2NTcgNi40MjYyN0M2LjE4NjU2IDYuNTY2ODkgNi4xNDE1NSA2Ljc1NTg2IDYuMTQxNTUgNi45OTMxNlY3LjEyNUg1LjI4Nzg5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuNDI5MzYgOC42MjVDNi40MjkzNiA5LjAzOTIxIDYuMDk2NTcgOS4zNzUgNS42ODYwNCA5LjM3NUM1LjI3NTUyIDkuMzc1IDQuOTQyNzIgOS4wMzkyMSA0Ljk0MjcyIDguNjI1QzQuOTQyNzIgOC4yMTA3OSA1LjI3NTUyIDcuODc1IDUuNjg2MDQgNy44NzVDNi4wOTY1NyA3Ljg3NSA2LjQyOTM2IDguMjEwNzkgNi40MjkzNiA4LjYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); }

.monitor-context-bar-list {
  --monitor-cb-label-width: 220px;
  color: var(--content-color-primary);
  margin-top: var(--spacing-l);
  padding-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2); }
  .monitor-context-bar-list__label-wrapper {
    display: flex; }
    .monitor-context-bar-list__label-wrapper-label {
      line-height: var(--line-height-s);
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      padding-top: var(--spacing-xs);
      padding-bottom: var(--spacing-xs);
      cursor: default;
      flex: 1; }
    .monitor-context-bar-list__label-wrapper-create-new-monitor {
      cursor: pointer;
      font-size: var(--text-size-s);
      color: var(--content-color-secondary);
      align-items: center;
      padding-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
      padding-bottom: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
      font-weight: var(--text-weight-regular);
      min-width: calc(var(--size-s) + var(--size-m));
      height: var(--size-s); }
      .monitor-context-bar-list__label-wrapper-create-new-monitor-icon {
        padding-right: calc(var(--spacing-xs) + var(--spacing-xs) / 2); }
  .monitor-context-bar-list__monitor-list {
    display: grid; }
  .monitor-context-bar-list__item {
    height: 20px;
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    display: flex;
    align-items: center; }
    .monitor-context-bar-list__item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      overflow: hidden;
      font-size: var(--text-size-m);
      width: var(--monitor-cb-label-width);
      flex: 1; }
      .monitor-context-bar-list__item-label > .aether-link-text {
        overflow: hidden;
        text-overflow: ellipsis; }
    .monitor-context-bar-list__item-icon {
      padding-left: var(--spacing-s);
      padding-right: var(--spacing-s);
      align-items: center; }
  .monitor-context-bar-list__loading {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-l); }
  .monitor-context-bar-list__empty-state {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    margin-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
    margin-bottom: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
    display: inline-flex;
    line-height: var(--line-height-m); }
  .monitor-context-bar-list__error-state {
    display: block; }
    .monitor-context-bar-list__error-state-message {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      margin-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
      margin-bottom: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
      line-height: var(--line-height-m); }
    .monitor-context-bar-list__error-state-retry-btn {
      display: flex;
      margin-top: var(--spacing-xs); }
  .monitor-context-bar-list__show-all-monitors {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m); }
    .monitor-context-bar-list__show-all-monitors:hover {
      cursor: pointer;
      text-decoration: underline; }

.monitor-sidebar-error-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .monitor-sidebar-error-view__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .monitor-sidebar-error-view__title {
    margin-bottom: var(--spacing-s);
    text-align: center; }
  .monitor-sidebar-error-view__subtitle {
    text-align: center;
    display: flex; }
    .monitor-sidebar-error-view__subtitle span {
      display: inline-block; }
  .monitor-sidebar-error-view__button {
    margin-right: 10px;
    margin-top: 4px; }

.monitor-tooltip-wrapper {
  display: inline-block; }
  .monitor-tooltip-wrapper.d-flex {
    display: flex; }
  .monitor-tooltip-wrapper.d-block {
    display: block; }
  .monitor-tooltip-wrapper.d-inline-block {
    display: inline-block; }

.monitor-request-access-tooltip {
  padding: var(--spacing-s); }
  .monitor-request-access-tooltip .msg {
    margin-bottom: var(--spacing-l); }

.monitor-offline-container {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.monitor-offline-detail-tab {
  justify-content: center; }

.monitor-offline {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  min-height: 200px; }

.monitor-offline-text-container {
  text-align: center;
  line-height: var(--line-height-m);
  padding-bottom: 20px; }
  .monitor-offline-text-container__header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-s);
    color: var(--content-color-secondary); }
  .monitor-offline-text-container__body {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }

.monitor-offline-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-l); }

.monitor-offline-icon {
  height: var(--size-m);
  width: var(--size-m); }
  .monitor-offline-icon svg {
    height: var(--size-m);
    width: var(--size-m); }

.monitor-offline-detail-body-results {
  margin-top: 60px; }

.contextbar-offline-container {
  --custom-height: 280px;
  --custom-margin: 40px;
  width: auto;
  height: var(--custom-height);
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  margin: 0 auto;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  margin-right: var(--custom-margin); }
  .contextbar-offline-container__title {
    color: var(--content-color-secondary);
    padding: var(--spacing-xs);
    text-align: center; }
    .contextbar-offline-container__title h4 {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: 0;
      margin-top: var(--spacing-l); }
  .contextbar-offline-container__subtitle {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-m);
    text-align: center; }

.icon-section {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.monitor-tab-error {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center; }
  .monitor-tab-error__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .monitor-tab-error__content__title {
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-s); }
    .monitor-tab-error__content__body {
      color: var(--content-color-secondary); }

.monitor-contextbar-error-view {
  --custom-height: 280px;
  --custom-margin: 40px;
  width: auto;
  height: var(--custom-height);
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  margin: 0 auto;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  margin-right: var(--custom-margin); }
  .monitor-contextbar-error-view__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .monitor-contextbar-error-view__title {
    margin-bottom: var(--spacing-s);
    text-align: center; }
  .monitor-contextbar-error-view__subtitle {
    text-align: center;
    display: flex; }
    .monitor-contextbar-error-view__subtitle span {
      display: inline-block; }

.create-new-monitor-modal__body {
  --input-components-width: 320px;
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: 0 auto;
  padding: var(--spacing-xs); }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group {
    margin-bottom: 10px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions {
      font-size: 12px;
      line-height: 36px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label.is-error, .create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions {
        color: var(--base-color-error); }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--schedule-selector {
      margin-bottom: var(--spacing-xs); }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions {
      line-height: var(--line-height-m);
      padding-top: var(--spacing-s); }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input {
      display: flex; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__form__body__input__helptext--regions {
        margin-top: 16px;
        padding-left: 20px;
        color: var(--content-color-tertiary); }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector {
          margin-top: -1px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field {
        display: flex;
        flex: 0 0 320px;
        margin-bottom: auto;
        height: 100%; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown {
          width: var(--input-components-width); }
          .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container-selected {
            max-width: 270px; }
          .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container {
            max-width: 250px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .input-checkbox {
        margin-right: 5px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input.create-new-monitor__body__input--regions {
        margin-left: var(--spacing-xl); }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input-error {
      color: var(--base-color-error);
      font-size: 11px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section-toggle {
      margin-left: -10px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section {
      margin: 10px 0; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__field-error {
        color: var(--base-color-error);
        font-size: 11px;
        margin: 5px 25px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox {
        display: flex; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field {
        display: flex;
        align-items: center; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field__input {
          width: 300px;
          margin: 5px 10px 5px 25px; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field .advanced-section__field__meta {
          margin: 5px 25px;
          font-size: 11px; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--notifications {
          display: block; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .monitor-notification-limit__input {
          width: 75px;
          margin: 0 8px; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-error-section {
          top: 3px;
          margin-top: 0px;
          display: inline-block; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay {
          font-size: 11px; }
          .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .advanced-section__field__input, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .advanced-section__field__input {
            width: 150px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select {
        margin: 5px 10px 5px 25px;
        display: flex;
        align-items: center; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select--retry > * {
          font-size: 11px;
          margin-right: 10px; }
        .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select__dropdown--retry {
          width: 75px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox__label {
        margin-left: 10px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__checkbox-label-helper {
        font-size: 10px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions, .create-new-monitor-modal__body .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .form-content .create-new-monitor-form__content .step2.create-new-monitor-form__body .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
      white-space: pre-line;
      width: fit-content; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
      margin-bottom: unset; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions__radio {
      margin-right: 5px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input--help {
      width: 20px;
      height: 20px;
      margin-left: 10px;
      cursor: pointer; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext {
      color: var(--content-color-secondary);
      font-size: 12px;
      line-height: 24px; }
      .create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext .btn-text {
        padding: 0 3px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--private {
      margin-top: 10px; }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--auto {
    display: none; }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--manual {
    display: flex; }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__field {
    flex-wrap: wrap; }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox {
    display: flex;
    width: 500px;
    color: var(--content-color-primary);
    margin-top: 8px; }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon {
    display: inline-block;
    padding-left: 4px;
    vertical-align: -2px; }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon use {
      fill: var(--content-color-tertiary); }
    .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon svg > path[fill] {
      fill: var(--content-color-tertiary); }
  .create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-region {
    height: 18px; }

.preserve-context-loader {
  margin-top: 220px;
  width: 15px; }

.trash-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 626px;
  margin: auto; }
  .trash-header__title {
    color: var(--content-color-primary);
    font-size: var(--text-size-l);
    margin-left: var(--spacing-xl); }

.trash-banner {
  display: flex;
  align-items: center;
  padding: var(--spacing-m) var(--spacing-xl);
  font-size: var(--text-size-m);
  background: var(--background-color-info);
  color: var(--content-color-primary); }
  .trash-banner__text {
    display: flex;
    align-items: center; }
  .trash-banner__icon {
    margin-right: var(--spacing-s); }
    .trash-banner__icon use {
      fill: var(--content-color-info); }
    .trash-banner__icon svg > path[fill] {
      fill: var(--content-color-info); }
  .trash-banner .btn {
    padding: 0;
    height: 16px;
    min-width: auto;
    margin-left: var(--spacing-m); }
  .trash-banner .loading-indicator-wrapper {
    display: inline-block;
    margin-left: var(--spacing-xl); }

.trash-tabs {
  margin: var(--spacing-s) var(--spacing-l); }

.trash-list {
  font-size: var(--text-size-m);
  line-height: var(--line-height-s);
  margin: var(--spacing-xxl) auto var(--spacing-xl) auto;
  width: 85%;
  table-layout: fixed; }
  .trash-list thead {
    font-weight: var(--text-weight-medium);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    color: var(--content-color-secondary); }
    .trash-list thead td {
      padding: var(--spacing-m);
      width: 40%; }
    .trash-list thead td:first-child {
      width: 50%; }
    .trash-list thead td:nth-child(3) {
      width: 10%; }
  .trash-list tbody {
    font-size: var(--font-size-m);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-regular); }
    .trash-list tbody td {
      padding: 0 var(--spacing-m);
      height: 44px; }
    .trash-list tbody td:nth-child(3) .actions {
      display: none;
      justify-content: flex-end; }
      .trash-list tbody td:nth-child(3) .actions .btn {
        font-weight: var(--text-weight-medium);
        padding: 0;
        min-width: auto;
        font-size: var(--text-size-m); }
      .trash-list tbody td:nth-child(3) .actions .btn:first-child {
        margin-right: var(--spacing-s); }
    .trash-list tbody td:nth-child(3) .options {
      display: flex;
      justify-content: flex-end; }
    .trash-list tbody td:nth-child(3):hover .actions {
      display: flex; }
    .trash-list tbody td:nth-child(3):hover .options {
      display: none; }
    .trash-list tbody tr {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .trash-list tbody tr:hover {
        background: var(--background-color-secondary);
        border-radius: var(--border-radius-default); }
        .trash-list tbody tr:hover .trash-list__actions {
          visibility: visible; }
  .trash-list__name {
    display: flex; }
    .trash-list__name i {
      margin-right: var(--spacing-m); }
    .trash-list__name-text {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block; }
    .trash-list__name .collection-fork-label {
      margin-left: var(--spacing-m); }
  .trash-list__time {
    min-width: 120px;
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
  .trash-list__restore-btn {
    transform: scaleX(-1); }

.trash-modal {
  width: initial !important;
  background: var(--background-color-primary);
  padding: var(--spacing-xxl); }
  .trash-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .trash-modal-header h4 {
      margin: 0;
      font-size: var(--text-size-xxl); }
  .trash-modal-body {
    margin: var(--spacing-l) 0;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-top: 0;
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium); }
  .trash-modal-actions {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-s);
    width: 200px; }
    .trash-modal-actions .btn {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m); }
    .trash-modal-actions__cancel {
      width: 30%; }
    .trash-modal-actions__confirm {
      width: 70%;
      margin-left: var(--spacing-m); }
  .trash-modal__collection-name {
    margin-bottom: var(--spacing-xl);
    color: var(--content-color-secondary); }
  .trash-modal__collection-icon {
    margin-right: var(--spacing-xs);
    vertical-align: top; }

.trash-loading {
  position: absolute;
  top: 50%;
  left: 50%; }

.trash-workspace__select {
  padding-left: 0;
  border: var(--border-width-default) solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  max-height: 300px;
  overflow: auto; }

.trash-offline {
  position: relative;
  top: 25%; }
  .trash-offline-image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin: auto; }

.entity-empty.trash-empty {
  border: none;
  padding-top: var(--spacing-xxl);
  position: relative;
  top: 25%;
  height: auto; }

.trash {
  overflow: auto;
  height: 100%; }

.trash-modal__restore {
  width: 440px;
  height: 520px; }
  .trash-modal__restore .modal-header {
    background-color: var(--background-color-primary); }
  .trash-modal__restore .modal-header-title {
    margin-top: var(--spacing-m);
    margin-left: var(--spacing-s); }
  .trash-modal__restore .modal-content {
    padding-top: 0;
    overflow: hidden; }
  .trash-modal__restore .workspace-empty-state {
    margin-top: 50px; }

.pm-multi-select {
  list-style: none; }
  .pm-multi-select li:first-of-type {
    background: var(--background-color-secondary);
    text-transform: uppercase;
    color: var(--content-color-secondary);
    font-size: var(--font-size-m);
    padding-top: var(--spacing-m);
    margin-bottom: var(--spacing-l); }
    .pm-multi-select li:first-of-type .pm-checkbox {
      top: 3px !important; }
    .pm-multi-select li:first-of-type .pm-label {
      line-height: var(--line-height-m); }
  .pm-multi-select__item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: var(--spacing-l);
    padding-right: var(--spacing-l);
    padding-top: 0;
    padding-bottom: 0;
    height: 32px; }
    .pm-multi-select__item .pm-checkbox {
      top: 4px !important; }
    .pm-multi-select__item .pm-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      margin-left: var(--spacing-s); }
  .pm-multi-select__label {
    color: var(--content-color-primary); }
  .pm-multi-select__checkbox {
    display: inline-block;
    margin-right: 16px;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .pm-multi-select__checkbox .pm-icon {
      padding: 2px; }

/* stylelint-disable color-no-hex, postman-stylelint/no-legacy-color */
.menu {
  position: absolute;
  background: var(--background-color-primar);
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  margin-top: 8px;
  min-width: 300px;
  max-width: 420px;
  box-shadow: 0 0 10px -5px #000; }

.menu-section {
  border-bottom: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc; }

.menu-section:first-of-type {
  border-top: 0; }

.menu-section:last-of-type {
  border-bottom: 0; }

.menu-section + .menu-section {
  border-top: 0; }

.menu-section__title {
  font-size: 1rem;
  padding: .5rem;
  font-weight: 700; }

.menu-section-title:empty {
  padding: 0; }

.menu-section-title:empty + .menu-section {
  border-top: 0; }

.option {
  min-height: 24px;
  padding: 8px 16px; }

.option.focused, .option:hover {
  background: var(--background-color-secondary);
  cursor: pointer; }

.option:focus {
  border: 10px solid pink; }

.option.disabled {
  opacity: .5;
  background: var(--background-color-secondary); }

.option.disabled:hover {
  cursor: no-drop; }

.Select {
  position: relative; }

.Select, .Select div, .Select input, .Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9; }

.Select.is-disabled > .Select-control:hover {
  box-shadow: none; }

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none; }

.Select-control {
  background: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color-default);
  color: var(--content-color-primary);
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 32px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Select-control .Select-input:focus {
  outline: none; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--background-color-primary);
  border-color: #bbb #d4d4d4 #e1e1e1; }

.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent var(--content-color-primary);
  border-width: 0 4px 4px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #f26b3a #f47d52 #f47d52;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#f26b3a, 50%); }

.Select--single > .Select-control .Select-value, .Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  max-width: calc(100% - 24px);
  overflow: hidden; }

.Select-input > input {
  background: none transparent;
  border: 0;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  margin-left: 14px;
  padding: 6px 0 10px;
  -webkit-appearance: none; }

.is-focused .Select-input > input {
  cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center; }

.Select-loading, .Select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin .4s linear infinite;
  -o-animation: Select-animation-spin .4s infinite linear;
  animation: Select-animation-spin .4s linear infinite;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid var(--border-color-default);
  border-right-color: var(--content-color-primary);
  display: inline-block; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  -o-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: var(--content-color-primary);
  cursor: pointer;
  display: inline-block;
  position: absolute;
  bottom: 50%;
  right: 15px;
  transform: translateY(50%);
  width: 15px;
  height: 15px;
  margin-bottom: 1px; }

.Select-clear-zone:hover {
  color: #d0021b; }

.Select-clear {
  display: inline-block;
  font-size: 16px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 15px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  padding-right: 4px; }

.Select-arrow {
  border-color: var(--content-color-primary) transparent transparent;
  border-style: solid;
  border-width: 4px 4px 2px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #535353; }

@-webkit-keyframes Select-animation-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select--single.pm-select {
  font-size: 12px;
  height: 32px;
  max-width: 320px; }

.Select--single.pm-select .Select-value {
  pointer-events: none; }

.Select--single.pm-select .Select-control {
  display: inline-block;
  overflow: visible;
  max-width: 100%;
  width: auto;
  cursor: pointer; }

.Select--single.pm-select .Select-control:hover {
  box-shadow: none; }

.Select--single.pm-select .Select-placeholder, .Select--single.pm-select .Select-value {
  position: static;
  padding-right: 24px; }

.Select--single.pm-select .Select-input {
  top: 0;
  left: 0;
  position: absolute; }

.Select--single.pm-select .Select-arrow-zone {
  top: 50%;
  right: 0;
  padding: 0;
  position: absolute;
  display: inline-block;
  transform: translateY(-50%); }

.Select--single.pm-select .Select-menu-outer {
  width: auto;
  margin-top: 4px;
  min-width: 120px;
  max-width: 300px;
  max-height: 400px;
  border-radius: var(--border-radius-default);
  font-size: 14px; }

.Select--single.pm-select .Select-menu {
  max-height: 398px; }

.Select--single.pm-select .Select-option {
  overflow: hidden;
  padding-left: 16px;
  padding-right: 32px;
  color: var(--content-color-primary);
  white-space: nowrap;
  text-overflow: ellipsis; }

.Select--single.pm-select .Select-option:first-child {
  margin-top: 8px; }

.Select--single.pm-select .Select-option:last-child {
  margin-bottom: 8px; }

.Select--single.pm-select .Select-option:hover {
  background: var(--background-color-tertiary);
  color: var(--content-color-primary); }

.Select--single.pm-select .Select-option:active {
  background: var(--background-color-secondary); }

.Select--single.pm-select--align-right .Select-menu-outer {
  right: 0; }

.Select--single.pm-select--loading .Select-arrow {
  display: none; }

.Select--single.pm-select .Select-placeholder {
  color: #7e7e7e; }

.Select--single.pm-select .Select-value {
  color: var(--content-color-primary); }

.Select--single.pm-select-text {
  display: inline-block; }

.Select--single.pm-select-text .Select-control {
  background: none;
  border: thin solid transparent; }

.Select--single.pm-select-text .Select-arrow, .Select--single.pm-select-text .Select-placeholder, .Select--single.pm-select-text .Select-value {
  color: #f15a24;
  border-top-color: #f15a24; }

.Select--single.pm-select-text:active .Select-arrow, .Select--single.pm-select-text:active .Select-placeholder, .Select--single.pm-select-text:active .Select-value, .Select--single.pm-select-text:hover .Select-arrow, .Select--single.pm-select-text:hover .Select-placeholder, .Select--single.pm-select-text:hover .Select-value {
  color: #dd5524;
  border-top-color: #dd5524; }

.Select--single.pm-select-text.is-open .Select-arrow {
  border-bottom-color: #f15a24; }

.Select--single.pm-select-text.is-open:active .Select-arrow, .Select--single.pm-select-text.is-open:hover .Select-arrow {
  border-bottom-color: #dd5524; }

.Select--single.pm-select-text:not(.is-focused) .Select-control {
  border: thin solid transparent; }

.Select--single.pm-select-text:not(.is-focused) .Select-control:hover {
  box-shadow: none; }

.Select--single.pm-select-text--dark .Select-control {
  border: thin solid transparent; }

.Select--single.pm-select-text--dark .Select-arrow, .Select--single.pm-select-text--dark .Select-placeholder, .Select--single.pm-select-text--dark .Select-value, .Select--single.pm-select-text--dark:active .Select-arrow, .Select--single.pm-select-text--dark:active .Select-placeholder, .Select--single.pm-select-text--dark:active .Select-value, .Select--single.pm-select-text--dark:hover .Select-arrow, .Select--single.pm-select-text--dark:hover .Select-placeholder, .Select--single.pm-select-text--dark:hover .Select-value {
  color: #fff;
  border-top-color: #fff; }

.Select--single.pm-select-text--dark.is-open .Select-arrow, .Select--single.pm-select-text--dark.is-open:active .Select-arrow, .Select--single.pm-select-text--dark.is-open:hover .Select-arrow {
  border-bottom-color: #fff; }

.Select--single .pm-select-loader {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%); }

.Select--single.pm-select-md {
  font-size: 14px; }

.Select--single.pm-select-md, .Select--single.pm-select-md .Select-control, .Select--single.pm-select-md .Select-input {
  height: 40px; }

.Select--single.pm-select-md .Select-input, .Select--single.pm-select-md .Select-placeholder, .Select--single.pm-select-md .Select-value {
  line-height: 40px; }

.Select--single.pm-select-lg {
  font-size: 16px; }

.Select--single.pm-select-lg, .Select--single.pm-select-lg .Select-control, .Select--single.pm-select-lg .Select-input {
  height: 48px; }

.Select--single.pm-select-lg .Select-input, .Select--single.pm-select-lg .Select-placeholder, .Select--single.pm-select-lg .Select-value {
  line-height: 48px; }

.Select--single.pm-select--block, .Select--single.pm-select--block .Select-control {
  width: 100%;
  max-width: 100%; }

.Select--single.pm-select--block .Select-menu-outer {
  width: 100%;
  max-width: none; }

.Select--single.is-searchable .Select-control, .Select--single.is-searchable .Select-multi-value-wrapper {
  display: block; }

.react-16-dropdown {
  display: inline-block; }

.react-16-dropdown .trigger-renderer {
  position: relative;
  padding: 8px; }

.react-16-dropdown .trigger-renderer:focus {
  outline: none; }

.react-16-dropdown.pm-dropdown--block, .react-16-dropdown.pm-dropdown--block .trigger {
  display: block; }

.react-16-dropdown.pm-dropdown--block .trigger-renderer {
  width: 100%;
  display: block; }

.react-16-dropdown.pm-more-options-dropdown .pm-btn__default-icon svg {
  height: 14px;
  width: 14px; }

.react-16-dropdown.pm-dropdown-md .trigger-renderer {
  font-size: 14px;
  line-height: 24px; }

.react-16-dropdown.pm-dropdown-lg .trigger-renderer {
  font-size: 16px;
  line-height: 28px; }

.react-16-dropdown-portal .option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.react-16-dropdown-portal .menu {
  padding: 8px 0;
  max-width: 300px;
  min-width: 120px;
  z-index: 100;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }

.react-16-dropdown-portal .menu:focus, .react-16-dropdown-portal .menu > div:focus {
  outline: none; }

.Select-menu-outer {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: var(--background-color-primary);
  border: 1px solid var(--border-color-default);
  border-top-color: var(--border-color-default);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: var(--background-color-primary);
  color: var(--content-color-primary);
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.Select-option:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.Select-option.is-selected {
  background-color: var(--background-color-primary);
  color: var(--content-color-primary); }

.Select-option.is-focused {
  background-color: var(--background-color-primary);
  color: var(--content-color-primary); }

.Select-option.is-disabled {
  color: #c1c1c1;
  cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #8e8e8e;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: var(--background-color-primary);
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: .9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon, .Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }

.Select--multi a.Select-value-label:hover {
  text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }

.Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover {
  background-color: #ddeff7;
  color: #0077b3; }

.Select--multi .Select-value-icon:active {
  background-color: #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: var(--background-color-primary);
  border: 1px solid var(--border-color-default);
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }

.Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover {
  background-color: var(--background-color-primary); }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.pull-request-topbar {
  position: relative;
  overflow: hidden;
  padding: var(--spacing-l) 0; }
  .pull-request-topbar__actions {
    margin-top: var(--spacing-s);
    right: 0;
    bottom: 16px; }
    @media (min-width: 1024px) {
      .pull-request-topbar__actions {
        position: absolute; } }
    .pull-request-topbar__actions-tooltip-fork-label {
      margin-left: var(--spacing-s);
      margin-bottom: 1px; }
  .pull-request-topbar__action-btn {
    display: none;
    margin-right: var(--spacing-s); }
    @media (min-width: 768px) {
      .pull-request-topbar__action-btn {
        display: inline-block;
        vertical-align: middle; } }
  .pull-request-topbar__approve span {
    border-radius: var(--border-radius-default);
    margin-left: var(--spacing-xs);
    padding: 0px var(--spacing-xs);
    color: var(--content-color-constant); }
  .pull-request-topbar__approver-list {
    margin: var(--spacing-s); }
    .pull-request-topbar__approver-list h4 {
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-m);
      font-size: var(--text-size-l);
      margin: 0px;
      margin-bottom: var(--spacing-m);
      white-space: nowrap; }
    .pull-request-topbar__approver-list .approved-user {
      margin: var(--spacing-s) 0px;
      padding-left: var(--spacing-xs); }
      .pull-request-topbar__approver-list .approved-user span {
        position: static;
        padding: 0px var(--spacing-xxl);
        white-space: nowrap; }
  .pull-request-topbar__actions-comment-only {
    margin-top: var(--spacing-s);
    position: relative;
    right: 0;
    bottom: 16px; }
    @media (min-width: 768px) {
      .pull-request-topbar__actions-comment-only {
        position: absolute; } }
  .pull-request-topbar__action-btn-comment {
    display: inline-block;
    margin-top: var(--spacing-l); }
    @media (max-width: 768px) {
      .pull-request-topbar__action-btn-comment {
        margin-top: var(--spacing-l); } }
    .pull-request-topbar__action-btn-comment:not(:last-child) {
      margin-right: var(--spacing-s); }
  .pull-request-topbar__more-options {
    float: right; }

.pull-request__title {
  font-size: var(--text-size-xxxl);
  color: var(--content-color-primary);
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis; }

.pull-request__status {
  border-radius: var(--border-radius-default);
  padding: 0 8px !important; }

.pull-request__changes-count {
  margin-left: var(--spacing-s);
  height: 18px; }
  .pull-request__changes-count span {
    color: var(--content-color-secondary);
    line-height: inherit; }

@media (min-width: 568px) {
  .pull-request__source-destination-label {
    width: 90%; } }

@media (min-width: 1024px) {
  .pull-request__source-destination-label {
    width: 100%;
    padding-right: 440px; } }

.pm-diff {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  width: 100%; }
  .pm-diff--added {
    background: var(--background-color-success);
    color: var(--content-color-success); }
  .pm-diff--removed {
    background: var(--background-color-error);
    color: var(--content-color-error); }
  .pm-diff--scrollable {
    overflow: auto; }
  .pm-diff-words {
    overflow-wrap: break-word;
    border: var(--border-width-default) solid var(--border-color-default);
    color: var(--content-color-primary); }
    .pm-diff-words > div {
      padding-top: var(--spacing-s);
      padding-bottom: var(--spacing-s);
      padding-left: var(--spacing-s); }
  .pm-diff-sentences {
    overflow-wrap: break-word;
    font-family: var(--text-family-code);
    border: var(--border-width-default) solid var(--border-color-default);
    color: var(--content-color-primary);
    white-space: pre; }
  .pm-diff-code {
    overflow: auto;
    border: var(--border-width-default) solid var(--border-color-default);
    border-radius: var(--border-radius-default);
    font-family: var(--text-family-code);
    color: var(--content-color-primary); }
    .pm-diff-code__index {
      display: table-cell;
      padding-left: var(--spacing-s);
      padding-right: var(--spacing-xs);
      background: var(--background-color-secondary);
      text-align: right;
      color: var(--content-color-tertiary);
      width: 32px;
      max-width: 32px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .pm-diff-code__line {
      display: inline-block;
      padding: var(--spacing-xs);
      position: relative;
      border-left: var(--border-width-default) solid var(--border-color-strong);
      white-space: pre-wrap;
      margin: 0;
      color: var(--content-color-primary); }
    .pm-diff-code__row {
      margin-left: var(--spacing-s);
      display: table-row;
      height: 28px;
      color: var(--content-color-primary); }
    .pm-diff-code .pm-conflict-actions {
      padding-left: 64px;
      margin-right: var(--spacing-l); }
  .pm-diff-table {
    overflow-wrap: break-word;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border: var(--border-width-default) solid var(--border-color-default);
    text-align: left;
    color: var(--content-color-primary); }
    .pm-diff-table th, .pm-diff-table tr, .pm-diff-table td {
      height: 32px;
      overflow: hidden;
      text-overflow: ellipsis;
      border: var(--border-width-default) solid var(--border-color-default);
      position: relative;
      padding: 0 0 0 var(--spacing-s); }
    .pm-diff-table__enabled {
      width: 5%; }
      .pm-diff-table__enabled .pm-checkbox-input {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -10px);
        padding-left: var(--spacing-l); }
    .pm-diff-table__key {
      width: 25%; }
    .pm-diff-table__value {
      width: 30%; }
    .pm-diff-table__description {
      width: 40%; }
    .pm-diff-table th {
      text-transform: uppercase;
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium); }
  .pm-diff-body {
    margin-left: var(--spacing-s); }
  .pm-diff-item__toggle {
    margin-right: var(--spacing-s);
    vertical-align: text-top; }
  .pm-diff__label-icon {
    position: relative;
    top: 2px; }

.pm-conflict {
  position: relative;
  margin: var(--spacing-s) 0; }
  .pm-conflict-actions {
    margin-right: var(--spacing-l);
    font-size: var(--text-size-m);
    cursor: pointer; }
    .pm-conflict-actions__source {
      color: var(--content-color-brand);
      font-weight: var(--text-weight-medium);
      font-family: var(--text-family-default); }
    .pm-conflict-actions__dest {
      color: var(--base-color-info);
      font-weight: var(--text-weight-medium);
      font-family: var(--text-family-default); }
    @media (min-width: 768px) {
      .pm-conflict-actions {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 0; } }
    .pm-conflict-actions .btn.btn-secondary.btn-small {
      padding: 0;
      margin-left: var(--spacing-l);
      height: 24px;
      border: var(--border-width-default) solid var(--border-color-strong); }
  .pm-conflict--source {
    background: var(--background-color-brand);
    min-height: 20px; }
  .pm-conflict--dest {
    background: var(--background-color-info);
    min-height: 20px; }
  @media (min-width: 768px) {
    .pm-conflict {
      padding-right: 168px; } }

.is-multiline {
  top: 14px;
  position: absolute;
  right: 0; }

.collection-diff__wrapper {
  padding: 0 var(--spacing-l);
  margin-top: var(--spacing-l);
  overflow-x: hidden; }

.collection-diff-header-label {
  padding: 0 var(--spacing-l);
  border-bottom: 1px solid var(--border-color-default); }

.collection-diff-header__text {
  margin-top: var(--spacing-l);
  display: inline-block;
  margin-left: var(--spacing-l);
  font-size: var(--text-size-l);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary); }

.collection-diff-alert .pm-alert {
  padding: var(--spacing-s) var(--spacing-l); }

@media (min-width: 1024px) {
  .collection-diff-alert .pm-alert-body {
    padding-right: 160px; } }

.collection-diff-alert__actions {
  display: block;
  margin-top: var(--spacing-s); }
  @media (min-width: 1024px) {
    .collection-diff-alert__actions {
      position: absolute;
      margin: 0;
      right: 64pxvar(--spacing-s);
      top: 50%;
      transform: translateY(-50%); } }

.collection-diff__loading {
  position: absolute;
  top: 50%;
  left: 50%; }

.collection-diff-body {
  overflow-x: hidden;
  font-size: var(--text-size-m); }
  .collection-diff-body__title {
    color: var(--content-color-primary);
    text-transform: uppercase;
    margin-bottom: var(--spacing-s); }
    .collection-diff-body__title .pm-badge-warning {
      display: inline;
      font-size: var(--text-size-s); }
  .collection-diff-body__request-label {
    margin-right: var(--spacing-s);
    display: inline-block;
    font-size: var(--text-size-m); }
  .collection-diff-body__heading {
    color: var(--content-color-secondary);
    margin: 0;
    cursor: pointer;
    display: inline-block; }
    .collection-diff-body__heading .pm-icon {
      vertical-align: middle; }
    .collection-diff-body__heading .pm-tooltip {
      text-transform: none; }
    .collection-diff-body__heading .pm-badge > span {
      display: inline; }
    .collection-diff-body__heading .pm-badge-success {
      background: transparent;
      color: var(--content-color-success);
      border: var(--border-width-default) solid var(--content-color-success); }
    .collection-diff-body__heading .pm-badge-secondary {
      background: transparent;
      color: var(--content-color-secondary);
      border: var(--border-width-default) solid var(--border-color-default); }
    .collection-diff-body__heading .pm-badge-error {
      background: transparent;
      color: var(--content-color-error);
      border: var(--border-width-default) solid var(--content-color-error); }
    .collection-diff-body__heading .pm-badge-info {
      background: transparent;
      color: var(--base-color-info);
      border: var(--border-width-default) solid var(--base-color-info); }
  .collection-diff-body__nested-section {
    padding: var(--spacing-s) var(--spacing-xl); }
    .collection-diff-body__nested-section .pm-conflict-actions {
      right: var(--spacing-l); }
    .collection-diff-body__nested-section h3 {
      margin-bottom: var(--spacing-xs); }
    .collection-diff-body__nested-section .collection-diff-body__collapsible {
      margin: 0; }
  .collection-diff-body__collapsible {
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-m);
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
    .collection-diff-body__collapsible.collapsed {
      background: var(--background-color-secondary); }
  .collection-diff-body__section {
    padding: 0 var(--spacing-l) 0 var(--spacing-xl);
    margin: var(--spacing-l) 0; }
  .collection-diff-body__toggle {
    cursor: pointer;
    color: var(--content-color-secondary);
    display: inline-block;
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-l);
    margin-left: var(--spacing-s); }
    .collection-diff-body__toggle:before {
      font-size: var(--text-size-xxxl);
      width: var(--spacing-s);
      top: -2px;
      left: -12px;
      height: 0;
      content: ' ';
      position: relative;
      display: inline-block;
      border-color: transparent;
      border-left-color: inherit;
      border-width: 4px 0px 4px 5px;
      border-style: solid; }
    .collection-diff-body__toggle.is-visible:before {
      border-color: transparent;
      border-top-color: inherit;
      border-width: 5px 4px 0; }
  @media (min-width: 768px) {
    .collection-diff-body__nav-item {
      margin-left: 320px; } }

.collection-diff__element-title {
  margin-left: 8px; }

.collection-diff-nav {
  display: none;
  background: var(--content-color-constant);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 320px;
  padding-top: var(--spacing-l);
  height: 100vh;
  overflow: auto;
  float: left;
  font-size: var(--text-size-m);
  border-right: var(--border-width-default) solid var(--border-color-default); }
  @media (min-width: 768px) {
    .collection-diff-nav {
      display: block; } }
  .collection-diff-nav__prop {
    width: 100%;
    margin: 0;
    padding: var(--spacing-s);
    display: block;
    text-decoration: none;
    color: var(--content-color-primary); }
    .collection-diff-nav__prop--conflict {
      background: var(--background-color-warning); }
    .collection-diff-nav__prop:hover {
      background: var(--background-color-secondary); }
  .collection-diff-nav__type {
    display: inline-block;
    width: 5%;
    height: var(--spacing-l);
    border-radius: var(--border-radius-default);
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    color: var(--content-color-secondary);
    border: var(--border-width-default) solid var(--content-color-secondary); }
    .collection-diff-nav__type--added {
      color: var(--content-color-success);
      border: var(--border-width-default) solid var(--content-color-success); }
    .collection-diff-nav__type--modified {
      color: var(--content-color-secondary);
      border: var(--border-width-default) solid var(--content-color-secondary); }
    .collection-diff-nav__type--deleted {
      color: var(--content-color-error);
      border: var(--border-width-default) solid var(--content-color-error); }
    .collection-diff-nav__type--conflict {
      border: none;
      background: var(--content-color-warning);
      color: var(--content-color-constant); }
  .collection-diff-nav__name {
    display: inline-block;
    text-transform: uppercase;
    width: 40%;
    white-space: nowrap;
    margin: auto var(--spacing-l);
    padding: 0;
    font-weight: var(--text-weight-medium);
    overflow: hidden;
    text-overflow: ellipsis; }
  .collection-diff-nav__diff {
    padding: 0;
    width: 30%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .collection-diff-nav__header {
    display: block;
    text-transform: uppercase;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary);
    padding: var(--spacing-s);
    text-decoration: none;
    margin-top: var(--spacing-l); }
    .collection-diff-nav__header:hover {
      background: var(--background-color-secondary); }
  .collection-diff-nav__item-name {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    margin: auto var(--spacing-l);
    padding: 0;
    font-weight: var(--text-weight-medium);
    overflow: hidden;
    text-overflow: ellipsis; }

.collection-diff-topbar__header {
  display: inline-block; }

.collection-diff-topbar__actions {
  float: right;
  margin-right: var(--spacing-l);
  margin-top: var(--spacing-s); }
  .collection-diff-topbar__actions-cancel {
    margin-right: var(--spacing-s); }
  .collection-diff-topbar__actions-merge {
    margin-right: var(--spacing-s); }
  .collection-diff-topbar__actions-refresh {
    vertical-align: middle;
    background-color: transparent; }
    .collection-diff-topbar__actions-refresh:hover {
      background-color: transparent; }
    .collection-diff-topbar__actions-refresh-icon {
      margin-right: var(--spacing-xs); }

.collection-diff__source-destination-label {
  padding-bottom: var(--spacing-s);
  display: flex; }

.collection-diff__empty-state {
  position: relative;
  top: 30%; }
  .collection-diff__empty-state-image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjQiIGhlaWdodD0iMTIzIiB2aWV3Qm94PSIwIDAgMTY0IDEyMyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDcyOEUiIGQ9Ik00LjI5IDc2LjIyNWMtLjI4OCAxLjQyOS0xLjIxNSA0LjQ0LTQuMDEgNS43MzZhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45OSAxLjI1NiA0LjExMiA1LjAwNmEuMTE5LjExOSAwIDAgMCAuMjMtLjAxNWMuMjE2LTEuMjU0IDEuMDg5LTQuMTkgNC4yNzQtNC45NjNhLjExOS4xMTkgMCAwIDAgMC0uMjI3Yy0xLjA5My0uMzUzLTMuNjY0LTEuNjE0LTQuMzg4LTUuNzQyYS4xMTYuMTE2IDAgMCAwLS4yMTctLjAxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4QzlFQTIiIGQ9Ik0xMTYuMDY1IDEyMi44MzZoMTYuNDAydi0xNC45MjRoLTIyLjA3NCIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM5QUFEQjIiIGQ9Ik0zNS45OS4xMjdoODMuNjE2djEyMi43MDlINDEuMzE5Yy0xMC45Mi0uMDA0LTE5Ljc3LTguODY5LTE5Ljc2OC0xOS44MDN2LTg3LjA5Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQyNTk2NiIgZD0iTTExOS42MDYgNzguODE1aDI1LjcyNXYzMy4yMzJjMCA1Ljk1OC00LjgyNSAxMC43ODktMTAuNzc2IDEwLjc4OWgtNC4xNzRjLTUuOTUxIDAtMTAuNzc1LTQuODMtMTAuNzc1LTEwLjc5Vjc4LjgxNnpNMjEuNTQyIDE1Ljk0M2wxNC4yNTguNDUuMTgtMTYuMjY2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM1Ljk4MSAyNS43NzJoNzEuMDkzdjY2Ljc3SDM1Ljk4MXoiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iMTAwLjk3NyIgY3k9IjEzLjg1NiIgZmlsbD0iIzdEOTE5OSIgcng9IjUuOTc2IiByeT0iNS45ODQiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjN0Q5MTk5IiBkPSJNNDQuNjQ5IDguOTM0aDQ2LjMzNHYyLjk5OUg0NC42NDl6TTQ0LjY0OSAxNS41NWg0Ni4zMzR2Mi45OTlINDQuNjQ5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMyMzFGMjAiIGQ9Ik03MS41MjYuMTI3aDQ4LjA3N3YxMjIuNzA3SDcxLjUyNnoiIG9wYWNpdHk9Ii4xIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRjY5Qzc5IiBkPSJNMTMwLjg1NyAzOS4xMWMtLjI4OCAxLjQyOC0xLjIxNSA0LjQzOC00LjAxIDUuNzM1YS4xMTcuMTE3IDAgMCAwIDAgLjIxNmMuODMuMjUzIDIuOTg5IDEuMjU2IDQuMTEyIDUuMDA2YS4xMTkuMTE5IDAgMCAwIC4yMy0uMDE1Yy4yMTYtMS4yNTMgMS4wODktNC4xOSA0LjI3NC00Ljk2M2EuMTE5LjExOSAwIDAgMCAwLS4yMjZjLTEuMDkzLS4zNTQtMy42NjQtMS42MTQtNC4zODgtNS43NDNhLjExNi4xMTYgMCAwIDAtLjIxOC0uMDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1OS4zMDYgOTIuOTgyYy0uMjg4IDEuNDI4LTEuMjE1IDQuNDM4LTQuMDEgNS43MzVhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45ODkgMS4yNTYgNC4xMTIgNS4wMDZhLjExOS4xMTkgMCAwIDAgLjIzLS4wMTVjLjIxNi0xLjI1NCAxLjA4OC00LjE5IDQuMjc0LTQuOTYzYS4xMTkuMTE5IDAgMCAwIDAtLjIyN2MtMS4wOTMtLjM1My0zLjY2NC0xLjYxNC00LjM4OC01Ljc0MmEuMTE2LjExNiAwIDAgMC0uMjE4LS4wMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBkPSJNMzUuOTgxIDk2LjU3NGgzMS44MzV2MTIuMjY4SDM1Ljk4MXpNNzUuMDExIDk2LjFoMzEuODM1djEyLjI2OEg3NS4wMTF6IiBvcGFjaXR5PSIuMSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin: auto; }

.collection-diff__error-state {
  margin-top: var(--spacing-xxl);
  position: relative;
  top: 30%; }
  .collection-diff__error-state-image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin: auto; }

.collection-diff__infobar-icon {
  margin-right: var(--spacing-l); }

.collection-diff-offline {
  position: relative;
  top: 25%; }
  .collection-diff-offline-image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin: auto; }

.collection-diff__request {
  display: inline; }
  .collection-diff__request-method {
    display: inline;
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }

.collection-diff__request-method--small {
  display: inline;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular); }

.collection-conflict-source {
  background: var(--background-color-error); }

.collection-conflict-dest {
  background: var(--background-color-info); }

.empty-state {
  text-align: center; }
  .empty-state__image {
    max-width: 160px;
    margin-bottom: var(--spacing-xl); }
  .empty-state__title {
    color: var(--content-color-primary); }
  .empty-state__body {
    line-height: 20px;
    color: var(--content-color-primary);
    margin: var(--spacing-l) auto var(--spacing-xxl); }
  .empty-state__action {
    margin-bottom: var(--spacing-xl); }
  .empty-state__crash-handler {
    margin-top: 200px; }
    .empty-state__crash-handler .empty-state__body {
      max-width: 500px; }
  .empty-state__subtext {
    color: var(--content-color-secondary);
    font-size: var(--text-size-l); }

.pm-link {
  color: var(--content-color-primary);
  text-decoration: none; }
  .pm-link:hover {
    cursor: pointer; }

.diff-entity {
  font-size: var(--text-size-l);
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: var(--spacing-l);
  width: 75%;
  display: flex;
  align-items: center;
  margin-top: var(--spacing-s); }
  @media (min-width: 568px) {
    .diff-entity {
      margin-bottom: 0; } }
  .diff-entity__separator {
    display: none;
    margin: 0 var(--spacing-xs); }
    @media (min-width: 568px) {
      .diff-entity__separator {
        display: inline-flex; } }
  .diff-entity__fork-label {
    margin-left: var(--spacing-s);
    max-width: 25%; }
    .diff-entity__fork-label span {
      font-weight: var(--text-weight-regular); }
  .diff-entity__label-group {
    display: flex;
    align-items: center; }
  .diff-entity__source {
    color: var(--content-color-brand);
    margin-right: var(--spacing-xs);
    font-weight: var(--text-weight-medium);
    display: inline-block;
    font-size: var(--text-size-m); }
  .diff-entity__dest {
    color: var(--content-color-info);
    margin-right: var(--spacing-xs);
    font-weight: var(--text-weight-medium);
    display: inline-block;
    font-size: var(--text-size-m); }
  .diff-entity__collection-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--content-color-primary);
    display: inline-block;
    vertical-align: middle;
    font-size: var(--text-size-m); }
    .diff-entity__collection-name-source {
      max-width: 50%; }
      @media (min-width: 480px) {
        .diff-entity__collection-name-source {
          max-width: 60%; } }
      @media (min-width: 568px) {
        .diff-entity__collection-name-source {
          max-width: 45%; } }
      @media (min-width: 768px) {
        .diff-entity__collection-name-source {
          max-width: 50%; } }
    .diff-entity__collection-name-destination {
      max-width: 60%;
      margin-right: var(--spacing-xs); }
      .diff-entity__collection-name-destination-fork {
        max-width: 40%; }
        @media (min-width: 480px) {
          .diff-entity__collection-name-destination-fork {
            max-width: 50%; } }
        @media (min-width: 568px) {
          .diff-entity__collection-name-destination-fork {
            max-width: 25%; } }
        @media (min-width: 768px) {
          .diff-entity__collection-name-destination-fork {
            max-width: 30%; } }
  .diff-entity__conflict-source {
    display: inline-block;
    background: rgba(var(--highlight-background-color-primary), 0.1); }
  .diff-entity__conflict-dest {
    display: inline-block;
    background: rgba(var(--highlight-background-color-primary), 0.1); }
  .diff-entity__alert-icon svg {
    height: 12px;
    width: 12px; }
  .diff-entity__collection-unavailable {
    position: relative;
    top: 2px; }
  .diff-entity__link--disabled {
    pointer-events: none; }
    .diff-entity__link--disabled .diff-entity__collection-name-source,
    .diff-entity__link--disabled .diff-entity__collection-name,
    .diff-entity__link--disabled .pull-request__fork-label {
      opacity: 0.5; }

.custom-tooltip {
  display: inline;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
  color: var(--content-color-secondary); }
  .custom-tooltip__body {
    z-index: auto; }
  .custom-tooltip__action {
    float: right;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s);
    margin-right: var(--spacing-xl); }
  .custom-tooltip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-size-m); }
  .custom-tooltip .pm-icon {
    margin-right: var(--spacing-xs); }

.fork-button__action {
  height: var(--size-m);
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: var(--spacing-s); }
  .fork-button__action.has-label i {
    margin-right: var(--spacing-xs); }

.fork-button__count {
  visibility: hidden;
  width: 0; }
  .fork-button__count.visible {
    visibility: visible;
    width: auto; }
  .fork-button__count.no-click {
    pointer-events: none; }
  .fork-button__count .btn {
    min-width: auto;
    height: var(---controls-size-default);
    display: inline-block;
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: var(--spacing-s) var(--spacing-m);
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }

.fork-creator-popover {
  width: 256px; }
  .fork-creator-popover .tooltip-wrapper {
    padding: var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    background-color: var(--background-color-primary); }
    .fork-creator-popover .tooltip-wrapper h4 {
      margin: 0;
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium);
      padding-bottom: var(--spacing-s);
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .fork-creator-popover .loading-indicator-wrapper {
    margin: var(--spacing-l) 0;
    text-align: center; }
  .fork-creator-popover__error, .fork-creator-popover__empty {
    margin: var(--spacing-l) 0 0 0; }
  .fork-creator-popover__tooltip {
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
    .fork-creator-popover__tooltip .tooltip-wrapper {
      padding: var(--spacing-l); }

.fork-creator-list {
  list-style: none;
  padding-left: 0;
  margin: var(--spacing-l) 0 0 0;
  max-height: 128px;
  overflow: auto; }
  .fork-creator-list__item {
    display: flex;
    align-items: center;
    font-weight: var(--text-weight-regular);
    height: 32px; }
    .fork-creator-list__item a {
      color: var(--content-color-primary);
      text-decoration: none; }
      .fork-creator-list__item a:hover {
        text-decoration: underline; }
  .fork-creator-list__private {
    background: var(--background-color-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin-right: var(--spacing-s); }
  .fork-creator-list .avatar {
    margin-right: var(--spacing-s); }

.collection-merge {
  max-width: 480px;
  margin: 0 auto;
  position: relative; }
  .collection-merge__name {
    margin-top: var(--spacing-s);
    font-size: var(--text-size-l);
    color: var(--content-color-secondary); }
  .collection-merge__close {
    position: absolute;
    top: var(--spacing-xxl);
    right: var(--spacing-xxl); }
  .collection-merge__option {
    border: 1px solid var(--border-color-default);
    padding: var(--spacing-l);
    border-radius: var(--border-radius-default);
    margin-bottom: var(--spacing-l); }
    .collection-merge__option > label {
      cursor: pointer; }
    .collection-merge__option--active {
      border: 1px solid var(--base-color-brand);
      background: rgba(255, 108, 55, 0.03); }
    .collection-merge__option--disabled {
      opacity: 0.5;
      cursor: not-allowed; }
      .collection-merge__option--disabled > label {
        cursor: not-allowed; }
  .collection-merge__label {
    display: block;
    font-size: var(--text-size-m);
    margin-bottom: var(--spacing-s);
    font-weight: var(--text-weight-medium); }
    .collection-merge__label-summary {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular); }
  .collection-merge__actions {
    margin-top: var(--spacing-xxl);
    position: relative;
    display: flex; }
    .collection-merge__actions-merge {
      margin-left: var(--spacing-s); }
    .collection-merge__actions-cancel {
      width: 30%; }
  .collection-merge__cancel {
    width: 88px;
    max-width: 88px; }
  @media (min-width: 768px) {
    .collection-merge__close {
      right: var(--spacing-xxl); } }
  .collection-merge__strategy-description {
    margin-top: var(--spacing-s); }
  .collection-merge__strategy-label {
    margin-left: var(--spacing-m); }
  .collection-merge__radio {
    position: relative;
    top: -8px; }
  .collection-merge__option-tooltip {
    z-index: 100; }
  .collection-merge__option-tooltip-anchor {
    display: block;
    color: unset; }

.pull-request {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .pull-request-body {
    max-width: 90%; }
  .pull-request__action--decline {
    color: var(--content-color-error); }
    .pull-request__action--decline:hover,
    .pull-request__action--decline:hover .dropdown-menu-item-label {
      color: var(--content-color-constant);
      background-color: var(--base-color-error); }
  .pull-request__inline-comment-header {
    cursor: pointer;
    display: inline-block; }
  .pull-request__actions--merge {
    margin-right: var(--spacing-s); }
  .pull-request-header__text {
    margin-top: var(--spacing-l);
    display: inline-block;
    margin-left: var(--spacing-l);
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary); }
  .pull-request__body {
    padding: var(--spacing-l);
    padding-top: 0;
    flex: auto;
    overflow-y: auto;
    overflow-x: hidden; }
  .pull-request-view__header {
    margin-right: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    border-bottom: 1px solid var(--border-color-default); }
  .pull-request__actions {
    float: right;
    margin-top: var(--spacing-s); }
    .pull-request__actions-approve {
      vertical-align: bottom;
      margin-right: var(--spacing-l);
      font-size: var(--text-size-m); }
    .pull-request__actions-unapprove-icon {
      vertical-align: sub;
      margin-right: var(--spacing-s);
      font-size: var(--text-size-m); }
    .pull-request__actions-merge-icon {
      margin-right: var(--spacing-s); }
    .pull-request__actions-dropdown {
      margin-right: var(--spacing-s); }
      .pull-request__actions-dropdown .btn {
        height: var(--size-m);
        width: var(--size-m); }
      .pull-request__actions-dropdown:hover {
        background-color: var(--highlight-background-color-secondary);
        border-radius: var(--border-radius-default); }
  .pull-request-description {
    font-size: var(--text-size-l);
    color: var(--content-color-primary); }
    @media (min-width: 768px) {
      .pull-request-description {
        width: 75%;
        float: left; } }
    .pull-request-description-empty {
      color: var(--content-color-secondary); }
  .pull-request-meta {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }
    .pull-request-meta__section {
      font-size: var(--text-size-m);
      margin-top: var(--spacing-s); }
      .pull-request-meta__section:not(:last-child) {
        margin-bottom: var(--spacing-xl); }
      .pull-request-meta__section-header {
        color: var(--content-color-secondary);
        font-weight: var(--text-weight-medium);
        display: flex;
        align-items: center;
        line-height: var(--line-height-s); }
      .pull-request-meta__section p {
        color: var(--content-color-primary);
        font-weight: var(--text-weight-regular);
        line-height: var(--line-height-m); }
  .pull-request__pull-changes {
    margin: var(--spacing-l) var(--spacing-zero); }
    .pull-request__pull-changes-link {
      font-size: var(--text-size-m);
      margin-top: var(--spacing-s);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-link);
      cursor: pointer; }
    .pull-request__pull-changes-separator {
      display: inline-block;
      border-left: 1px solid var(--border-color-default);
      vertical-align: middle;
      height: var(--spacing-xxl);
      margin-left: var(--spacing-s);
      margin-right: var(--spacing-s); }
    .pull-request__pull-changes-alert .pm-alert-cta {
      max-width: 160px;
      margin-right: var(--spacing-l); }
  .pull-request__fork-label {
    margin-left: var(--spacing-xs);
    color: var(--content-color-secondary); }
  .pull-request-tabs {
    width: 100%;
    margin-right: var(--spacing-xl); }
    .pull-request-tabs:first-child {
      margin-right: var(--spacing-s); }
  .pull-request-tab {
    padding-left: 0;
    padding-right: 0;
    margin-right: var(--spacing-l); }
    .pull-request-tab .tab-text-wrapper {
      margin-left: 0;
      margin-right: var(--spacing-xs);
      padding: var(--spacing-m) 0; }
    .pull-request-tab__changes-count {
      color: var(--content-color-primary);
      background-color: var(--background-color-tertiary);
      height: var(--spacing-l);
      min-width: var(--spacing-l);
      padding: 0px;
      font-weight: 600;
      pointer-events: none; }
    .pull-request-tab__changes-text {
      padding-right: var(--spacing-s); }
  .pull-request__fetch-error {
    margin-top: 200px; }
  .pull-request-reviewers-list {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    width: 100%;
    padding-right: var(--spacing-s); }
    .pull-request-reviewers-list li + li {
      margin-top: var(--spacing-s); }
  .pull-request-settings-list {
    list-style-type: none;
    padding: 0;
    margin-top: var(--spacing-l);
    margin-left: var(--spacing-s); }
  .pull-request-merge-check {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-m); }
    .pull-request-merge-check__loading {
      position: relative;
      top: 50%;
      left: 50%; }
    .pull-request-merge-check__section {
      height: 100%; }
    .pull-request-merge-check__description {
      margin-left: var(--spacing-m);
      color: var(--content-color-primary); }
    .pull-request-merge-check__empty {
      color: var(--content-color-secondary); }
  .pull-request-reviewer {
    margin-bottom: var(--spacing-s);
    min-height: 33px; }
    .pull-request-reviewer-empty {
      color: var(--content-color-secondary);
      margin-top: 0; }
    .pull-request-reviewer-label {
      white-space: nowrap;
      color: var(--base-color-brand); }
      .pull-request-reviewer-label-inline {
        white-space: nowrap;
        color: var(--base-color-brand);
        display: inline-block;
        vertical-align: middle;
        max-width: calc(100% - 18px); }
        .pull-request-reviewer-label-inline span {
          position: static; }
      .pull-request-reviewer-label span {
        position: static; }
    .pull-request-reviewer-approved {
      display: inline-block;
      margin-left: var(--spacing-s);
      vertical-align: middle; }
      .pull-request-reviewer-approved svg path {
        fill: var(--base-color-success); }
  .pull-request-label {
    margin-bottom: var(--spacing-l); }
  .pull-request-user {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%; }
    .pull-request-user__label {
      display: flex;
      margin-bottom: var(--spacing-l);
      margin-top: var(--spacing-m); }
    .pull-request-user__name {
      font-size: var(--text-size-m);
      margin-left: var(--spacing-s);
      display: inline-block;
      margin-top: var(--spacing-xs); }
  .pull-request__status {
    border-radius: 12px; }
    .pull-request__status-text {
      text-transform: capitalize;
      color: var(--content-color-primary); }
    .pull-request__status-alert {
      margin: 0 !important;
      padding: 2px var(--spacing-xxl);
      height: 40px; }
    .pull-request__status-description {
      font-size: var(--text-size-m);
      color: var(--content-color-primary); }
  .pull-request__diff-body {
    padding: 0;
    height: 100%; }
  .pull-request__diff-items {
    display: flex;
    align-items: center;
    margin: var(--spacing-xs) 0 var(--spacing-s) 0; }
  .pull-request__retry {
    width: 300px; }
  .pull-request__diff-comments-container {
    float: right; }
    .pull-request__diff-comments-container-disabled {
      float: right;
      pointer-events: none;
      opacity: 0.4; }
  .pull-request__diff-comments {
    margin-top: var(--spacing-xs);
    float: none; }
  .pull-request__loading {
    position: absolute;
    top: 50%;
    left: 50%; }
  .pull-request__diff-changes {
    font-size: var(--text-size-m);
    margin-left: var(--spacing-s);
    color: var(--content-color-primary); }
  .pull-request__alert-text {
    margin-left: var(--spacing-xs);
    color: var(--content-color-primary); }
  .pull-request__diff-conflicts {
    margin-left: var(--spacing-s);
    font-size: var(--text-size-m);
    color: var(--content-color-primary); }
  .pull-request__approval-count {
    border-radius: var(--border-radius-default);
    margin-left: var(--spacing-s);
    padding: 2px 4px;
    background: var(--background-modal-backdrop);
    color: var(--content-color-constant); }
  .pull-request-offline {
    position: relative;
    top: 25%; }
    .pull-request-offline-image {
      display: block;
      width: 160px;
      height: 160px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
      margin: auto; }
  .pull-request-entity-comments {
    float: right;
    position: relative;
    top: -4px; }
    .pull-request-entity-comments__label {
      margin-right: var(--spacing-l);
      cursor: pointer; }
    .pull-request-entity-comments__icon {
      vertical-align: middle; }
    .pull-request-entity-comments__text {
      color: var(--content-color-primary); }
    .pull-request-entity-comments__loading {
      display: inline-block;
      margin-left: var(--spacing-l);
      vertical-align: middle; }
    .pull-request-entity-comments__count {
      color: var(--content-color-primary);
      background-color: var(--background-color-tertiary);
      height: var(--spacing-l);
      min-width: var(--spacing-l);
      padding: 0;
      font-weight: var(--text-weight-medium);
      pointer-events: none;
      margin-left: var(--spacing-s); }
    .pull-request-entity-comments__list {
      position: absolute !important;
      right: 0;
      margin-top: var(--spacing-xl);
      background: var(--background-color-primary);
      border-radius: var(--border-radius-default);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      z-index: 800;
      box-shadow: var(--shadow-default);
      min-width: 350px;
      margin-right: var(--spacing-m); }
      .pull-request-entity-comments__list:before {
        content: " ";
        position: absolute;
        box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
        border-color: var(--background-color-primary) transparent transparent var(--background-color-primary);
        border-style: solid;
        border-width: 6px;
        top: -6px;
        right: 10px;
        transform: rotate(45deg); }
  .pull-request__more-options-icon {
    margin-right: var(--spacing-s); }
  .pull-request__merge-checks-header {
    margin-left: var(--spacing-s);
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
  .pull-request__error-state {
    margin: auto;
    width: 480px; }

.merge-check {
  display: flex;
  align-items: center; }

.pull-request-comments {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .pull-request-comments__empty-state-description i {
    position: relative;
    top: 3px;
    margin: 0 var(--spacing-xs); }
  .pull-request-comments .comments {
    height: 97%;
    display: flex;
    flex-direction: column; }
  .pull-request-comments .comments-list {
    max-height: initial; }
    .pull-request-comments .comments-list .comments-item {
      padding-top: var(--spacing-xl);
      padding-left: 0; }
  .pull-request-comments .comments-input {
    padding-left: 0;
    font-size: var(--text-size-m); }

.pull-request-decline {
  position: relative; }
  .pull-request-decline__close {
    position: absolute;
    top: var(--spacing-xxl);
    right: var(--spacing-xxl); }
  .pull-request-decline__confirm {
    margin-left: var(--spacing-xs); }
  .pull-request-decline__text {
    font-size: var(--text-size-l); }

.pull-request-edit {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .pull-request-edit .pm-h1 {
    padding-top: var(--spacing-s); }
  .pull-request-edit__header-text {
    margin-top: var(--spacing-l);
    display: inline-block;
    margin-left: var(--spacing-l);
    font-size: 18px;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary); }
  .pull-request-edit__title {
    color: var(--content-color-primary); }
  .pull-request-edit__header {
    border-bottom: 1px solid var(--border-color-default);
    padding: 0 var(--spacing-l); }
  .pull-request-edit__body {
    margin-left: var(--spacing-l);
    margin-right: var(--spacing-l); }
  .pull-request-edit__description {
    margin-top: var(--spacing-xxl);
    color: var(--content-color-primary); }
  .pull-request-edit__reviewers {
    margin-top: var(--spacing-xxl);
    color: var(--content-color-primary); }
  .pull-request-edit__changes_container {
    display: flex;
    align-items: flex-start; }
  .pull-request-edit__changes_container > div {
    margin-right: var(--spacing-xl); }
  .pull-request-edit__changes {
    width: 65%;
    margin-bottom: var(--spacing-l); }
  .pull-request-edit__changes--full-width {
    width: 100%; }
  .pull-request-edit__nav {
    margin-top: var(--spacing-l);
    flex: auto; }
  .pull-request-edit__diff-nav-wrapper {
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding-left: var(--spacing-l);
    color: var(--content-color-secondary); }
  .pull-request-edit__form {
    max-width: 400px;
    font-size: var(--text-size-m);
    margin-top: var(--spacing-xl); }
    .pull-request-edit__form label {
      display: block;
      font-weight: var(--text-weight-medium);
      margin-bottom: var(--spacing-s); }
    .pull-request-edit__form label + p {
      margin-top: var(--spacing-xs);
      margin-bottom: var(--spacing-s);
      color: var(--content-color-secondary); }
    .pull-request-edit__form .pm-invite-form,
    .pull-request-edit__form .pm-input-field {
      max-width: 400px; }
    .pull-request-edit__form textarea {
      min-width: 200px;
      max-width: 1000px;
      font-family: var(--text-family-default); }
    .pull-request-edit__form-wrapper {
      opacity: 0.5;
      pointer-events: none; }
  .pull-request-edit__source-destination-label {
    padding-bottom: var(--spacing-m);
    width: 100%; }
    @media (min-width: 768px) {
      .pull-request-edit__source-destination-label {
        width: 70%; } }
  .pull-request-edit__max-reviewers {
    color: var(--base-color-error);
    margin-top: var(--spacing-s);
    display: block; }
  .pull-request-edit__actions {
    margin-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl); }
    .pull-request-edit__actions-save {
      margin-right: var(--spacing-s); }

.workspace-selector-menu .dropdown-menu-item.dropdown-menu-item--default {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }

.pm-invite-form {
  position: relative; }
  .pm-invite-form__field .pm-icon.pm-icon-md {
    margin: 8px; }
    .pm-invite-form__field .pm-icon.pm-icon-md svg {
      width: 16px; }
    .pm-invite-form__field .pm-icon.pm-icon-md path {
      fill: var(--grey-40); }
  .pm-invite-form__field .pm-form-control-md {
    border-color: var(--border-color-default);
    font-size: var(--text-size-m);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 48px 0 var(--spacing-xxl); }
  .pm-invite-form__add {
    position: absolute;
    top: 12px;
    font-size: var(--text-size-m);
    right: var(--spacing-l); }
  .pm-invite-form__actions {
    position: relative;
    margin: var(--spacing-xxl) 0 var(--spacing-l);
    padding-left: 125pxvar(--spacing-s); }
    .pm-invite-form__actions .pm-btn-secondary {
      left: 0;
      width: 125px;
      position: absolute; }

.pm-invite-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 200px;
  overflow: auto;
  border: 1px solid var(--border-color-default);
  border-top: none;
  font-size: var(--text-size-m);
  border-bottom-left-radius: var(--border-radius-default);
  border-bottom-right-radius: var(--border-radius-default); }
  .pm-invite-list__item {
    position: relative;
    height: 40px; }
    .pm-invite-list__item .avatar {
      display: inline-block;
      margin-left: 8px; }
  .pm-invite-list__empty {
    position: relative; }
    .pm-invite-list__empty-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: var(--content-color-secondary); }
  .pm-invite-list .pm-select {
    max-width: 120px; }
    .pm-invite-list .pm-select .Select-control {
      width: 120px; }
  .pm-invite-list__roles {
    position: absolute;
    right: 40px;
    top: var(--spacing-xs); }
    .pm-invite-list__roles + p {
      padding: 10px 168px var(--spacing-s) 48px; }
  .pm-invite-list .pm-select.is-disabled .Select-control {
    cursor: not-allowed; }
  .pm-invite-list__icon {
    background-size: contain;
    position: absolute;
    top: var(--spacing-xs);
    left: var(--spacing-s); }
  .pm-invite-list__email {
    height: 40px;
    display: inline-block;
    padding: 10px var(--spacing-xxl) var(--spacing-s) 8px;
    margin: 0;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: var(--content-color-primary); }
  .pm-invite-list__remove {
    position: absolute;
    right: 0;
    padding: 0;
    top: 4px; }
  .pm-invite-list__additive-info {
    margin-right: var(--spacing-s)var(--spacing-xs);
    position: absolute;
    right: 0;
    padding: 0;
    height: 16px;
    width: 16px; }
  .pm-invite-list__additive-warn {
    position: absolute;
    right: 160px;
    top: 50%;
    margin-right: var(--spacing-s);
    transform: translateY(-50%); }
  .pm-invite-list__user-icon {
    top: var(--spacing-s);
    left: var(--spacing-s);
    height: 24px;
    width: 24px; }
  .pm-invite-list__button {
    display: block;
    margin-left: auto;
    background-color: var(--background-color-secondary);
    text-align: center;
    min-width: 110px; }
    .pm-invite-list__button:hover {
      background-color: var(--background-color-secondary); }
    .pm-invite-list__button-down-arrow {
      padding-left: var(--spacing-xs);
      vertical-align: top; }
  .pm-invite-list__label {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m); }
  .pm-invite-list__disabled-option-tooltip {
    font-size: var(--text-size-m);
    margin: 0; }
    @media (max-width: 568px) {
      .pm-invite-list__disabled-option-tooltip {
        max-width: 90px; } }
  .pm-invite-list__disabled-option-tooltip-heading {
    font-weight: var(--text-weight-medium); }
  .pm-invite-list__disabled-option-tooltip-description {
    color: var(--content-color-secondary);
    margin: var(--spacing-xs) 0; }

.collection-info-cb__pull-requests-label {
  color: var(--content-color-primary);
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  cursor: pointer; }

.collection-info-cb__pull-requests-icon {
  margin-right: var(--spacing-s); }

.collection-info-cb__pull-requests__toggle-wrapper {
  float: left;
  cursor: pointer; }

.collection-info-cb__pull-requests-loading {
  display: flex;
  justify-content: center;
  position: relative;
  top: 40%; }

.collection-info-cb__pull-requests-title {
  color: var(--content-color-primary);
  font-size: var(--text-size-m); }
  .collection-info-cb__pull-requests-title:hover {
    text-decoration: underline; }

.collection-info-cb__pull-requests-time {
  color: var(--content-color-tertiary);
  font-size: var(--text-size-s);
  margin-top: 0; }

.collection-info-cb__pull-requests-elements {
  max-width: 50%;
  display: inline-block;
  cursor: pointer; }

.collection-info-cb__pull-requests-status {
  margin-left: var(--spacing-xxl); }
  .collection-info-cb__pull-requests-status__wrapper {
    margin-top: var(--spacing-xs);
    display: inline-block;
    width: 75px; }

.collection-info-cb__pull-requests-meta {
  display: flex;
  float: right;
  right: 60px;
  position: relative;
  margin-top: var(--spacing-s); }

.collection-info-cb__pull-requests-collapsible {
  margin-top: var(--spacing-l);
  cursor: pointer;
  border-radius: var(--border-radius-s);
  max-width: 350px; }

.collection-info-cb__pull-requests-toggle {
  display: inline-block;
  margin-left: 0;
  margin-top: var(--spacing-xs); }

.collection-info-cb__pull-requests-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  padding: var(--spacing-zero) var(--spacing-s); }

.collection-info-cb__pull-requests-description {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  width: 80%; }

.pull-request-container {
  display: flex;
  flex-direction: column;
  font-size: var(--text-size-m);
  height: 100%;
  overflow-x: hidden; }
  .pull-request-container__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-s); }
    .pull-request-container__header-title {
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xl);
      line-height: var(--line-height-xl); }
  .pull-request-container__actions {
    display: flex;
    align-items: center; }
    .pull-request-container__actions .dropdown-button.is-open .btn-icon.btn-icon-rect.pull-request-container__actions-filter-button {
      background-color: var(--highlight-background-color-tertiary); }
    .pull-request-container__actions .btn-icon.btn-icon-rect.pull-request-container__actions-filter-button {
      height: var(--size-s);
      width: var(--size-s);
      background-color: var(--background-color-tertiary); }
    .pull-request-container__actions .btn-icon.btn-icon-rect.pull-request-container__actions-filter-button:hover {
      background-color: var(--highlight-background-color-tertiary); }
    .pull-request-container__actions-filter-menu {
      height: 182px;
      width: 188px;
      background-color: var(--background-color-primary); }
    .pull-request-container__actions-filter--action-header {
      margin-left: var(--spacing-l);
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
    .pull-request-container__actions-filter--action-item {
      margin-top: var(--spacing-m);
      margin-left: var(--spacing-l); }
      .pull-request-container__actions-filter--action-item-name {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        margin-left: var(--spacing-s); }
  .pull-request-container__empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 25%;
    margin-right: var(--spacing-xxl); }

.pull-request-filter-dropdown-item-checkbox {
  display: inline-flex; }

.pull-request-filter-dropdown-item-checkbox.is-selected {
  background-color: var(--base-color-brand); }

.pull-request-reviewers__option .pm-user-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: var(--spacing-s); }
  .pull-request-reviewers__option .pm-user-icon svg {
    height: 12px;
    width: 12px; }

.pull-request-reviewers__option-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 8px;
  font-size: var(--text-size-m); }

.pull-request-reviewers__option-permission {
  color: var(--content-color-tertiary);
  float: right;
  position: relative;
  font-size: var(--text-size-m); }

.pull-request-reviewers__option-disabled {
  opacity: 0.5; }

.pull-request-reviewers__option .avatar {
  display: inline-block;
  margin-left: 8px; }

.pull-request-reviewers__input {
  position: relative; }
  .pull-request-reviewers__input .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .pull-request-reviewers__input .Select--single .Select-menu-outer {
    margin-top: 0;
    border-radius: 0; }
    .pull-request-reviewers__input .Select--single .Select-menu-outer .Select-menu .Select-option {
      padding-right: var(--spacing-l); }
  .pull-request-reviewers__input .Select--single .Select-placeholder {
    padding-left: var(--spacing-xxl); }
  .pull-request-reviewers__input .Select--single .Select-input {
    padding: 0 var(--spacing-xxl);
    width: 100%; }
    .pull-request-reviewers__input .Select--single .Select-input > input {
      max-width: 100% !important; }
  .pull-request-reviewers__input > .pm-icon {
    position: absolute;
    top: 14px;
    left: 12px; }
    .pull-request-reviewers__input > .pm-icon svg {
      height: 12px;
      width: 12px; }

.pull-request-reviewers__selected-warning {
  position: absolute;
  right: 160px;
  top: 50%;
  margin-right: var(--spacing-s);
  transform: translateY(-50%);
  right: 104px; }
  .pull-request-reviewers__selected-warning svg path {
    fill: var(--base-color-warning); }

.pull-request-reviewers__selected-permission {
  color: var(--content-color-tertiary);
  position: absolute;
  bottom: 12px;
  right: 40px; }

.pull-request-settings__is-loading {
  display: flex;
  height: var(--spacing-xxxl);
  align-items: center;
  justify-content: center; }

.pull-request-settings__error {
  display: flex;
  height: var(--spacing-xxl);
  margin-top: var(--spacing-l); }
  .pull-request-settings__error-text {
    height: 20px;
    margin-left: var(--spacing-s); }

.pull-request-settings .merge-user-heading {
  height: 20px;
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-s);
  font-weight: var(--text-weight-medium); }

.pull-request-settings .list-selection-radio {
  height: var(--spacing-xxl);
  display: flex;
  align-items: center; }
  .pull-request-settings .list-selection-radio .option-text {
    display: inline-block;
    margin-left: var(--spacing-s); }

.pull-request-settings .select-users {
  margin-left: var(--spacing-xl); }
  .pull-request-settings .select-users__hint {
    margin-bottom: var(--spacing-s);
    color: var(--content-color-secondary); }

.pull-request-settings .merge-checks {
  margin-top: var(--spacing-l); }
  .pull-request-settings .merge-checks__description {
    margin-bottom: var(--spacing-s);
    color: var(--content-color-secondary); }
  .pull-request-settings .merge-checks__container {
    margin-bottom: var(--spacing-s); }
    .pull-request-settings .merge-checks__container .checks-checkbox.input-checkbox {
      display: inline-flex;
      margin-right: var(--spacing-s); }
    .pull-request-settings .merge-checks__container .checks-checkbox.input-checkbox.is-selected {
      background-color: var(--base-color-brand); }
    .pull-request-settings .merge-checks__container .checks-text {
      height: 20px;
      vertical-align: text-top;
      color: var(--content-color-primary); }

.mergers-selection {
  overflow-y: auto;
  min-height: 40px;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-sizing: border-box;
  margin-right: 10px; }

.user-invite-container {
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  max-height: 80px; }
  .user-invite-container__placeholder {
    display: flex;
    position: relative;
    margin-left: var(--spacing-s); }
    .user-invite-container__placeholder-text {
      margin-left: var(--spacing-s);
      color: var(--content-color-secondary); }
  .user-invite-container .active-input {
    flex: 1;
    padding-left: var(--spacing-s); }

.merge-user-suggestion {
  height: 56px; }
  .merge-user-suggestion .avatar {
    margin-right: var(--spacing-s); }
  .merge-user-suggestion .user-suggestion-details {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .merge-user-suggestion .user-suggestion-details .user-suggestion__email {
      margin-top: var(--spacing-xs);
      color: var(--content-color-secondary); }

.fork-offline {
  position: relative;
  top: 25%; }
  .fork-offline-image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    margin: auto; }

.entity-empty .entity-empty__illustration-wrapper--collections .collections-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.entity-empty .entity-empty__action--text {
  margin-top: 10px; }

.entity-empty .entity-empty__illustration-wrapper--environment .environment-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.entity-empty .entity-empty__illustration-wrapper--integrations .integrations-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.entity-empty .entity-empty__illustration-wrapper--mocks .mocks-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.entity-empty .entity-empty__illustration-wrapper--monitors .monitors-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.entity-empty .entity-empty__illustration-wrapper--history .history-empty__illustration {
  display: block;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjQiIGhlaWdodD0iMTIzIiB2aWV3Qm94PSIwIDAgMTY0IDEyMyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDcyOEUiIGQ9Ik00LjI5IDc2LjIyNWMtLjI4OCAxLjQyOS0xLjIxNSA0LjQ0LTQuMDEgNS43MzZhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45OSAxLjI1NiA0LjExMiA1LjAwNmEuMTE5LjExOSAwIDAgMCAuMjMtLjAxNWMuMjE2LTEuMjU0IDEuMDg5LTQuMTkgNC4yNzQtNC45NjNhLjExOS4xMTkgMCAwIDAgMC0uMjI3Yy0xLjA5My0uMzUzLTMuNjY0LTEuNjE0LTQuMzg4LTUuNzQyYS4xMTYuMTE2IDAgMCAwLS4yMTctLjAxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4QzlFQTIiIGQ9Ik0xMTYuMDY1IDEyMi44MzZoMTYuNDAydi0xNC45MjRoLTIyLjA3NCIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM5QUFEQjIiIGQ9Ik0zNS45OS4xMjdoODMuNjE2djEyMi43MDlINDEuMzE5Yy0xMC45Mi0uMDA0LTE5Ljc3LTguODY5LTE5Ljc2OC0xOS44MDN2LTg3LjA5Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQyNTk2NiIgZD0iTTExOS42MDYgNzguODE1aDI1LjcyNXYzMy4yMzJjMCA1Ljk1OC00LjgyNSAxMC43ODktMTAuNzc2IDEwLjc4OWgtNC4xNzRjLTUuOTUxIDAtMTAuNzc1LTQuODMtMTAuNzc1LTEwLjc5Vjc4LjgxNnpNMjEuNTQyIDE1Ljk0M2wxNC4yNTguNDUuMTgtMTYuMjY2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM1Ljk4MSAyNS43NzJoNzEuMDkzdjY2Ljc3SDM1Ljk4MXoiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iMTAwLjk3NyIgY3k9IjEzLjg1NiIgZmlsbD0iIzdEOTE5OSIgcng9IjUuOTc2IiByeT0iNS45ODQiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjN0Q5MTk5IiBkPSJNNDQuNjQ5IDguOTM0aDQ2LjMzNHYyLjk5OUg0NC42NDl6TTQ0LjY0OSAxNS41NWg0Ni4zMzR2Mi45OTlINDQuNjQ5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMyMzFGMjAiIGQ9Ik03MS41MjYuMTI3aDQ4LjA3N3YxMjIuNzA3SDcxLjUyNnoiIG9wYWNpdHk9Ii4xIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRjY5Qzc5IiBkPSJNMTMwLjg1NyAzOS4xMWMtLjI4OCAxLjQyOC0xLjIxNSA0LjQzOC00LjAxIDUuNzM1YS4xMTcuMTE3IDAgMCAwIDAgLjIxNmMuODMuMjUzIDIuOTg5IDEuMjU2IDQuMTEyIDUuMDA2YS4xMTkuMTE5IDAgMCAwIC4yMy0uMDE1Yy4yMTYtMS4yNTMgMS4wODktNC4xOSA0LjI3NC00Ljk2M2EuMTE5LjExOSAwIDAgMCAwLS4yMjZjLTEuMDkzLS4zNTQtMy42NjQtMS42MTQtNC4zODgtNS43NDNhLjExNi4xMTYgMCAwIDAtLjIxOC0uMDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1OS4zMDYgOTIuOTgyYy0uMjg4IDEuNDI4LTEuMjE1IDQuNDM4LTQuMDEgNS43MzVhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45ODkgMS4yNTYgNC4xMTIgNS4wMDZhLjExOS4xMTkgMCAwIDAgLjIzLS4wMTVjLjIxNi0xLjI1NCAxLjA4OC00LjE5IDQuMjc0LTQuOTYzYS4xMTkuMTE5IDAgMCAwIDAtLjIyN2MtMS4wOTMtLjM1My0zLjY2NC0xLjYxNC00LjM4OC01Ljc0MmEuMTE2LjExNiAwIDAgMC0uMjE4LS4wMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBkPSJNMzUuOTgxIDk2LjU3NGgzMS44MzV2MTIuMjY4SDM1Ljk4MXpNNzUuMDExIDk2LjFoMzEuODM1djEyLjI2OEg3NS4wMTF6IiBvcGFjaXR5PSIuMSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }

.add-to-workspace-empty--container {
  border: 1px solid var(--border-color-default);
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 40px 75px; }
  .add-to-workspace-empty--container .add-to-workspace-empty--title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px; }
  .add-to-workspace-empty--container .add-to-workspace-empty--subtext {
    opacity: 0.6;
    margin-bottom: 20px; }
  .add-to-workspace-empty--container .docs-link {
    margin: 15px 0 20px; }

.app-crash-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  background-color: var(--background-color-primary);
  height: 100%; }
  .app-crash-wrapper .app-crash-wrapper__blank-state {
    padding: var(--spacing-l); }
  .app-crash-wrapper .app-crash-thumbnail {
    height: 200px;
    width: 200px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
    background-size: contain;
    margin-bottom: 10px; }
  .app-crash-wrapper .app-crash-content-container {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .app-crash-wrapper .app-crash-header {
    font-size: 18px;
    font-weight: 600;
    color: var(--content-color-primary); }
  .app-crash-wrapper .app-crash-content {
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
    color: var(--content-color-secondary); }

.no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  color: var(--content-color-primary); }
  .no-result .no-result-image {
    display: block;
    width: 120px;
    height: 105px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, );
    margin-bottom: 20px; }
  .no-result .label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
  .no-result .subtext {
    font-size: 12px;
    opacity: 0.6; }

.create-team-empty {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-family: var(--text-family-default);
  padding: 16px;
  background-color: var(--background-color-brand);
  border-radius: var(--border-radius-default); }
  .create-team-empty .create-team-empty__title {
    flex: 1;
    color: var(--content-color-primary);
    font-size: 12px; }

.contextual-sign-in-modal-container {
  position: relative; }
  .contextual-sign-in-modal-container .modal-content {
    padding: 0; }
  .contextual-sign-in-modal-container-loading {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .contextual-sign-in-modal-container-loading .loader {
      border: 3px solid transparent;
      border-top: 3px solid var(--content-color-constant);
      border-right: 3px solid var(--content-color-constant);
      border-left: 3px solid var(--content-color-constant);
      border-radius: 50%;
      width: 24px;
      height: 24px;
      animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .contextual-sign-in-modal-container-loading .loading-text {
      text-align: center;
      margin-top: 16px;
      color: var(--content-color-primary); }

.contextual-sign-in-modal {
  display: flex;
  height: 100%;
  min-height: 420px;
  position: relative;
  background-color: var(--background-color-primary); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--back-icon,
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--close-icon {
    position: absolute;
    top: 24px;
    cursor: pointer; }
    .contextual-sign-in-modal .contextual-sign-in-modal__left-section--back-icon.is-enabled,
    .contextual-sign-in-modal .contextual-sign-in-modal__right-section--close-icon.is-enabled {
      z-index: 1; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--back-icon {
    left: 24px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--close-icon {
    right: 24px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section,
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section {
    flex: 1;
    min-width: 210px;
    padding: 32px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section {
    flex: 2; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--icon {
    margin-bottom: 24px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--invite-icon {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--mock-icon {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--monitor-icon {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--documentation-icon {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--title,
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--title {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--subtitle {
    margin-top: 8px;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--title,
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--subtitle {
    color: var(--content-color-primary); }
  .contextual-sign-in-modal .contextual-sign-in-modal__left-section--create-btn {
    margin-top: 24px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__separator-block {
    margin: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .contextual-sign-in-modal .contextual-sign-in-modal__separator-block .contextual-sign-in-modal__separator-block--separator {
      width: 54px;
      height: 1px;
      background-color: var(--border-color-strong); }
    .contextual-sign-in-modal .contextual-sign-in-modal__separator-block .contextual-sign-in-modal__separator-block--separator-text {
      margin: 0px 16px;
      color: var(--content-color-secondary); }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section {
    background-color: var(--background-color-secondary); }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--title {
    margin-bottom: 16px;
    color: var(--content-color-primary); }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--carousel {
    width: 500px; }
  .contextual-sign-in-modal .contextual-sign-in-modal--invite-1 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--invite-2 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--invite-3 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--monitor-1 {
    display: block;
    width: 250px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--monitor-2 {
    display: block;
    width: 250px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--monitor-3 {
    display: block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDQyIDM4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZmlsbD0iI0VDRUNFQyIgZD0iTTMxIDMyYy0yLjIgMC00LTEuOC00LTRzMS44LTQgNC00IDQgMS44IDQgNC0xLjggNC00IDR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0VDRUNFQyIgZD0iTTMxIDM4Yy0zIDAtNS45LTEuNC03LjgtMy43bDMuMS0yLjVjMS4xIDEuNCAyLjkgMi4zIDQuNyAyLjMgMy4zIDAgNi0yLjcgNi02cy0yLjctNi02LTZjLTEgMC0yIC4zLTIuOS43bC0xLjcgMUwxOS4zIDExbDMuNS0xLjkgNS4zIDkuNGMxLS4zIDItLjUgMy0uNSA1LjUgMCAxMCA0LjUgMTAgMTBTMzYuNSAzOCAzMSAzOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRUNFQ0VDIiBkPSJNMTAgMzhDNC41IDM4IDAgMzMuNSAwIDI4YzAtNC42IDMuMS04LjUgNy41LTkuN2wxIDMuOUM1LjkgMjIuOSA0IDI1LjMgNCAyOGMwIDMuMyAyLjcgNiA2IDZzNi0yLjcgNi02di0yaDE1djRIMTkuOGMtLjkgNC42LTUgOC05LjggOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRTkxRTYzIiBkPSJNMTAgMzJjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTQgNCAxLjggNCA0LTEuOCA0LTQgNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRUNFQ0VDIiBkPSJNMjEgMTRjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTQgNCAxLjggNCA0LTEuOCA0LTQgNHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRTkxRTYzIiBkPSJNMTEuNyAyOWwtMy40LTIgNS45LTkuN2MtMi0xLjktMy4yLTQuNS0zLjItNy4zIDAtNS41IDQuNS0xMCAxMC0xMHMxMCA0LjUgMTAgMTBjMCAuOS0uMSAxLjctLjMgMi41bC0zLjktMWMuMS0uNS4yLTEgLjItMS41IDAtMy4zLTIuNy02LTYtNnMtNiAyLjctNiA2YzAgMi4xIDEuMSA0IDIuOSA1LjFsMS43IDFMMTEuNyAyOXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
  .contextual-sign-in-modal .contextual-sign-in-modal--mock-1 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--mock-2 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--mock-3 {
    display: block;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .contextual-sign-in-modal .contextual-sign-in-modal--documentation-1 {
    display: block;
    width: 250px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, );
    box-shadow: var(--shadow-default);
    background-size: cover; }
  .contextual-sign-in-modal .contextual-sign-in-modal--documentation-2 {
    display: block;
    width: 250px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, );
    box-shadow: var(--shadow-default);
    background-size: cover; }
  .contextual-sign-in-modal .contextual-sign-in-modal--documentation-3 {
    display: block;
    width: 250px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, );
    box-shadow: var(--shadow-default);
    background-size: cover; }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--carousel .carousel .carousel-inner {
    height: 250px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--carousel.is-small .carousel-inner {
    height: 220px; }
  .contextual-sign-in-modal .contextual-sign-in-modal__right-section--learn-more {
    margin-top: 24px; }

.permission-denied {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--content-color-primary);
  padding: 10px 10px 20px;
  box-sizing: border-box; }
  .permission-denied .permission-denied--img {
    display: block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, );
    margin-bottom: 16px; }
  .permission-denied .permission-denied--title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px; }
  .permission-denied .permission-denied--title,
  .permission-denied .permission-denied--subtitle {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }

.sign-in-modal-container .modal-content {
  padding: 0; }

.sign-in-modal {
  height: calc(100% - 32px);
  padding: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .sign-in-modal .sign-in-modal__close-icon {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer; }
  .sign-in-modal .sign-in-modal__illustration {
    display: block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .sign-in-modal .learning-center-empty-state-icon {
    display: block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .sign-in-modal .sign-in-modal__title {
    margin-top: var(--spacing-l); }
  .sign-in-modal .sign-in-modal__subtitle {
    margin-top: 8px;
    text-align: center;
    max-width: 340px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .sign-in-modal .sign-in-modal__buttons {
    display: flex;
    flex-direction: column; }
  .sign-in-modal .sign-in-modal__create-btn {
    margin: var(--spacing-l) var(--spacing-zero); }
  .sign-in-modal .sign-in-modal__separator-block {
    margin: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .sign-in-modal .sign-in-modal__separator-block .sign-in-modal__separator-block--separator {
      width: 54px;
      height: 1px;
      background-color: var(--border-color-default); }
    .sign-in-modal .sign-in-modal__separator-block .sign-in-modal__separator-block--separator-text {
      margin: 0px 16px;
      color: var(--content-color-secondary); }

.collection-sidebar-empty-shell {
  height: 100%;
  border-right: 1px solid var(--border-color-default);
  border-left: 1px solid var(--border-color-default);
  overflow: hidden;
  animation: fade 1s ease-in-out infinite; }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection {
    height: 60px;
    border-bottom: 1px solid var(--border-color-default);
    display: flex;
    align-items: center; }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__dropdown,
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__icon {
    height: 12px;
    width: 12px;
    background-color: var(--background-color-tertiary);
    margin-left: 8px;
    border-radius: var(--border-radius-default); }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__dropdown {
    height: 8px;
    width: 8px; }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__info--name,
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__info--count {
    background-color: var(--background-color-tertiary);
    width: 100px;
    height: 8px;
    margin-left: 16px;
    border-radius: var(--border-radius-default); }
  .collection-sidebar-empty-shell .collection-sidebar-empty-shell--collection__info--count {
    margin-top: 8px;
    width: 55px; }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.share-empty-shell {
  height: 100%;
  display: flex;
  flex-direction: column;
  animation: fade 1s ease-in-out infinite;
  overflow: hidden; }
  .share-empty-shell .share-empty-shell--search {
    height: 42px;
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-tertiary);
    margin: 16px 0 8px 0; }
  .share-empty-shell .share-empty-shell--filter {
    height: 56px;
    border-radius: var(--border-radius-default);
    margin-top: 8px; }
    .share-empty-shell .share-empty-shell--filter .share-empty-shell--filter-title {
      width: 70px;
      height: 12px;
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default); }
    .share-empty-shell .share-empty-shell--filter .share-empty-shell--filter-type {
      width: 430px;
      height: 12px;
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default);
      margin-top: 8px; }
  .share-empty-shell .share-empty-shell--workspaces-title {
    height: 12px;
    width: 130px;
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-tertiary);
    margin-bottom: 8px; }
  .share-empty-shell .share-empty-shell--workspaces-item {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--background-color-tertiary); }
    .share-empty-shell .share-empty-shell--workspaces-item .share-empty-shell--workspaces-item--avatar {
      height: 48px;
      width: 48px;
      border-radius: 50%;
      background-color: var(--background-color-tertiary); }
    .share-empty-shell .share-empty-shell--workspaces-item .share-empty-shell--workspaces-item--details {
      display: flex;
      flex-direction: column;
      margin-left: 8px; }
      .share-empty-shell .share-empty-shell--workspaces-item .share-empty-shell--workspaces-item--details .share-empty-shell--workspaces-item--details-title {
        height: 12px;
        width: 100px;
        border-radius: var(--border-radius-default);
        background-color: var(--background-color-tertiary); }
      .share-empty-shell .share-empty-shell--workspaces-item .share-empty-shell--workspaces-item--details .share-empty-shell--workspaces-item--details-members {
        height: 12px;
        width: 250px;
        border-radius: var(--border-radius-default);
        margin-top: 5px;
        background-color: var(--background-color-tertiary); }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.tab-content-shell-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto; }
  .tab-content-shell-wrapper .tab-content-shell {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    background-color: var(--background-color-primary);
    height: 100%;
    min-height: 350px; }
  .tab-content-shell-wrapper .tab-content-shell-thumbnail {
    margin-bottom: 10px;
    fill: var(--background-color-tertiary); }
  .tab-content-shell-wrapper .tab-content-shell-container {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .tab-content-shell-wrapper .tab-content-shell-header {
    font-size: 18px;
    font-weight: 600;
    color: var(--content-color-primary); }
  .tab-content-shell-wrapper .tab-content-shell-content {
    font-size: 14px;
    text-align: center;
    margin: 30px 0;
    color: var(--content-color-secondary); }
    .tab-content-shell-wrapper .tab-content-shell-content .launchpad-open-icon {
      margin-right: 8px; }

.empty-tab-state {
  text-align: center;
  padding-top: 96px; }
  .empty-tab-state__icon-container {
    height: 56px;
    width: 56px;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-max);
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto; }
    .empty-tab-state__icon-container .empty-tab-state__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .empty-tab-state__icon-container .empty-tab-state__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
  .empty-tab-state__title {
    margin: var(--spacing-l) auto var(--spacing-xs) auto; }
  .empty-tab-state__description {
    margin: 0 auto var(--spacing-xl) auto;
    max-width: 448px; }

.entity-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 10px 20px;
  border: 1px solid var(--border-color-default);
  box-sizing: border-box; }
  .entity-empty .entity-empty__illustration-wrapper {
    margin-bottom: 35px; }
  .entity-empty .entity-empty__title {
    font-size: 16px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: var(--content-color-primary);
    margin-bottom: 20px; }
  .entity-empty .entity-empty__subtitle {
    font-size: 12px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-secondary);
    text-align: center;
    margin-bottom: 40px;
    max-width: 500px;
    line-height: 20px; }
    .entity-empty .entity-empty__subtitle .btn-text {
      font-size: 12px; }
  .entity-empty .empty-empty__action .btn-primary {
    height: 40px;
    font-size: 14px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 10px 20px; }

.create-new-modal .modal-content {
  padding: 0;
  overflow-y: hidden; }
  .create-new-modal .modal-content .create-new-modal__content {
    height: 100%; }

.create-new-modal .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 35px;
  background-color: var(--background-color-secondary);
  border-top: 1px solid var(--border-color-default);
  padding: 0 20px;
  font-size: 12px; }
  .create-new-modal .modal-footer .btn-text {
    padding: 0; }
  .create-new-modal .modal-footer .btn-text {
    font-weight: 600; }

.create-new-modal__content {
  overflow-y: auto; }
  .create-new-modal__content .create-new-modal__intro {
    display: flex;
    flex-direction: column;
    padding: 20px; }
  .create-new-modal__content .create-new-modal__intro__heading {
    font-size: 12px;
    font-weight: 600;
    color: var(--content-color-secondary);
    margin-bottom: 5px; }
  .create-new-modal__content .create-new-modal__intro__help {
    font-size: 12px;
    color: var(--content-color-secondary); }
  .create-new-modal__content .create-new-modal__intro__cards {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative; }
    .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card {
      display: flex;
      align-items: flex-start;
      border-radius: 4px;
      width: 33%;
      height: 80px;
      padding: 10px 5px 10px 0;
      cursor: pointer;
      box-sizing: border-box; }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card:hover, .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card.is-hovered {
        background-color: var(--highlight-background-color-primary); }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card.is-disabled {
        cursor: default;
        opacity: 0.5;
        cursor: default;
        -webkit-user-select: none;
        user-select: none; }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__icon {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex: 0 0 64px;
        height: 64px;
        margin-right: 10px;
        padding-top: 10px; }
        .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__icon .create-new-modal__intro__card__icon__icon use {
          fill: var(--content-color-primary); }
        .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__icon .create-new-modal__intro__card__icon__icon svg > path[fill] {
          fill: var(--content-color-primary); }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__content {
        display: flex;
        flex-direction: column; }
        .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__content .create-new-modal__intro__card__title {
          font-size: var(--text-size-l);
          font-weight: 600;
          color: var(--content-color-link);
          margin-bottom: 5px; }
        .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card .create-new-modal__intro__card__content .create-new-modal__intro__card__description {
          color: var(--content-color-secondary);
          font-size: 12px; }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card--websocket-request .create-new-modal__intro__card__title {
        display: flex; }
      .create-new-modal__content .create-new-modal__intro__cards .create-new-modal__intro__card--grpc-request .create-new-modal__intro__card__title {
        display: flex; }
    .create-new-modal__content .create-new-modal__intro__cards.create-new-modal__intro__cards--basic {
      margin-bottom: 20px; }

.create-new-monitor-modal .modal-header,
.create-new-documentation-modal .modal-header {
  flex: 0 0 45px;
  background-color: var(--background-color-primary);
  border-bottom: 1px solid var(--border-color-default); }
  .create-new-monitor-modal .modal-header .modal-header-title,
  .create-new-documentation-modal .modal-header .modal-header-title {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 0; }
    .create-new-monitor-modal .modal-header .modal-header-title .tabs,
    .create-new-documentation-modal .modal-header .modal-header-title .tabs {
      flex: 1;
      height: 100%; }
      .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab,
      .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab {
        display: flex;
        padding: var(--spacing-zero);
        font-size: 12px;
        line-height: 24px;
        height: 100%;
        cursor: default; }
        .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-active:hover, .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-active.is-hovered,
        .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-active:hover,
        .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-active.is-hovered {
          color: var(--content-color-primary); }
        .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done,
        .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done {
          color: var(--content-color-secondary); }
          .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done use,
          .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done use {
            fill: var(--content-color-secondary); }
          .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done svg > path[fill],
          .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done svg > path[fill] {
            fill: var(--content-color-secondary); }
          .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done:hover, .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered,
          .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done:hover,
          .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered {
            color: var(--content-color-primary); }
            .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done:hover use, .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered use,
            .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done:hover use,
            .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered use {
              fill: var(--content-color-primary); }
            .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done:hover svg > path[fill], .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered svg > path[fill],
            .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done:hover svg > path[fill],
            .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered svg > path[fill] {
              fill: var(--content-color-primary); }
          .create-new-monitor-modal .modal-header .modal-header-title .tabs .tab.is-done span,
          .create-new-documentation-modal .modal-header .modal-header-title .tabs .tab.is-done span {
            padding-left: 12px; }
    .create-new-monitor-modal .modal-header .modal-header-title .btn-text,
    .create-new-documentation-modal .modal-header .modal-header-title .btn-text {
      font-size: 14px;
      margin-bottom: 5px; }

.create-new-monitor-modal .modal-content,
.create-new-documentation-modal .modal-content {
  display: flex;
  padding: 0;
  overflow: hidden; }
  .create-new-monitor-modal .modal-content .create-new-monitor__error,
  .create-new-documentation-modal .modal-content .create-new-monitor__error {
    flex: 1;
    display: flex; }
    .create-new-monitor-modal .modal-content .create-new-monitor__error .creation-error__icon,
    .create-new-documentation-modal .modal-content .create-new-monitor__error .creation-error__icon {
      margin-top: 0px; }
  .create-new-monitor-modal .modal-content .create-new-monitor-modal__content,
  .create-new-documentation-modal .modal-content .create-new-monitor-modal__content {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__header .tabs,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__header .tabs {
      width: 100%;
      height: 50px;
      border-bottom: 1px solid var(--border-color-default);
      background-color: var(--background-color-primary);
      position: relative; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .tabs,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .tabs {
        flex: 0 0 30px;
        justify-content: center;
        width: fit-content; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right {
        overflow: hidden; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table {
          height: 100%;
          flex: 1; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor {
            height: 100%; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor .data-editor,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor .data-editor {
              height: 100%; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor .data-editor .data-editor,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table .create-new-monitor-modal__data-editor .data-editor .data-editor {
                overflow-y: auto;
                height: 100%; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__footer__helptext,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .create-new-monitor-modal__body .create-new-monitor-modal__footer__helptext {
        margin-top: 20px; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 {
      overflow: auto; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1 .entity-empty__illustration-wrapper,
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1 .entity-empty__subtitle,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 .entity-empty__illustration-wrapper,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 .entity-empty__subtitle {
        margin-bottom: 10px; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body {
        padding: 20px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs {
          border: 1px solid var(--border-color-default);
          margin-bottom: 20px;
          border-radius: var(--border-radius-default); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab--collections,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab--collections {
            border-left: 1px solid var(--border-color-default);
            border-right: 1px solid var(--border-color-default); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary {
            border-bottom: 0px;
            background-color: var(--background-color-tertiary); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary.is-active,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary.is-active {
              background-color: var(--background-color-primary);
              color: var(--content-color-brand); }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary.is-active .tab-text-wrapper,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .tabs .tab-primary.is-active .tab-text-wrapper {
                box-shadow: none; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right__intro,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right__intro {
          font-size: 12px;
          line-height: 16px;
          color: var(--content-color-secondary);
          width: 100%;
          margin-bottom: 20px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right__intro .btn-text,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right__intro .btn-text {
            line-height: 16px;
            padding: 0 3px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right {
          flex: 1; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__footer__helptext,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__footer__helptext {
            color: var(--content-color-primary);
            margin-top: 20px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__footer__helptext .btn-text,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__footer__helptext .btn-text {
              height: 0px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__data-editor,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__data-editor {
            margin-right: 1px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor {
            display: flex;
            flex-direction: column; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header {
              margin-right: 12px;
              flex: 0 0 30px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__rows,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__rows {
              overflow-y: scroll; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__rows::-webkit-scrollbar-track,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__rows::-webkit-scrollbar-track {
                background-color: var(--background-color-primary); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .data-editor__header__cell,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .data-editor__header__cell {
              font-size: 11px;
              color: var(--content-color-primary);
              font-weight: 600; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header {
              overflow: hidden; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header .input-checkbox,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header .input-checkbox {
                min-width: 16px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header span,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__header .create-new-monitor-modal__test-header span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__reorder,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__reorder {
              width: 14px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .dropdown,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .dropdown {
              margin: 0 5px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .dropdown-button .btn,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .dropdown-button .btn {
              background-color: transparent;
              padding: 0; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__cell--time,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__cell--time {
              display: flex;
              flex: 1;
              margin-right: 30px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__cell--time .postfix,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__cell--time .postfix {
                font-size: 12px;
                padding-left: 5px;
                line-height: 25px;
                color: var(--content-color-secondary); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 0; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 30px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__test-header,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__test-header {
            display: flex; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__test-header .input-checkbox,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__test-header .input-checkbox {
              margin-right: 5px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__table {
            flex: 1; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card {
            display: flex;
            align-items: center;
            flex: 0 0 230px;
            height: 40px;
            padding: 10px;
            cursor: pointer;
            border-radius: var(--border-radius-default); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card.is-disabled,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card.is-disabled {
              opacity: 0.5;
              cursor: default;
              user-select: none;
              pointer-events: none; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card:hover, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card.is-hovered,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card:hover,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card.is-hovered {
              background-color: var(--highlight-background-color-primary); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__icon,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__icon {
              margin-right: 10px;
              flex: 0 0 22px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__title,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__title {
              display: flex;
              align-items: center;
              max-width: 190px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__title span,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__title span {
                color: var(--content-color-primary);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__subtitle,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__subtitle {
              display: flex;
              align-items: center;
              color: var(--content-color-secondary);
              font-size: 12px;
              overflow: hidden;
              max-width: 190px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__requests,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__card .create-new-monitor-modal__card__requests {
              white-space: nowrap;
              margin-right: 8px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__collections,
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__team-library,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__collections,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-modal__right__team-library {
            display: flex;
            flex-wrap: wrap;
            border: 1px solid var(--border-color-default);
            overflow: auto;
            margin-bottom: 20px;
            max-height: 35vh;
            padding: 10px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-disabled,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal__right .create-new-monitor-disabled {
            pointer-events: none;
            cursor: not-allowed; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline {
          cursor: not-allowed;
          color: var(--content-color-primary);
          opacity: 0.4; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline use,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline use {
            fill: var(--content-color-primary); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline svg > path[fill],
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .create-new-monitor-modal-offline svg > path[fill] {
            fill: var(--content-color-primary); }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2 {
      --input-components-width: 500px; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body {
        display: flex;
        flex-direction: column;
        padding: 20px;
        max-width: 950px;
        margin: 0 auto; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group {
          margin-bottom: 16px; }
          @media screen and (max-width: 1183px) {
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--version-select,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--version-select {
              margin-bottom: 8px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--frequency,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--frequency {
              margin-bottom: 4px; } }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions {
            font-size: 12px;
            line-height: 36px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label.is-error, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label.is-error,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .is-error.create-new-monitor__body__label--regions {
              color: var(--base-color-error); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--schedule-selector,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--schedule-selector {
            margin-bottom: var(--spacing-xs); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__label--regions {
            line-height: var(--line-height-m);
            padding-top: var(--spacing-s); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .region-label,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .region-label {
            color: var(--content-color-primary);
            font-size: var(--text-size-m);
            margin-bottom: calc((-1) * var(--spacing-s)); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input {
            display: flex; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__form__body__input__helptext--regions,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__form__body__input__helptext--regions {
              margin-top: 18px;
              padding-left: 20px;
              color: var(--content-color-tertiary); }
              @media screen and (max-width: 1183px) {
                .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--version-select, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--version-select.create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--version-select.create-new-monitor__form__body__input__helptext--regions,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--version-select,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--version-select.create-new-monitor__body__input__helptext--regions,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--version-select.create-new-monitor__form__body__input__helptext--regions {
                  margin-top: 12px; } }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--schedule-selector, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector.create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector.create-new-monitor__form__body__input__helptext--regions,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--schedule-selector,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector.create-new-monitor__body__input__helptext--regions,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--schedule-selector.create-new-monitor__form__body__input__helptext--regions {
                margin-top: -8px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions.create-new-monitor__form__body__input__helptext--regions,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext.create-new-monitor__body__input__helptext--regions,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__input__helptext--regions.create-new-monitor__form__body__input__helptext--regions {
                margin-top: 0; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field {
              display: flex;
              flex: 0 0 500px;
              margin-bottom: auto;
              height: 100%; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown {
                width: var(--input-components-width); }
                .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container-selected,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container-selected {
                  max-width: 470px; }
                .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field__dropdown__collection-item-container {
                  max-width: 420px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field .dropdown-button .create-monitor-collection-item,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .create-new-monitor__body__field .dropdown-button .create-monitor-collection-item {
                max-width: 270px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .input-checkbox,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input .input-checkbox {
              margin-right: 5px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input.create-new-monitor__body__input--regions,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input.create-new-monitor__body__input--regions {
              margin-left: var(--spacing-xl); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input-error,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input-error {
            color: var(--base-color-error);
            font-size: 11px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section-toggle,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section-toggle {
            margin-left: -10px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section {
            margin: 10px 0; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__field-error,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__field-error {
              color: var(--base-color-error);
              font-size: 11px;
              margin: 5px 25px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox {
              display: flex; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field {
              display: flex;
              align-items: center; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field__input,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field__input {
                width: 300px;
                margin: 5px 10px 5px 25px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field .advanced-section__field__meta,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field .advanced-section__field__meta {
                margin: 5px 25px;
                font-size: 11px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--notifications,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--notifications {
                display: block; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .monitor-notification-limit__input,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .monitor-notification-limit__input {
                width: 75px;
                margin: 0 8px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-error-section,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-error-section {
                top: 3px;
                margin-top: 0px;
                display: inline-block; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay {
                font-size: 11px; }
                .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .advanced-section__field__input, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .advanced-section__field__input,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .advanced-section__field__input,
                .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .advanced-section__field__input {
                  width: 150px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select {
              margin: 5px 10px 5px 25px;
              display: flex;
              align-items: center; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select--retry > *,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select--retry > * {
                margin-right: 10px; }
              .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select__dropdown--retry,
              .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__select__dropdown--retry {
                width: 75px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox__label,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section .advanced-section__checkbox__label {
              margin-left: 10px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__checkbox-label-helper,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__show-more .advanced-section .advanced-section__checkbox-label-helper {
              font-size: 10px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions, .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
            white-space: pre-line;
            width: fit-content; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions-manual {
            margin-bottom: unset; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions__radio,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__select-group--regions__radio {
            margin-right: 5px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input--help,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__input--help {
            width: 20px;
            height: 20px;
            margin-left: 10px;
            cursor: pointer; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext {
            color: var(--content-color-secondary);
            font-size: 12px;
            line-height: 24px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext .btn-text,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group .create-new-monitor__body__subtext .btn-text {
              padding: 0 3px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--private,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group.create-new-monitor__body__input-group--private {
            margin-top: 10px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--auto,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--auto {
          display: none; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--manual,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input.create-new-monitor__body__input-regions--manual {
          display: flex; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__field,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__field {
          flex-wrap: wrap; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox {
          display: flex;
          width: 500px;
          color: var(--content-color-primary);
          margin-top: 8px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon {
          display: inline-block;
          padding-left: 4px;
          vertical-align: -2px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon use,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon use {
            fill: var(--content-color-tertiary); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon svg > path[fill],
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-icon svg > path[fill] {
            fill: var(--content-color-tertiary); }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-region,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--regions .create-new-monitor__body__input .create-new-monitor__body__input__checkbox-region {
          height: 18px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab {
          display: contents; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab > *,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab > * {
            margin-bottom: var(--spacing-s); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab > *:last-child,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .monitor-schedule-selector-tab > *:last-child {
            margin-bottom: 0px; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .is-loading,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .is-loading {
      justify-content: center; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .version-dropdown,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .version-dropdown {
      width: 500px; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .version-dropdown-button,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .version-dropdown-button {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3 .create-new-monitor-modal__card__center,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3 .create-new-monitor-modal__card__center {
      width: 480px;
      margin: 0 auto; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body {
      padding: 30px 0;
      overflow-y: auto; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body.is-error,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body.is-error {
        justify-content: center; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .loading-indicator-wrapper,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .loading-indicator-wrapper {
        display: flex;
        flex: 1;
        justify-content: center; }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header {
        display: flex;
        margin-bottom: 20px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__icon,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          margin-right: 12px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text {
          flex: 1; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__title,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__title {
            font-size: 14px;
            line-height: 20px;
            color: var(--content-color-primary); }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__title b,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__title b {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-weight: 600; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__text,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__header .create-new-monitor-modal__content__header__text .create-new-monitor-modal__content__header__text__text {
            font-size: 12px;
            color: var(--content-color-tertiary); }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .separator,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .separator {
        display: flex;
        color: var(--content-color-tertiary);
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 20px;
        margin-left: 40px;
        padding-top: 10px; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .separator .separator-line,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .separator .separator-line {
          flex: 1;
          height: 1px;
          margin-top: 9px;
          margin-left: 10px;
          background-color: var(--border-color-default); }
      .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer,
      .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer {
        position: relative; }
        .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step,
        .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step {
          margin-bottom: 20px;
          position: relative;
          margin-left: 40px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step::before,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step::before {
            content: '\2219';
            font-size: 40px;
            position: absolute;
            margin-left: -33px;
            top: 2px;
            color: var(--content-color-primary); }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__title,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__title {
            color: var(--content-color-primary);
            font-weight: 600;
            font-size: 14px;
            line-height: 24px; }
          .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text,
          .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text {
            color: var(--content-color-secondary);
            font-size: 12px; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .btn-text,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .btn-text {
              padding-left: 0; }
            .create-new-monitor-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .monitor-url.btn-text,
            .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .monitor-url.btn-text {
              text-align: left; }
    .create-new-monitor-modal .modal-content .create-new-monitor-modal__content.enable_scrolling_tab,
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content.enable_scrolling_tab {
      overflow: auto; }

.create-new-monitor-modal .modal-footer,
.create-new-documentation-modal .modal-footer {
  padding-top: 20px;
  flex: 0 0 80px;
  border-top: 1px solid var(--border-color-default); }
  .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer,
  .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    font-size: 12px;
    position: relative; }
    .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__info,
    .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__info {
      flex: 1;
      align-self: center;
      margin-left: 150px; }
    .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__note,
    .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__note {
      font-weight: 600;
      color: var(--content-color-info);
      margin-right: 10px; }
    .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__text,
    .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__text {
      color: var(--content-color-primary); }
      .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__text .btn-text,
      .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer .create-new-monitor-modal__footer__text .btn-text {
        padding: 0 3px;
        margin-bottom: 1px; }
    .create-new-monitor-modal .modal-footer .create-new-monitor-modal__footer .btn-secondary,
    .create-new-documentation-modal .modal-footer .create-new-monitor-modal__footer .btn-secondary {
      margin-right: 10px; }

.create-new-monitor-modal .loading-indicator-wrapper,
.create-new-documentation-modal .loading-indicator-wrapper {
  display: flex;
  align-self: center; }

.create-new-monitor-modal .modal-content.step2,
.create-new-documentation-modal .modal-content.step2 {
  overflow-y: scroll; }

.create-new-monitor__body__input--help-tooltip .btn-text {
  padding-left: 3px; }

.create-new-monitor__modal__body__input__helptext--regions {
  margin-top: -4px;
  padding-left: 20px;
  color: var(--content-color-tertiary); }

.create-monitor-modal-loader {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.create-new-mock-modal .modal-content {
  display: flex;
  padding: 0;
  overflow: overlay; }
  .create-new-mock-modal .modal-content .create-new-mock__error {
    flex: 1;
    display: flex; }
    .create-new-mock-modal .modal-content .create-new-mock__error .creation-error__icon {
      margin-top: 0px; }
  .create-new-mock-modal .modal-content .create-new-mock-modal__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__header .tabs {
      width: 100%;
      height: 50px;
      border-bottom: 1px solid var(--border-color-default);
      background-color: var(--background-color-primary);
      position: relative; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow-y: unset; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .tabs {
        flex: 0 0 30px;
        justify-content: center;
        width: fit-content; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right {
        overflow: hidden; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table {
          height: 100%;
          flex: 1; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor {
            height: 100%; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor .data-editor {
              height: 100%; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor .data-editor .data-editor {
                overflow-y: auto;
                height: 100%; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor .data-editor__cell--path {
              display: flex;
              flex: 1; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor .data-editor__cell--path .auto-suggest {
                margin: var(--spacing-zero); }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table .create-new-mock-modal__data-editor .data-editor__cell--path .prefix {
                font-size: var(--text-size-m);
                padding-left: var(--spacing-s);
                line-height: var(--line-height-l);
                color: var(--content-color-secondary); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock-modal__body .create-new-mock-modal__footer__helptext {
        margin-top: 20px; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1 {
      overflow: auto; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1 .entity-empty__illustration-wrapper,
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1 .entity-empty__subtitle {
        margin-bottom: 10px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body {
        padding: 20px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .tabs {
          border: 1px solid var(--border-color-default);
          margin-bottom: 20px;
          border-radius: var(--border-radius-default); }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .tabs .tab--collections {
            border-left: 1px solid var(--border-color-default);
            border-right: 1px solid var(--border-color-default); }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .tabs .tab-primary {
            border-bottom: 0px;
            background-color: var(--background-color-tertiary); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .tabs .tab-primary.is-active {
              background-color: var(--background-color-primary);
              color: var(--content-color-brand); }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .tabs .tab-primary.is-active .tab-text-wrapper {
                box-shadow: none; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right__intro {
          font-size: 12px;
          line-height: 16px;
          color: var(--content-color-secondary);
          width: 100%;
          margin-bottom: 20px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right__intro .btn-text {
            line-height: 16px;
            padding: 0 3px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right {
          flex: 1; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__footer__helptext {
            color: var(--content-color-primary);
            margin-top: 20px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__footer__helptext .btn-text {
              height: 0px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__data-editor {
            margin-right: 1px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__data-editor .data-editor__cell--path .prefix {
              display: flex;
              align-items: center; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__data-editor .dropdown-button .btn {
              height: 28px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__data-editor .DraftEditor-editorContainer .public-DraftEditor-content {
              height: 20px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor {
            display: flex;
            flex-direction: column; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header {
              margin-right: 12px;
              flex: 0 0 30px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__rows {
              overflow-y: scroll; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__rows::-webkit-scrollbar-track {
                background-color: var(--background-color-primary); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header .data-editor__header__cell {
              font-size: 11px;
              color: var(--content-color-primary);
              font-weight: 600; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header .create-new-mock-modal__test-header {
              overflow: hidden; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header .create-new-mock-modal__test-header .input-checkbox {
                min-width: 16px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__header .create-new-mock-modal__test-header span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .data-editor__reorder {
              width: 14px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .dropdown {
              margin: 0 5px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .dropdown-button .btn {
              background-color: transparent;
              padding: 0; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .data-editor__cell--time {
              display: flex;
              flex: 1;
              margin-right: 30px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .data-editor__cell--time .postfix {
                font-size: 12px;
                padding-left: 5px;
                line-height: 25px;
                color: var(--content-color-secondary); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time, .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 0; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time, .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time {
              margin-right: 30px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__test-header {
            display: flex; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__test-header .input-checkbox {
              margin-right: 5px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__table {
            flex: 1; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card {
            display: flex;
            align-items: center;
            flex: 0 0 224px;
            height: 40px;
            padding: 10px;
            cursor: pointer;
            border-radius: var(--border-radius-default); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card:hover, .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card.is-hovered {
              background-color: var(--highlight-background-color-primary); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card .create-new-mock-modal__card__icon {
              margin-right: 10px;
              flex: 0 0 22px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card .create-new-mock-modal__card__title {
              display: flex;
              align-items: center;
              max-width: 176px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card .create-new-mock-modal__card__title span {
                color: var(--content-color-primary);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__card .create-new-mock-modal__card__title .collection-meta-icons {
                overflow: visible; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step1.create-new-mock-modal__body .create-new-mock-modal__right .create-new-mock-modal__right__collections {
            display: grid;
            box-sizing: border-box;
            grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
            border: var(--border-width-default) solid var(--border-color-default);
            overflow: auto;
            max-height: 100%;
            padding: 10px; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body {
      display: flex;
      flex-direction: column;
      padding: 20px;
      max-width: 900px;
      margin: 0 auto; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group {
        margin-bottom: 10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__label {
          font-size: 12px;
          line-height: 36px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__label.is-error {
            color: var(--base-color-error); }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input {
          display: flex; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input .create-new-mock__body__input__helptext {
            margin-top: -4px;
            padding-left: 20px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input .create-new-mock__body__input__helptext__content {
              max-width: 100%; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input .create-new-mock__body__field {
            display: flex;
            flex: 0 0 500px;
            margin-bottom: auto;
            height: 100%; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input .create-new-mock__body__field .input-box__error {
              border: var(--border-width-default) var(--border-style-solid) var(--content-color-error);
              background-color: var(--background-color-primary); }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input .input-checkbox {
            margin-right: 5px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input-error {
          color: var(--base-color-error);
          font-size: 11px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section-toggle {
          margin-left: -10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section {
          margin: 10px 0; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section__field-error {
            color: var(--base-color-error);
            font-size: 11px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__checkbox {
            display: flex; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field {
            display: flex;
            align-items: center; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field .input-field {
              margin: 5px 10px 5px 25px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field .input-field input {
                flex: 0 0 300px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field .advanced-section__field__meta {
              margin: 5px 25px;
              font-size: 11px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--notifications {
              display: block; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-field {
              display: inline-block;
              margin-left: 10px;
              width: 60px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-field input {
                text-align: center; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field--notification-limit .input-error-section {
              top: 3px;
              margin-top: 0px;
              display: inline-block; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .input-field, .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .input-field {
              flex: 0 0 150px; }
              .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--timeout .input-field input, .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__field.advanced-section__field--delay .input-field input {
                flex: 0 0 150px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section__select {
            margin: 5px 10px 5px 25px;
            display: flex;
            align-items: center; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section__select--retry > * {
              margin-right: 10px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section .advanced-section__checkbox__label {
            margin-left: 10px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__show-more .advanced-section .advanced-section__checkbox-label-helper {
            font-size: 10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__select-group--regions {
          white-space: pre-line;
          margin-bottom: 8px;
          width: fit-content; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__select-group--regions__radio {
          margin-right: 5px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__input--help {
          width: 20px;
          height: 20px;
          margin-left: 10px;
          cursor: pointer; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__subtext {
          color: var(--content-color-secondary);
          font-size: 12px;
          line-height: 24px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .create-new-mock__body__subtext .btn-text {
            padding: 0 3px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group.create-new-mock__body__input-group--private {
          margin-top: 10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .mock-name-empty__msg-container {
          margin-top: var(--spacing-xs); }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group .mock-name-empty__msg-container__text {
            color: var(--content-color-error); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--frequency .create-new-mock__body__input .dropdown {
        margin-right: 10px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input.create-new-mock__body__input-regions--auto {
        display: none; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input.create-new-mock__body__input-regions--manual {
        display: flex;
        padding-top: 12px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__field {
        flex-wrap: wrap; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox {
        display: flex;
        width: 500px;
        height: 40px;
        color: var(--content-color-primary);
        margin-top: 8px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox .input-checkbox {
          margin-left: 16px;
          margin-right: 8px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox-icon {
        display: inline-block;
        padding-left: 4px;
        vertical-align: -2px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox-icon use {
          fill: var(--content-color-tertiary); }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox-icon svg > path[fill] {
          fill: var(--content-color-tertiary); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step2.create-new-mock-modal__body .create-new-mock__body__input-group--regions .create-new-mock__body__input .create-new-mock__body__input__checkbox-region {
        height: 18px; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .is-loading {
      justify-content: center; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock__body__field__version-dropdown {
      width: 500px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .create-new-mock__body__field__version-dropdown-button {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3 .create-new-mock-modal__card__center {
      width: 480px;
      margin: 0 auto; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body {
      padding: 30px 0; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body.is-error {
        justify-content: center; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .loading-indicator-wrapper {
        display: flex;
        flex: 1;
        justify-content: center; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header {
        display: flex;
        margin-bottom: 20px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header .create-new-mock-modal__content__header__icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          margin-right: 12px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header .create-new-mock-modal__content__header__text {
          flex: 1; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header .create-new-mock-modal__content__header__text .create-new-mock-modal__content__header__text__title {
            font-size: 14px;
            line-height: 20px;
            color: var(--content-color-primary); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header .create-new-mock-modal__content__header__text .create-new-mock-modal__content__header__text__title b {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-weight: 600; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header .create-new-mock-modal__content__header__text .create-new-mock-modal__content__header__text__text {
            font-size: 12px;
            color: var(--content-color-tertiary); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .separator {
        display: flex;
        color: var(--content-color-tertiary);
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 20px;
        margin-left: 40px;
        padding-top: 10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .separator .separator-line {
          flex: 1;
          height: 1px;
          margin-top: 9px;
          margin-left: 10px;
          background-color: var(--border-color-default); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer {
        position: relative; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step {
          margin-bottom: 20px;
          position: relative;
          margin-left: 40px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step::before {
            content: '\2219';
            font-size: 40px;
            position: absolute;
            margin-left: -33px;
            top: 2px;
            color: var(--content-color-primary); }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__title {
            color: var(--content-color-primary);
            font-weight: 600;
            font-size: 14px;
            line-height: 24px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__text {
            color: var(--content-color-secondary);
            font-size: 12px; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__text .btn-text {
              padding-left: 0; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__text__link {
              font-weight: var(--text-weight-regular); }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__text__content {
              max-width: 100%; }
            .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer .create-new-mock-modal__step .create-new-mock-modal__step__text .mock-url.btn-text {
              text-align: left; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__helper-text {
        color: var(--content-color-secondary);
        font-size: 12px;
        word-break: break-word; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__helper-text .create-new-mock-modal__content__header__helper-text__entity-name {
          font-weight: 600; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__text__mock-call-logs {
        color: var(--content-color-secondary); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__text__mock-call-logs__url {
        padding: 0px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__text__mock-call-logs__url__icon {
        vertical-align: middle;
        padding-left: 4px;
        height: 10px;
        width: 10px; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__header__text__mock-call-logs__url__icon svg {
          height: 10px;
          width: 10px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__step__copy-button {
        height: 24px;
        padding: 0px 8px 0px 4px;
        font-size: var(--text-size-s); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__step__copy-button__icon {
        margin-right: 8px;
        height: 14px;
        width: 14px;
        vertical-align: middle; }
        .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__step__copy-button__icon svg {
          height: 14px;
          width: 14px; }
          .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__step__copy-button__icon svg use {
            fill: var(--content-color-tertiary); }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__content__footer__title {
        color: var(--content-color-secondary);
        margin-left: 42px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 24px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__footer__helptext {
        color: var(--content-color-secondary);
        margin-left: 42px; }
      .create-new-mock-modal .modal-content .create-new-mock-modal__content .step3.create-new-mock-modal__body .create-new-mock-modal__step__text__bold {
        font-weight: 600; }
    .create-new-mock-modal .modal-content .create-new-mock-modal__content.enable_scrolling_tab {
      overflow: auto; }

.create-new-mock-modal .modal-footer {
  padding-top: 20px;
  flex: 0 0 80px;
  border-top: 1px solid var(--border-color-default); }
  .create-new-mock-modal .modal-footer .create-new-mock-modal__footer {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    font-size: 12px;
    position: relative; }
    .create-new-mock-modal .modal-footer .create-new-mock-modal__footer .create-new-mock-modal__footer__info {
      flex: 1;
      align-self: center;
      margin-left: 150px; }
    .create-new-mock-modal .modal-footer .create-new-mock-modal__footer .create-new-mock-modal__footer__note {
      font-weight: 600;
      color: var(--content-color-info);
      margin-right: 10px; }
    .create-new-mock-modal .modal-footer .create-new-mock-modal__footer .create-new-mock-modal__footer__text {
      color: var(--content-color-primary); }
      .create-new-mock-modal .modal-footer .create-new-mock-modal__footer .create-new-mock-modal__footer__text .btn-text {
        padding: 0 3px;
        margin-bottom: 1px; }
    .create-new-mock-modal .modal-footer .create-new-mock-modal__footer .btn-secondary {
      margin-right: 10px; }

.create-new-mock-modal .modal-header {
  flex: 0 0 45px;
  background-color: var(--background-color-primary);
  border-bottom: 1px solid var(--border-color-default); }
  .create-new-mock-modal .modal-header .modal-header-title {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 0; }
    .create-new-mock-modal .modal-header .modal-header-title .tabs {
      flex: 1;
      height: 100%; }
      .create-new-mock-modal .modal-header .modal-header-title .tabs .tab {
        display: flex;
        padding: var(--spacing-zero);
        font-size: 12px;
        line-height: 24px;
        height: 100%;
        cursor: default; }
        .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-active:hover, .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-active.is-hovered {
          color: var(--content-color-primary); }
        .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done {
          color: var(--content-color-secondary); }
          .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done use {
            fill: var(--content-color-secondary); }
          .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done svg > path[fill] {
            fill: var(--content-color-secondary); }
          .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done:hover, .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered {
            color: var(--content-color-primary); }
            .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done:hover use, .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered use {
              fill: var(--content-color-primary); }
            .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done:hover svg > path[fill], .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered svg > path[fill] {
              fill: var(--content-color-primary); }
          .create-new-mock-modal .modal-header .modal-header-title .tabs .tab.is-done span {
            padding-left: 12px; }
    .create-new-mock-modal .modal-header .modal-header-title .btn-text {
      font-size: 14px;
      margin-bottom: 5px; }

.create-new-mock-modal .permissions-loading {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center; }

.cnx-mock-delay-selector {
  margin-top: 40px;
  width: 100%; }
  .cnx-mock-delay-selector .cnx-mock-delay__checkbox {
    display: flex;
    margin-top: 16px; }
  .cnx-mock-delay-selector .cnx-mock-delay__checkbox-label {
    cursor: pointer; }
  .cnx-mock-delay-selector .cnx-mock-delay__options {
    margin-left: 5px;
    min-width: 476px; }
    .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration-type-dropdown {
      margin-top: 12px;
      height: 32px;
      width: 476px; }
    .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__input-wrapper {
      margin-top: 12px;
      margin-bottom: 32px; }
      .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__input-wrapper .cnx-delay-duration__input {
        display: flex;
        width: fit-content; }
        .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__input-wrapper .cnx-delay-duration__input .cnx-delay-duration__input-unit {
          margin: 6px auto;
          align-self: center;
          height: 100%;
          justify-content: center;
          position: relative;
          left: 6px;
          cursor: default; }
          .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__input-wrapper .cnx-delay-duration__input .cnx-delay-duration__input-unit.is-disabled {
            color: var(--content-color-tertiary); }
        .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__input-wrapper .cnx-delay-duration__input .cnx-delay-duration__input-field.is-disabled {
          cursor: default;
          opacity: 0.4; }
    .cnx-mock-delay-selector .cnx-mock-delay__options .cnx-delay-duration__error {
      display: flex;
      color: var(--base-color-error); }
  .cnx-mock-delay-selector .cnx-mock-delay__helptext {
    margin-top: -4px;
    padding-left: 20px;
    color: var(--content-color-tertiary); }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 .tabs {
  width: 400px; }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 .tabs-container .tab-primary, .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1 .tabs-container__existing-collection {
  flex: 1; }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .data-editor .dropdown {
  width: 100%;
  margin: 0 5px; }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step1.create-new-monitor-modal__body .data-editor .dropdown-button .btn {
  background-color: transparent;
  padding: 0; }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body {
  flex: 1; }
  .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input {
    flex-direction: row; }
  .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--description {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: initial;
    height: 100%; }
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step2.create-new-monitor-modal__body .create-new-monitor__body__input-group--description .create-new-monitor__body__input {
      flex: 1;
      height: 100%; }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__card__center {
  width: 640px; }
  .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__card__center .view_documentation {
    margin-top: 8px; }
    .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__card__center .view_documentation .btn-text {
      padding-left: 0px;
      height: auto;
      text-align: left;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular); }

.create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .btn-text {
  height: initial; }
  .create-new-documentation-modal .modal-content .create-new-monitor-modal__content .step3.create-new-monitor-modal__body .create-new-monitor-modal__content__footer .create-new-monitor-modal__step .create-new-monitor-modal__step__text .btn-text div {
    text-align: left;
    white-space: pre; }

.create-new-documentation-editor {
  border: 1px solid;
  border-radius: var(--border-radius-default);
  border-color: var(--border-color-strong); }

.create-new-modal__template-wrapper {
  display: flex;
  height: 100%;
  justify-content: center;
  overflow-y: overlay; }
  .create-new-modal__template-wrapper .create-new-template__error {
    display: flex;
    flex: 1; }
    .create-new-modal__template-wrapper .create-new-template__error .creation-error__icon {
      margin-top: -40px; }
  .create-new-modal__template-wrapper .create-new-modal__templates__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1; }

.create-new-modal__templates {
  display: flex;
  flex: 1;
  height: inherit;
  max-width: 100%; }
  .create-new-modal__templates .create-new-modal__templates__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px 0 20px 20px; }
    .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__actions {
      display: flex;
      flex-direction: row;
      padding-left: 16px;
      margin-bottom: 16px; }
    .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__search {
      width: 320px; }
      .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__search .input-search-group {
        border-radius: unset; }
    .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__template__version {
      margin-left: 6px;
      width: 158px;
      border-radius: var(--border-radius-default); }
      .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__template__version .create-new-modal__template__version-name {
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        display: flex;
        align-items: center; }
      .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__template__version .btn-small {
        display: flex;
        width: 100%;
        justify-content: space-between; }
    .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__template-list {
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      overflow-y: auto; }
    .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__heading-wrapper {
      margin-left: 16px;
      margin-bottom: 16px; }
      .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__heading-wrapper .create-new-modal__templates__heading {
        line-height: 30px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 6px; }
      .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__heading-wrapper .create-new-modal__templates__heading-info {
        line-height: 20px;
        font-size: 12px; }
        .create-new-modal__templates .create-new-modal__templates__content .create-new-modal__templates__heading-wrapper .create-new-modal__templates__heading-info .btn {
          padding: 0 3px; }
  .create-new-modal__templates .create-new-modal__templates__sidebar {
    width: 210px;
    height: inherit; }
    .create-new-modal__templates .create-new-modal__templates__sidebar .create-new-modal__templates__sidebar__title {
      font-size: 12px;
      font-weight: 600;
      color: var(--content-color-tertiary);
      text-transform: uppercase;
      margin: 20px 0 10px 20px; }
    .create-new-modal__templates .create-new-modal__templates__sidebar .tabs-vertical .tab.is-active {
      color: var(--content-color-primary);
      background-color: var(--background-color-brand); }
    .create-new-modal__templates .create-new-modal__templates__sidebar .tabs {
      width: 210px;
      border-right: 1px solid var(--border-color-default);
      overflow: auto;
      height: 90%; }
      .create-new-modal__templates .create-new-modal__templates__sidebar .tabs .tab {
        margin: 4px 8px;
        padding-left: 8px;
        border-radius: var(--border-radius-default);
        display: block;
        font-size: 12px;
        line-height: 22px;
        text-align: left;
        min-width: 150px;
        max-width: 210px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .create-new-modal__templates .create-new-modal__templates__sidebar .tabs .tab:hover, .create-new-modal__templates .create-new-modal__templates__sidebar .tabs .tab.is-hovered {
          color: var(--content-color-primary);
          background-color: var(--background-color-brand); }
  .create-new-modal__templates .create-new-modal__template-card {
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 144px;
    padding: 20px;
    margin: 16px;
    cursor: pointer;
    border: 1px solid var(--border-color-default);
    border-radius: 2px;
    box-sizing: border-box; }
    .create-new-modal__templates .create-new-modal__template-card:hover, .create-new-modal__templates .create-new-modal__template-card.is-hovered {
      background-color: var(--background-color-secondary); }
    .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__title-wrapper {
      display: flex;
      margin-bottom: 10px;
      align-items: center;
      justify-content: flex-end; }
      .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__title-wrapper .tag {
        padding-left: 6px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 55px;
        height: 16px;
        font-weight: 600;
        font-size: 11px;
        line-height: 16px;
        overflow: unset; }
    .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__title {
      font-size: 14px;
      font-weight: 600;
      color: var(--base-color-brand);
      min-width: 150px;
      padding-right: 4px;
      flex: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__description {
      font-size: 12px;
      color: var(--content-color-secondary);
      overflow: hidden;
      height: 38px;
      text-overflow: ellipsis; }
    .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__downloads {
      font-size: 12px;
      color: var(--content-color-tertiary);
      overflow: hidden;
      margin-top: 8px; }
      .create-new-modal__templates .create-new-modal__template-card .create-new-modal__template-card__downloads .create-new-modal__template-card__downloads-count {
        color: var(--content-color-secondary);
        font-weight: 600; }

.create-new-modal__template {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  padding: 0 24px 0 24px;
  box-sizing: border-box; }
  .create-new-modal__template .create-new-modal__template__content {
    flex: 1;
    padding: 30px 0px;
    width: 640px; }
    .create-new-modal__template .create-new-modal__template__content.is-loading {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .create-new-modal__template .create-new-modal__template__content .api-network__empty-state {
      margin-top: 8px;
      color: var(--content-color-tertiary); }
      .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description {
        color: var(--content-color-primary);
        border: 1px solid var(--border-color-default);
        flex: 1;
        padding: 16px;
        margin: 16px 0;
        background-color: var(--background-color-secondary); }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h1,
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h2,
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h3,
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h4,
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h5,
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h6 {
          line-height: 1.5;
          margin: 1.5em 0 0.5em; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h1 {
          font-size: 18px;
          font-weight: 700; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h2 {
          font-size: 16px;
          font-weight: 700; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h3 {
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 700; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h4 {
          font-size: 14px;
          font-weight: 700; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h5 {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 600; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description h6 {
          font-size: 12px;
          font-weight: 600; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description hr {
          border-style: none;
          border-width: 0;
          border-bottom: 1px solid var(--border-color-default); }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description blockquote {
          padding-left: 16px;
          margin-left: 8px;
          border-left: 4px solid var(--border-color-default);
          color: var(--content-color-secondary); }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description blockquote blockquote {
            margin-left: 20px; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description p, .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description span {
          margin: 3px 0;
          font-size: 12px;
          font-weight: 400; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description em {
          font-style: italic; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description strong {
          font-weight: var(--text-weight-medium); }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description ul, .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description ol {
          margin: 5px; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description a {
          color: var(--content-color-link);
          text-decoration: none; }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description a:hover {
            text-decoration: underline; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description pre {
          padding: 3px;
          background-color: var(--background-color-primary);
          border: 1px solid var(--border-color-default);
          border-radius: var(--border-radius-default); }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description pre code {
            padding: 0;
            background-color: transparent;
            border: 0;
            border-radius: 0; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description code {
          padding: 1px 3px;
          font-family: "IBMPlexMono", "Cousine", monospace;
          font-size: 12px;
          background-color: var(--background-color-primary);
          border: 1px solid var(--border-color-default);
          border-radius: var(--border-radius-default); }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table {
          width: 100%;
          margin: 8px 0;
          border-radius: var(--border-radius-default);
          border-spacing: 0;
          border-collapse: collapse;
          border: 1px solid var(--border-color-default); }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table th,
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table td {
            max-width: 360px;
            padding: 4px 8px;
            word-break: normal;
            vertical-align: top;
            white-space: pre-line;
            border: 1px solid var(--border-color-default); }
            .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table th:first-child,
            .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table td:first-child {
              border-left: none; }
            .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table th:last-child,
            .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table td:last-child {
              border-right: none; }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table th {
            border-top: none; }
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table tr:last-child th,
          .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description table tr:last-child td {
            border-bottom: none; }
        .create-new-modal__template .create-new-modal__template__content .api-network__empty-state--description img {
          max-width: 100%; }
  .create-new-modal__template .create-new-modal__template__info {
    display: flex;
    flex-direction: column;
    margin-left: 48px;
    margin-top: 54px; }
    .create-new-modal__template .create-new-modal__template__info .run-in-postman {
      margin: 16px 0 4px;
      height: 30px;
      align-self: flex-start;
      flex-shrink: 0;
      justify-content: space-around; }
      .create-new-modal__template .create-new-modal__template__info .run-in-postman .arrow {
        margin-top: 2px; }
    .create-new-modal__template .create-new-modal__template__info .view-documentation {
      margin: 8px 0 8px;
      height: 30px;
      color: var(--content-color-secondary);
      background-color: var(--background-color-tertiary);
      align-self: flex-start;
      flex-shrink: 0;
      justify-content: space-around; }
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__categories,
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__published-by,
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__download {
      margin-top: 16px;
      margin-bottom: 8px;
      font-size: 12px;
      color: var(--content-color-tertiary);
      font-weight: 600; }
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__categories--names,
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__download-count {
      color: var(--content-color-primary);
      font-weight: 300;
      margin-top: 8px; }
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__publisher {
      margin-top: 8px;
      display: flex;
      cursor: pointer; }
      .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__publisher .create-new-modal__template__info__publisher-name {
        color: var(--base-color-brand);
        font-weight: 600;
        display: flex;
        max-width: 198px;
        margin-left: 8px;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__publisher .create-new-modal__template__info__publisher-name:hover {
          text-decoration: underline; }
      .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__publisher .create-new-modal__template__info__publisher-icon {
        display: flex;
        align-self: center;
        flex-direction: column; }
    .create-new-modal__template .create-new-modal__template__info .create-new-modal__template__info__categories--names {
      max-width: 140px;
      word-break: break-word; }
  .create-new-modal__template .create-new-modal__template__back-btn {
    padding: 0px;
    margin-bottom: 20px; }
    .create-new-modal__template .create-new-modal__template__back-btn .create-new-modal__template__back-icon {
      margin-right: 5px; }
  .create-new-modal__template .create-new-modal__template__title {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--content-color-primary);
    flex-grow: 0;
    margin-right: 16px;
    overflow: hidden; }
    .create-new-modal__template .create-new-modal__template__title span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 2; }
    .create-new-modal__template .create-new-modal__template__title .tag {
      padding: 0px 6px;
      height: 16px;
      font-size: 11px;
      line-height: 16px;
      position: relative;
      margin-left: 16px; }
  .create-new-modal__template .create-new-modal__template__loading {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%; }
  .create-new-modal__template .create-new-modal__template__summary {
    margin-top: 20px;
    word-break: break-word; }
  .create-new-modal__template .create-new-modal__template__description {
    color: var(--content-color-primary);
    flex: 1;
    border: 1px solid var(--border-color-default);
    padding: 16px;
    margin: 16px 0;
    background-color: var(--background-color-secondary); }
    .create-new-modal__template .create-new-modal__template__description h1,
    .create-new-modal__template .create-new-modal__template__description h2,
    .create-new-modal__template .create-new-modal__template__description h3,
    .create-new-modal__template .create-new-modal__template__description h4,
    .create-new-modal__template .create-new-modal__template__description h5,
    .create-new-modal__template .create-new-modal__template__description h6 {
      line-height: 1.5;
      margin: 1.5em 0 0.5em; }
    .create-new-modal__template .create-new-modal__template__description h1 {
      font-size: 18px;
      font-weight: 700; }
    .create-new-modal__template .create-new-modal__template__description h2 {
      font-size: 16px;
      font-weight: 700; }
    .create-new-modal__template .create-new-modal__template__description h3 {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700; }
    .create-new-modal__template .create-new-modal__template__description h4 {
      font-size: 14px;
      font-weight: 700; }
    .create-new-modal__template .create-new-modal__template__description h5 {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600; }
    .create-new-modal__template .create-new-modal__template__description h6 {
      font-size: 12px;
      font-weight: 600; }
    .create-new-modal__template .create-new-modal__template__description hr {
      border-style: none;
      border-width: 0;
      border-bottom: 1px solid var(--border-color-default); }
    .create-new-modal__template .create-new-modal__template__description blockquote {
      padding-left: 16px;
      margin-left: 8px;
      border-left: 4px solid var(--border-color-default);
      color: var(--content-color-secondary); }
      .create-new-modal__template .create-new-modal__template__description blockquote blockquote {
        margin-left: 20px; }
    .create-new-modal__template .create-new-modal__template__description p, .create-new-modal__template .create-new-modal__template__description span {
      margin: 3px 0;
      font-size: 12px;
      font-weight: 400; }
    .create-new-modal__template .create-new-modal__template__description em {
      font-style: italic; }
    .create-new-modal__template .create-new-modal__template__description strong {
      font-weight: var(--text-weight-medium); }
    .create-new-modal__template .create-new-modal__template__description ul, .create-new-modal__template .create-new-modal__template__description ol {
      margin: 5px; }
    .create-new-modal__template .create-new-modal__template__description a {
      color: var(--content-color-link);
      text-decoration: none; }
      .create-new-modal__template .create-new-modal__template__description a:hover {
        text-decoration: underline; }
    .create-new-modal__template .create-new-modal__template__description pre {
      padding: 3px;
      background-color: var(--background-color-primary);
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default); }
      .create-new-modal__template .create-new-modal__template__description pre code {
        padding: 0;
        background-color: transparent;
        border: 0;
        border-radius: 0; }
    .create-new-modal__template .create-new-modal__template__description code {
      padding: 1px 3px;
      font-family: "IBMPlexMono", "Cousine", monospace;
      font-size: 12px;
      background-color: var(--background-color-primary);
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default); }
    .create-new-modal__template .create-new-modal__template__description table {
      width: 100%;
      margin: 8px 0;
      border-radius: var(--border-radius-default);
      border-spacing: 0;
      border-collapse: collapse;
      border: 1px solid var(--border-color-default); }
      .create-new-modal__template .create-new-modal__template__description table th,
      .create-new-modal__template .create-new-modal__template__description table td {
        max-width: 360px;
        padding: 4px 8px;
        word-break: normal;
        vertical-align: top;
        white-space: pre-line;
        border: 1px solid var(--border-color-default); }
        .create-new-modal__template .create-new-modal__template__description table th:first-child,
        .create-new-modal__template .create-new-modal__template__description table td:first-child {
          border-left: none; }
        .create-new-modal__template .create-new-modal__template__description table th:last-child,
        .create-new-modal__template .create-new-modal__template__description table td:last-child {
          border-right: none; }
      .create-new-modal__template .create-new-modal__template__description table th {
        border-top: none; }
      .create-new-modal__template .create-new-modal__template__description table tr:last-child th,
      .create-new-modal__template .create-new-modal__template__description table tr:last-child td {
        border-bottom: none; }
    .create-new-modal__template .create-new-modal__template__description img {
      max-width: 100%; }
  .create-new-modal__template .create-new-modal__template__version {
    width: 170px; }
    .create-new-modal__template .create-new-modal__template__version .dropdown-button .btn {
      width: 100%;
      display: flex;
      justify-content: space-between; }
    .create-new-modal__template .create-new-modal__template__version .create-new-modal__template__version-name,
    .create-new-modal__template .create-new-modal__template__version .create-new-modal__run__button__version-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .create-new-modal__template .btn-primary {
    font-size: 12px;
    width: 145px;
    height: 40px;
    align-self: flex-end; }

.customize-template-modal .modal-footer {
  border-top: 1px solid var(--border-color-default); }
  .customize-template-modal .modal-footer .btn-secondary {
    margin-right: 10px; }

.customize-template-modal .customize-template {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 480px;
  margin: auto; }
  .customize-template-modal .customize-template .customize-template__error .creation-error__icon {
    margin-top: 80px; }
  .customize-template-modal .customize-template .customize-template__cards {
    display: flex;
    flex-wrap: wrap; }
  .customize-template-modal .customize-template .loading-indicator-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 20px; }
  .customize-template-modal .customize-template .customize-template__description {
    width: 100%;
    font-size: 12px;
    color: var(--content-color-primary);
    margin-bottom: 15px; }
    .customize-template-modal .customize-template .customize-template__description b {
      font-weight: 600; }
  .customize-template-modal .customize-template .customize-template__card {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--content-color-primary); }
    .customize-template-modal .customize-template .customize-template__card .customize-template__card__icon {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      min-width: 38px;
      min-height: 38px;
      margin-right: 15px; }
    .customize-template-modal .customize-template .customize-template__card .customize-template__card__text {
      align-self: flex-start; }
      .customize-template-modal .customize-template .customize-template__card .customize-template__card__text .customize-template__card__title {
        font-size: 14px;
        color: var(--content-color-primary); }
        .customize-template-modal .customize-template .customize-template__card .customize-template__card__text .customize-template__card__title b {
          font-weight: 600;
          width: 250px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .customize-template-modal .customize-template .customize-template__card .customize-template__card__text .customize-template__card__description {
        font-size: 12px;
        color: var(--content-color-tertiary); }
  .customize-template-modal .customize-template .customize-template__separator {
    border-top: 1px solid var(--border-color-default);
    position: relative;
    margin: 30px 0px 30px;
    font-size: 12px;
    font-weight: 600;
    color: var(--content-color-tertiary); }
    .customize-template-modal .customize-template .customize-template__separator .customize-template__separator__text {
      position: absolute;
      background: var(--background-color-primary);
      top: -9px;
      padding-right: 5px; }
  .customize-template-modal .customize-template .customize-template__advanced .btn-text {
    padding-left: 0;
    margin-bottom: 10px; }
  .customize-template-modal .customize-template .customize-template__advanced .customize-template__advanced__title {
    font-size: 12px;
    color: var(--content-color-primary);
    margin: 10px 0 20px 0; }
  .customize-template-modal .customize-template .customize-template__advanced .customize-template__options__option {
    margin-bottom: 20px; }
    .customize-template-modal .customize-template .customize-template__advanced .customize-template__options__option .customize-template__options__option__label {
      font-size: 12px;
      line-height: 20px;
      color: var(--content-color-tertiary);
      margin-bottom: 5px; }
    .customize-template-modal .customize-template .customize-template__advanced .customize-template__options__option .customize-template__options__option__value {
      margin-right: 10px; }
      .customize-template-modal .customize-template .customize-template__advanced .customize-template__options__option .customize-template__options__option__value input {
        max-width: 480px; }

.finish-template {
  width: 480px;
  margin: auto; }
  .finish-template .loading-indicator-wrapper {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .finish-template .finish-template__title {
    color: var(--content-color-primary);
    font-size: 14px;
    margin: 0 10px 10px 0; }
  .finish-template .finish-template__cards {
    margin-top: 30px; }
    .finish-template .finish-template__cards .separator {
      display: flex;
      color: var(--content-color-tertiary);
      font-weight: 600;
      font-size: 12px;
      margin: 10px 0px 20px 40px; }
      .finish-template .finish-template__cards .separator .separator-line {
        flex: 1;
        height: 1px;
        margin-top: 9px;
        margin-left: 10px;
        background-color: var(--border-color-default); }
    .finish-template .finish-template__cards .finish-template__card__right {
      flex: 1;
      margin-bottom: 20px;
      position: relative;
      margin-left: 40px; }
      .finish-template .finish-template__cards .finish-template__card__right::before {
        content: '\2219';
        font-size: 40px;
        position: absolute;
        margin-left: -35px; }
      .finish-template .finish-template__cards .finish-template__card__right .finish-template__card__right__next {
        font-size: 14px;
        font-weight: 600;
        color: var(--content-color-primary); }
        .finish-template .finish-template__cards .finish-template__card__right .finish-template__card__right__next b {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 600;
          color: var(--content-color-info); }
      .finish-template .finish-template__cards .finish-template__card__right .finish-template__card__right__description {
        font-size: 12px;
        color: var(--content-color-tertiary); }
        .finish-template .finish-template__cards .finish-template__card__right .finish-template__card__right__description .btn-text {
          padding-left: 0;
          padding-right: 0; }
    .finish-template .finish-template__cards .finish-template__card {
      display: flex;
      box-sizing: border-box;
      flex-direction: column; }
      .finish-template .finish-template__cards .finish-template__card.is-loading {
        align-items: center;
        justify-content: center; }
      .finish-template .finish-template__cards .finish-template__card .finish-template__card__left {
        display: flex;
        flex: 1;
        padding-right: 0;
        align-items: flex-start;
        margin-bottom: 15px; }
        .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__icon {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
          margin-top: 8px; }
        .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__text {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__text .finish-template__card__left__text__text {
            font-size: 12px;
            color: var(--content-color-tertiary); }
          .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__text .finish-template__card__left__text__title {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: var(--content-color-primary); }
            .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__text .finish-template__card__left__text__title b {
              display: inline-block;
              font-weight: 600;
              max-width: 250px;
              margin-right: 3px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .finish-template .finish-template__cards .finish-template__card .finish-template__card__left .finish-template__card__left__text .finish-template__card__left__text__title span {
              line-height: 24px; }

.disabled-operation-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center; }
  .disabled-operation-modal .disabled-operation-modal__icon {
    margin-bottom: 50px; }
    .disabled-operation-modal .disabled-operation-modal__icon .disabled-operation-modal__icon__icon {
      display: block;
      width: 161px;
      height: 133px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
  .disabled-operation-modal .disabled-operation-modal__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--content-color-primary);
    margin-bottom: 30px; }
  .disabled-operation-modal .disabled-operation-modal__subtitle {
    font-size: 12px;
    color: var(--content-color-secondary);
    margin-bottom: 50px;
    max-width: 430px;
    text-align: center; }
  .disabled-operation-modal .disabled-operation-modal__actions {
    display: flex; }
    .disabled-operation-modal .disabled-operation-modal__actions .btn-primary {
      width: 185px;
      font-size: 14px;
      margin: 0 15px; }

.creation-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .creation-error .creation-error__blank-state {
    padding: var(--spacing-l); }
  .creation-error .creation-error__icon {
    display: block;
    width: 149px;
    height: 132px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDkiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgMTQ5IDEzMiI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGZpbGw9IiM1OTU2NjgiIGQ9Ik04My40MDQgNS4yNjZsNjMuOTI2IDExMC43MDNhMTAuMTczIDEwLjE3MyAwIDAgMS04LjgzOCAxNS4zSDEwLjY0NWExMC4xNzMgMTAuMTczIDAgMCAxLTguODUtMTUuMjg4TDY1LjcyMiA1LjI3OGExMC4xNzMgMTAuMTczIDAgMCAxIDE3LjY4Mi0uMDEyeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0yMS4xNTMgMTE1LjAxN0w3NC41NjYgMjIuNWw1My40MTggOTIuNTE3eiIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIxMi43NTIiIGhlaWdodD0iMzguMzkzIiB4PSI2Ny42NDgiIHk9IjQ3LjM2OSIgZmlsbD0iIzU5NTY2OCIgcng9IjYuMzc2Ii8+CiAgICAgICAgPGNpcmNsZSBjeD0iNzQuMDI3IiBjeT0iOTYuNjQ3IiByPSI2Ljc4IiBmaWxsPSIjNTk1NjY4Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZD0iTTE0Ny4zMjQgMTE1Ljk4TDgzLjM5OCA1LjI3OUExMC4xIDEwLjEgMCAwIDAgNzQuMjkxLjE5djEzMS4wOTdoNjQuMjAxYTEwLjIwMyAxMC4yMDMgMCAwIDAgOC44MzItMTUuMzA3eiIgb3BhY2l0eT0iLjEyIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-position: 50%;
    margin-top: 40px;
    margin-bottom: 40px; }
  .creation-error .creation-error__title {
    font-size: 18px;
    color: var(--content-color-primary);
    font-weight: 600;
    margin-bottom: 20px; }
  .creation-error .creation-error__subtitle {
    font-size: 14px;
    color: var(--content-color-primary);
    margin-bottom: 20px;
    max-width: 410px;
    text-align: center; }
  .creation-error .creation-error__actions .btn {
    font-size: 16px;
    padding: 10px 20px; }

.create-new-modal__templates .create-new-modal__templates__template-list__load-more {
  margin-top: 10px;
  width: 100%;
  text-align: center; }

.create-new-modal__templates.api-networks .api-network__label__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }

.create-new-modal__templates.api-networks .api-network__icon__wrapper {
  height: 64px;
  width: 64px;
  display: flex;
  flex-direction: row;
  border-radius: 1px; }
  .create-new-modal__templates.api-networks .api-network__icon__wrapper .team-logo .team-logo--image {
    height: 64px;
    width: 64px;
    border-radius: 1px;
    object-fit: contain; }

.create-new-modal__templates.api-networks .api-network__info__wrapper {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  line-height: 20px;
  margin-top: 6px; }
  .create-new-modal__templates.api-networks .api-network__info__wrapper .create-new-modal__run__button__downloads {
    display: flex;
    margin-right: 16px;
    margin-left: 16px;
    color: var(--content-color-tertiary); }
    .create-new-modal__templates.api-networks .api-network__info__wrapper .create-new-modal__run__button__downloads .create-new-modal__run__button__downloads-count {
      display: flex;
      font-weight: 600;
      color: var(--content-color-secondary); }

.create-new-modal__templates.api-networks .create-new-modal__template-card__title {
  padding-bottom: 0px;
  margin-top: 10px;
  justify-content: center;
  color: var(--content-color-primary);
  font-size: 16px;
  line-height: 28px;
  max-width: 100%;
  text-align: center; }

.create-new-modal__templates.api-networks .create-new-modal__template-card {
  width: 260px;
  height: 182px;
  box-sizing: border-box;
  position: relative; }
  .create-new-modal__templates.api-networks .create-new-modal__template-card .api-network__icon__wrapper {
    border-radius: 1px; }
    .create-new-modal__templates.api-networks .create-new-modal__template-card .api-network__icon__wrapper img {
      border-radius: 1px; }
    .create-new-modal__templates.api-networks .create-new-modal__template-card .api-network__icon__wrapper .tag {
      padding: 0px 6px;
      width: 55px;
      height: 16px;
      align-items: center;
      text-align: center;
      font-weight: 600;
      font-size: 11px;
      line-height: 16px;
      overflow: unset;
      position: absolute;
      right: 0;
      margin-right: 10px;
      top: 10px; }

.create-new-modal__template .create-new-modal__flex__content {
  display: flex;
  justify-content: space-between; }

.create-new-modal__template.api-network {
  height: 100%;
  align-items: center; }
  .create-new-modal__template.api-network .create-new-modal__template__content {
    align-self: flex-start; }
  .create-new-modal__template.api-network .api-network__icon--collection {
    margin-right: 10px; }
  .create-new-modal__template.api-network .create-new-modal__run__button__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; }
    .create-new-modal__template.api-network .create-new-modal__run__button__wrapper .create-new-modal__template__info {
      margin-left: unset;
      margin-top: 16px; }
  .create-new-modal__template.api-network .create-new-modal__run__button__content-title {
    display: flex;
    flex-direction: row; }
  .create-new-modal__template.api-network .create-new-modal__apinetwork__title {
    display: flex;
    align-items: center;
    color: var(--content-color-primary);
    margin-right: 16px;
    margin-bottom: 40px; }
    .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__icon__wrapper {
      display: flex;
      flex-direction: column;
      height: 80px;
      width: 80px;
      border-radius: 1px; }
      .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__icon__wrapper .team-logo .team-logo--image {
        height: 80px;
        width: 80px;
        border-radius: 1px;
        object-fit: contain; }
    .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__team__info {
      display: flex;
      flex-direction: column;
      margin-left: 32px;
      overflow: hidden; }
      .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__team__info .api-network__team__name {
        display: flex;
        flex-direction: row;
        align-items: center;
        line-height: 30px;
        font-size: 18px;
        font-weight: 600; }
        .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__team__info .api-network__team__name span:nth-child(1) {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__team__info .api-network__team__name .tag {
          padding: 0px 6px;
          height: 16px;
          font-size: 11px;
          font-weight: 600;
          line-height: 16px;
          position: relative;
          margin-left: 16px;
          flex-shrink: 0; }
      .create-new-modal__template.api-network .create-new-modal__apinetwork__title .api-network__team__info .api-network__team__description {
        display: flex;
        flex-direction: row;
        overflow: ellipsis;
        line-height: 20px;
        font-size: 12px;
        margin-top: 8px; }
  .create-new-modal__template.api-network .create-new-modal__run__button__actionables {
    display: flex;
    flex-direction: row; }
  .create-new-modal__template.api-network .loading-indicator-wrapper {
    text-align: center; }
  .create-new-modal__template.api-network .create-new-modal__run__button__version .dropdown-button .btn {
    margin-right: 30px;
    margin-top: 24px; }
  .create-new-modal__template.api-network .create-new-modal__run__button__version .create-new-modal__run__button__version-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .create-new-modal__template.api-network .create-new-modal__run__button__content-title-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .create-new-modal__template.api-network .create-new-modal__run__button__content-title-container .dropdown {
      width: 170px; }
    .create-new-modal__template.api-network .create-new-modal__run__button__content-title-container .dropdown-button .btn {
      width: 100%;
      display: flex;
      justify-content: space-between; }
    .create-new-modal__template.api-network .create-new-modal__run__button__content-title-container .create-new-modal__run__button__downloads {
      font-size: 12px;
      color: var(--content-color-tertiary);
      overflow: hidden;
      margin-top: 8px; }
      .create-new-modal__template.api-network .create-new-modal__run__button__content-title-container .create-new-modal__run__button__downloads .create-new-modal__run__button__downloads-count {
        color: var(--content-color-secondary);
        font-weight: 600; }
  .create-new-modal__template.api-network .create-new-modal__run__button__name {
    display: flex;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600; }
  .create-new-modal__template.api-network .create-new-modal__run__button__summary {
    margin-top: 8px;
    display: flex; }
  .create-new-modal__template.api-network .run-in-postman {
    margin: 8px 0 4px;
    height: 32px;
    align-self: flex-start;
    flex-shrink: 0;
    justify-content: space-around; }
    .create-new-modal__template.api-network .run-in-postman .arrow {
      margin-top: 2px; }
  .create-new-modal__template.api-network .api-network__loading-indicator {
    margin-top: 32px; }
  .create-new-modal__template.api-network .environment-empty {
    color: var(--content-color-tertiary); }
  .create-new-modal__template.api-network .create-new-modal__run__buttons__label {
    font-weight: 600;
    color: var(--content-color-secondary); }
  .create-new-modal__template.api-network .environment-name {
    color: var(--content-color-secondary); }

/* OAuth 2 Manage Tokens Modal */
.auth-editor {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  font-family: var(--text-family-default);
  font-size: var(--text-size-m);
  color: var(--content-color-primary); }
  .layout-2-column .auth-editor {
    flex-direction: column;
    overflow-y: auto; }
    .layout-2-column .auth-editor .auth-type-editor {
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      max-width: 496px; }
  .layout-1-column .auth-editor {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .layout-1-column .auth-editor .auth-selector-wrapper,
    .layout-1-column .auth-editor .auth-type-editor {
      overflow-y: auto; }
    .layout-1-column .auth-editor .auth-type-editor {
      border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.auth-type-wrapper {
  flex: 1;
  word-wrap: break-word; }

.auth-selector-wrapper {
  padding: var(--spacing-m);
  max-width: 496px; }
  .layout-1-column .auth-selector-wrapper {
    flex: 0.35 0; }
  .layout-2-column .auth-selector-wrapper {
    flex-shrink: 0;
    display: flex; }
  .auth-selector-wrapper .dropdown-button .btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.auth-type-cta-wrapper {
  display: flex; }
  .auth-type-cta-wrapper .auth-type-cta-group {
    display: none;
    padding-top: 15px; }
    .auth-type-cta-wrapper .auth-type-cta-group.show {
      display: flex; }
    .auth-type-cta-wrapper .auth-type-cta-group .btn.btn-primary {
      height: 30px; }
  .layout-2-column .auth-type-cta-wrapper {
    flex-shrink: 0;
    padding: 10px 0 10px 10px; }

.auth-type-selector {
  display: flex;
  flex-direction: row;
  padding: var(--spacing-s) var(--spacing-zero);
  flex-wrap: wrap; }
  .auth-type-selector__label {
    margin-right: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-zero);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .layout-1-column .auth-type-selector__label {
      flex: 1;
      min-width: 90px; }
    .layout-2-column .auth-type-selector__label {
      flex: 1;
      min-width: 196px;
      max-width: 280px; }
  .layout-1-column .auth-type-selector__value {
    flex: 1;
    min-width: 90px; }
  .layout-2-column .auth-type-selector__value {
    flex: 1;
    min-width: 196px;
    max-width: 280px; }
  .auth-type-selector .input-checkbox {
    margin-right: var(--spacing-s); }

.auth-target-description {
  padding: var(--spacing-s) var(--spacing-zero); }
  .auth-target-description__link {
    cursor: pointer; }

.auth-target-input__selector {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline; }
  .layout-1-column .auth-target-input__selector .auth-label {
    flex: 1;
    min-width: 90px;
    margin-right: var(--spacing-l); }
  .layout-1-column .auth-target-input__selector .auth-input {
    flex: 1;
    min-width: 90px; }
  .layout-2-column .auth-target-input__selector .auth-label {
    flex: 1;
    min-width: 196px;
    max-width: 280px;
    margin-right: var(--spacing-l); }
  .layout-2-column .auth-target-input__selector .auth-input {
    flex: 1;
    min-width: 196px;
    max-width: 280px; }
  .auth-target-input__selector .auth-label {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .layout-1-column .auth-target-input__selector .auth-label {
      padding-bottom: var(--spacing-s); }
  .auth-target-input__selector .auth-input__description {
    padding-top: var(--spacing-s); }

.auth-retry-input {
  padding: var(--spacing-s) var(--spacing-zero); }

.auth-type-editor {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-m); }

.auth-recommend-variables {
  padding: var(--spacing-s) var(--spacing-xs);
  margin-bottom: var(--spacing-l);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .auth-recommend-variables__warning-icon {
    margin-right: 7px;
    margin-top: 2px;
    flex-shrink: 0; }
  .auth-recommend-variables__text {
    padding-right: var(--spacing-s); }
  .auth-recommend-variables__dismiss-icon {
    margin-top: var(--spacing-xs);
    margin-left: auto;
    flex-shrink: 0;
    cursor: pointer; }
  .auth-recommend-variables__link {
    cursor: pointer; }

.auth-no-auth-container,
.auth-basic-auth-container,
.auth-apikey-auth-container,
.auth-bearer-token-container,
.auth-digest-auth-container,
.auth-o-auth-1-container,
.auth-o-auth-2-container,
.auth-aws-signature-auth-container,
.auth-ntlm-auth-container,
.auth-akamai-edgegrid-auth-container {
  flex: 1;
  display: flex; }
  .layout-2-column .auth-no-auth-container, .layout-2-column
  .auth-basic-auth-container, .layout-2-column
  .auth-apikey-auth-container, .layout-2-column
  .auth-bearer-token-container, .layout-2-column
  .auth-digest-auth-container, .layout-2-column
  .auth-o-auth-1-container, .layout-2-column
  .auth-o-auth-2-container, .layout-2-column
  .auth-aws-signature-auth-container, .layout-2-column
  .auth-ntlm-auth-container, .layout-2-column
  .auth-akamai-edgegrid-auth-container {
    flex-direction: column; }

.auth-ntlm-unavailable-container {
  margin: var(--spacing-s); }

.auth-no-auth-container {
  align-items: center;
  text-align: left;
  padding: var(--spacing-xxl) var(--spacing-l) var(--spacing-zero);
  word-break: break-all;
  color: var(--content-color-secondary); }
  .layout-1-column .auth-no-auth-container {
    justify-content: center; }

.auth-input--add-empty-params-to-signature--wrapper,
.auth-input--payload-hash--wrapper {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  margin-top: var(--spacing-l);
  padding-top: var(--spacing-xs); }
  .auth-input--add-empty-params-to-signature--wrapper .auth-input-group:not(:last-child),
  .auth-input--payload-hash--wrapper .auth-input-group:not(:last-child) {
    padding-bottom: var(--spacing-s); }
  .auth-input--add-empty-params-to-signature--wrapper .auth-input__checkbox-label,
  .auth-input--payload-hash--wrapper .auth-input__checkbox-label {
    display: flex;
    align-items: center; }
    .auth-input--add-empty-params-to-signature--wrapper .auth-input__checkbox-label .info-button,
    .auth-input--payload-hash--wrapper .auth-input__checkbox-label .info-button {
      padding: 2px 0px 0px 5px; }

.auth-input-wrapper {
  flex-grow: 1; }

.auth-advanced-wrapper {
  padding: var(--spacing-xxl) var(--spacing-zero) var(--spacing-zero);
  display: flex; }
  .auth-advanced-wrapper .auth-advanced-label,
  .auth-advanced-wrapper .auth-advanced-label label {
    cursor: pointer; }
  .auth-advanced-wrapper .auth-advanced-toggle {
    margin: 2px var(--spacing-zero) var(--spacing-zero) -2px;
    cursor: pointer; }

.auth-advanced-description {
  margin: var(--spacing-xs) var(--spacing-zero); }

.auth-input-group {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding-top: var(--spacing-s);
  align-items: center;
  flex: 1.6 4; }
  .auth-input-group .auth-label {
    display: flex;
    flex: 1;
    min-width: 196px;
    max-width: 280px;
    align-self: flex-start;
    padding-top: var(--spacing-m);
    margin-right: var(--spacing-l); }
    .auth-input-group .auth-label .info-button__icon {
      margin-left: var(--spacing-xs);
      margin-top: 1px; }
  .auth-input-group .auth-input-subgroup-wrapper {
    flex: 1;
    align-items: center;
    min-width: 196px;
    max-width: 280px; }
    .auth-input-group .auth-input-subgroup-wrapper .auth-input-subgroup {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap; }
  .auth-input-group .auth-input {
    display: flex;
    flex: 1;
    align-items: center;
    max-height: var(--size-m);
    min-width: 196px;
    max-width: 280px;
    padding-top: var(--spacing-s); }
    .auth-input-group .auth-input.disabled {
      opacity: 0.4; }
    .auth-input-group .auth-input .input-checkbox {
      margin-right: var(--spacing-s); }
    .auth-input-group .auth-input .password-input {
      width: 100%; }
    .auth-input-group .auth-input .dropdown {
      width: 100%; }
      .auth-input-group .auth-input .dropdown .btn {
        display: flex; }
        .auth-input-group .auth-input .dropdown .btn span:not(.dropdown-caret) {
          flex: 1;
          text-align: left; }
    .auth-input-group .auth-input__checkbox-label {
      cursor: default;
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer; }
    .auth-input-group .auth-input .auto-suggest__warning-btn,
    .auth-input-group .auth-input .auto-suggest__error-btn {
      top: 0;
      margin: 9px 9px 0 0;
      padding: 0; }
    .auth-input-group .auth-input .warning-button {
      position: absolute;
      top: 0;
      right: 0;
      margin: 9px 9px 0 0;
      z-index: 100; }
    .auth-input-group .auth-input .file-input {
      padding: var(--spacing-zero); }
    .auth-input-group .auth-input.has-warning {
      position: relative; }
      .auth-input-group .auth-input.has-warning .DraftEditor-root {
        margin-right: 15px; }
      .auth-input-group .auth-input.has-warning .auto-suggest-box {
        border: var(--border-width-default) var(--border-style-solid) var(--base-color-warning) !important; }
    .auth-input-group .auth-input .public-DraftEditorPlaceholder-inner {
      white-space: nowrap !important; }
  .auth-input-group .auth-input-dynamic {
    flex: 1; }
    .auth-input-group .auth-input-dynamic .oauth1-private-key-value {
      border-radius: var(--border-radius-default);
      min-height: 100px;
      height: 100px;
      word-wrap: normal;
      white-space: pre; }

.auth-akamai-edgegrid--timestamp-tooltip {
  display: inline; }

.oauth2-token-config-msg {
  margin-top: var(--spacing-xs);
  padding: var(--spacing-m);
  background: var(--background-color-warning);
  border-radius: var(--border-radius-default); }
  .oauth2-token-config-msg__title {
    margin-bottom: var(--spacing-xs); }
  .oauth2-token-config-msg__action {
    margin-top: var(--spacing-s); }

.oauth2-manage-tokens-modal .modal-content {
  padding: 0;
  display: flex;
  flex-direction: row; }

.oauth2-manage-tokens-sidebar {
  border-right: 1px solid var(--border-color-default);
  width: 250px;
  overflow-y: auto; }

.oauth2-manage-tokens-description {
  width: 100%;
  overflow-y: auto; }

.oauth2-manage-tokens-sidebar__header {
  display: flex;
  flex-direction: row;
  padding: 20px 20px 5px 20px;
  line-height: 20px;
  justify-content: space-between;
  font-weight: 600; }
  .oauth2-manage-tokens-sidebar__header .btn {
    padding: 0;
    color: var(--content-color-error);
    font-weight: 600; }
  .oauth2-manage-tokens-sidebar__header use {
    fill: var(--content-color-error); }
  .oauth2-manage-tokens-sidebar__header svg > path[fill] {
    fill: var(--content-color-error); }

.oauth2-manage-tokens-sidebar__bulk-delete-actions .dropdown-menu {
  min-width: 130px; }

.oauth2-manage-tokens-sidebar__token-name-wrapper {
  display: flex;
  padding: 10px 20px; }

.oauth2-manage-tokens-sidebar__item {
  cursor: pointer; }
  .oauth2-manage-tokens-sidebar__item:hover {
    background-color: var(--background-color-tertiary); }
    .oauth2-manage-tokens-sidebar__item:hover .oauth2-token-delete-icon {
      display: block; }

.oauth2-manage-tokens-sidebar__item--active {
  background-color: var(--background-color-tertiary); }
  .oauth2-manage-tokens-sidebar__item--active .oauth2-token-delete-icon {
    display: block; }

.oauth2-manage-tokens-sidebar__token-name-wrapper .oauth2-manage-tokens-sidebar__token-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.oauth2-manage-tokens-sidebar__token-name-wrapper .oauth2-manage-tokens-sidebar__token-name--expired {
  text-decoration-line: line-through;
  color: var(--content-color-secondary); }

.oauth2-manage-tokens-sidebar__token-name-wrapper .oauth2-token-delete-icon {
  margin-left: auto;
  display: none;
  flex-shrink: 0; }

.oauth2-token-details-wrapper {
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }

.oauth2-token-details-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-bottom: 24px; }
  .oauth2-token-details-header .oauth2-token-details-header__title {
    flex: 1;
    font-weight: 600; }
  .oauth2-token-details-header .oauth2-token-details-header__action-group {
    margin-left: 16px;
    flex-shrink: 0; }

.oauth2-token-details-warning {
  display: flex;
  flex-direction: row;
  justify-content: start;
  background: var(--background-color-secondary);
  padding: 16px;
  margin: -16px -16px 16px -16px; }
  .oauth2-token-details-warning .oauth2-token-details-warning__icon {
    margin-right: 16px; }
    .oauth2-token-details-warning .oauth2-token-details-warning__icon .pm-icon {
      vertical-align: middle; }
      .oauth2-token-details-warning .oauth2-token-details-warning__icon .pm-icon use {
        fill: #A9A9A9; }
      .oauth2-token-details-warning .oauth2-token-details-warning__icon .pm-icon svg > path[fill] {
        fill: #A9A9A9; }
  .oauth2-token-details-warning .oauth2-token-details-warning__message {
    line-height: 23px; }

.oauth2-token-details-item-group {
  display: flex;
  flex-direction: row;
  padding: 8px 0;
  flex-shrink: 0;
  line-height: 20px; }
  .oauth2-token-details-item-group .oauth2-token-details-item-group__label {
    flex: 0.4;
    color: var(--content-color-primary); }
    .oauth2-token-details-item-group .oauth2-token-details-item-group__label .info-button,
    .oauth2-token-details-item-group .oauth2-token-details-item-group__label .warning-button {
      display: inline-flex;
      margin-left: 5px; }
  .oauth2-token-details-item-group .oauth2-token-details-item-group__value {
    width: 250px;
    margin-left: 32px;
    word-break: break-all;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center; }
    .oauth2-token-details-item-group .oauth2-token-details-item-group__value .inline-input__wrapper {
      margin-top: -4px;
      margin-left: -1px;
      height: 20px; }
    .oauth2-token-details-item-group .oauth2-token-details-item-group__value .oauth2-token-details-item-group__value-edit-button {
      flex-shrink: 0;
      display: flex; }
      .oauth2-token-details-item-group .oauth2-token-details-item-group__value .oauth2-token-details-item-group__value-edit-button .btn {
        height: auto; }

.oauth2-token-details-item-group--warning .oauth2-token-details-item-group__label,
.oauth2-token-details-item-group--warning .oauth2-token-details-item-group__value {
  color: var(--content-color-error); }

.oauth2-token-details-tooltip__highlight {
  font-weight: 600; }

.oauth2-callback-waiting-modal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-status {
    margin-top: 34px;
    margin-bottom: 34px; }
  .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-title {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    margin-bottom: 16px;
    line-height: 24px; }
    .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-title .oauth2-waiting-title__success {
      color: var(--content-color-success); }
    .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-title .oauth2-waiting-title__error {
      color: var(--content-color-error); }
  .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-description {
    font-family: var(--text-family-default);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-regular);
    line-height: var(--line-height-m);
    text-align: center;
    margin-bottom: var(--spacing-xl);
    margin-right: var(--spacing-xxxl);
    margin-left: var(--spacing-xxxl); }
  .oauth2-callback-waiting-modal-wrapper .oauth2-callback-learn-more-link {
    cursor: pointer;
    color: var(--content-color-link); }
  .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-action {
    margin-bottom: 68px; }
    .oauth2-callback-waiting-modal-wrapper .oauth2-waiting-action .btn {
      width: 160px; }
  .oauth2-callback-waiting-modal-wrapper .oauth2-callback-return-link {
    cursor: pointer;
    color: var(--content-color-brand);
    margin-top: -50px;
    margin-bottom: 20px; }

.auth-oauth2--manage-tokens {
  color: var(--content-color-brand); }

.auth-oauth2--shared-token {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center; }
  .auth-oauth2--shared-token use {
    fill: var(--content-color-success); }
  .auth-oauth2--shared-token svg > path[fill] {
    fill: var(--content-color-success); }

.auth-oauth2--no-tokens {
  box-sizing: border-box;
  height: var(--controls-size-default);
  padding: var(--spacing-zero) var(--spacing-l);
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  display: flex;
  align-items: center; }

.auth-oauth2-actions-group {
  padding-top: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  max-width: 144px; }
  .auth-oauth2-actions-group__clear-cookies {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-s); }
    .auth-oauth2-actions-group__clear-cookies__icon {
      margin-right: var(--spacing-xs); }
    .auth-oauth2-actions-group__clear-cookies .btn-small {
      height: var(--size-s); }
    .auth-oauth2-actions-group__clear-cookies .info-button {
      margin-left: var(--spacing-xs); }

.oauth2-main-section-header {
  font-size: var(--text-size-s);
  color: var(--content-color-primary);
  font-weight: var(--text-weight-medium); }
  .oauth2-main-section-header .oauth2-main-section-header--sync-message {
    margin-top: var(--spacing-m);
    font-weight: var(--text-weight-regular);
    color: var(--content-color-tertiary); }

.oauth2-token_icon-wrapper--synced {
  margin-left: var(--spacing-xs);
  background: var(--background-color-success); }
  .oauth2-token_icon-wrapper--synced use {
    fill: var(--content-color-success); }
  .oauth2-token_icon-wrapper--synced svg > path[fill] {
    fill: var(--content-color-success); }
  .oauth2-token_icon-wrapper--synced:hover, .oauth2-token_icon-wrapper--synced.is-hovered {
    background: var(--background-color-success); }
  .oauth2-token_icon-wrapper--synced.is-disabled:hover, .oauth2-token_icon-wrapper--synced.is-disabled.is-hovered {
    background: var(--background-color-success); }

.oauth2-token_icon-wrapper--not-synced {
  margin-left: var(--spacing-xs);
  background: var(--background-color-warning); }
  .oauth2-token_icon-wrapper--not-synced use {
    fill: var(--content-color-warning); }
  .oauth2-token_icon-wrapper--not-synced svg > path[fill] {
    fill: var(--content-color-warning); }
  .oauth2-token_icon-wrapper--not-synced:hover, .oauth2-token_icon-wrapper--not-synced.is-hovered {
    background: var(--background-color-warning); }
  .oauth2-token_icon-wrapper--not-synced.is-disabled:hover, .oauth2-token_icon-wrapper--not-synced.is-disabled.is-hovered {
    background: var(--background-color-warning); }

.auth-form-title {
  display: flex;
  justify-content: flex-start;
  margin-top: var(--spacing-l); }

.auth-o-auth-2-container .request-editor__tabs-wrapper {
  padding: unset; }

.oauth2-get-access-token-tabs .tab-text-wrapper .oauth2-access-token-tabs-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-color: var(--base-color-success);
  border-radius: 8px; }

.auth-oauth2-input--audience .auth-label {
  align-items: center; }

.auth-oauth2-input--resource .auth-label {
  align-items: center; }

.oauth2-advanced-fields {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start; }
  .oauth2-advanced-fields__add-field-button {
    margin-top: var(--spacing-m); }
  .oauth2-advanced-fields__field-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 280px; }
    .oauth2-advanced-fields__field-wrapper__close-button {
      padding: var(--spacing-xs);
      margin-top: var(--spacing-s);
      margin-left: var(--spacing-xs); }
    .oauth2-advanced-fields__field-wrapper.added .auth-input {
      min-width: 168px; }

.sync-token-confirmation-modal .sync-token-confirmation-modal__controls {
  display: flex;
  padding-top: 20px;
  flex-direction: row-reverse;
  align-items: center; }
  .sync-token-confirmation-modal .sync-token-confirmation-modal__controls .btn.is-focused {
    border: 1px solid var(--base-color-info); }
  .sync-token-confirmation-modal .sync-token-confirmation-modal__controls .sync-token-confirmation-modal__confirm-button {
    flex: 1;
    margin-left: var(--spacing-s);
    background: var(--base-color-brand); }

.confirmation-modal__content {
  padding: 16px 24px 24px 24px; }
  .confirmation-modal__content .confirmation-modal__body {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
    .confirmation-modal__content .confirmation-modal__body .confirmation-modal__body__header {
      font-size: 16px;
      font-weight: var(--text-weight-medium);
      margin-bottom: 10px; }
  .confirmation-modal__content .confirmation-modal__footer {
    display: flex;
    flex: 1;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 30px; }
    .confirmation-modal__content .confirmation-modal__footer .btn.is-focused {
      box-shadow: var(--shadow-focus); }
    .confirmation-modal__content .confirmation-modal__footer .confirmation-modal__discard-btn {
      display: flex;
      flex-basis: 65%;
      background-color: var(--base-color-error);
      font-weight: 600; }
    .confirmation-modal__content .confirmation-modal__footer .confirmation-modal__cancel-btn {
      display: flex;
      flex-basis: 30%;
      font-weight: 600; }

.workspace-switcher {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column; }
  .workspace-switcher:hover .workspace-switcher__icon use {
    fill: var(--content-color-primary); }
  .workspace-switcher:hover .workspace-switcher__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .workspace-switcher .error-state-wrapper__button {
    margin-top: var(--spacing-l); }
  .workspace-switcher .workspace-switcher__active,
  .workspace-switcher .workspace-switcher__disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
  .workspace-switcher .workspace-switcher__icon {
    margin-left: var(--spacing-xs);
    height: var(--size-xs);
    width: var(--size-xs); }
    .workspace-switcher .workspace-switcher__icon use {
      fill: var(--content-color-secondary); }
    .workspace-switcher .workspace-switcher__icon svg > path[fill] {
      fill: var(--content-color-secondary); }
  .workspace-switcher .workspace-switcher__isOpen.top-navigation-button {
    color: var(--content-color-primary); }
    .workspace-switcher .workspace-switcher__isOpen.top-navigation-button use {
      fill: var(--content-color-primary); }
    .workspace-switcher .workspace-switcher__isOpen.top-navigation-button svg > path[fill] {
      fill: var(--content-color-primary); }
  .workspace-switcher .workspace-switcher__disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .workspace-switcher .workspace-switcher__selector__no-workspaces {
    max-width: 360px; }
  .workspace-switcher .workspace-switcher__selector .workspace-switcher__state {
    padding: 60px 24px 24px;
    text-align: center; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__state.workspace-switcher__upgrade_to_pro {
      padding: 35px 20px 24px; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__state .workspace-switcher__state__title {
      color: var(--content-color-primary);
      font-weight: 300;
      font-size: 16px;
      margin-bottom: 16px; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__state .workspace-switcher__state__description {
      color: var(--content-color-primary);
      font-size: 12px;
      margin-bottom: 16px; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__state .workspace-switcher__state__learn-more {
      margin-bottom: 32px; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__state .workspace-switcher__state__learn-more .btn {
        padding-left: 0; }
  .workspace-switcher .workspace-switcher__selector .workspace-switcher__search {
    font-weight: var(--text-weight-regular);
    display: flex;
    flex: 1; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__search .input-search-group {
      width: 100%;
      height: 32px;
      border-radius: var(--border-radius-default);
      padding-right: var(--spacing-zero); }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__search .input-search-group .input-search-group__search-cancel-wrapper {
        padding-right: 10px; }
  .workspace-switcher .workspace-switcher__selector .workspace-switcher__header {
    display: flex;
    align-items: center;
    padding: var(--spacing-l) var(--spacing-l) var(--spacing-s); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__header .workspace-switcher__actions {
      display: flex;
      align-items: center; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__header .workspace-switcher__actions .workspace-switcher__action.workspace-switcher__action--create {
        margin-left: var(--spacing-l); }
  .workspace-switcher .workspace-switcher__selector .workspace-switcher__list {
    height: 100%;
    overflow: auto;
    position: relative;
    font-weight: var(--text-weight-regular); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .loading-indicator-wrapper {
      display: flex;
      justify-content: center;
      padding-top: 10px; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__no-result {
      font-size: 12px;
      line-height: 20px;
      display: flex;
      align-items: center;
      color: var(--content-color-tertiary);
      margin: 0 40px; }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__spinner {
      display: flex;
      justify-content: center;
      padding: var(--spacing-xs) var(--spacing-zero) var(--spacing-s); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__error {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: var(--spacing-xs) var(--spacing-zero) var(--spacing-s); }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__error-btn {
        color: var(--content-color-secondary); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__header {
      display: flex;
      align-items: center; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__header .workspace-switcher__list__group__title {
        line-height: var(--line-height-m);
        margin-left: var(--spacing-l); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item {
      display: flex;
      padding: var(--spacing-zero) var(--spacing-l);
      height: var(--size-m);
      align-items: center;
      box-sizing: border-box;
      cursor: pointer; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-actions-dropdown, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__join {
        display: none;
        font-size: 12px;
        font-weight: 600; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__join,
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-actions-dropdown-button {
        height: var(--size-s); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__join .loading-indicator-wrapper,
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-actions-dropdown-button .loading-indicator-wrapper {
          padding-top: 0; }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__join:hover,
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-actions-dropdown-button:hover {
          background-color: var(--highlight-background-color-tertiary); }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__list__group__list-item__active-icon,
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__list__group__list-item__placeholder {
        height: var(--size-xs);
        width: var(--size-xs);
        margin-right: var(--spacing-s); }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__list__group__list-item__details {
        visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item .workspace-switcher__list__group__list-item__name {
        flex: 1;
        font-size: 12px;
        margin-left: var(--spacing-s);
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
        color: var(--content-color-primary);
        user-select: none;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered {
        background-color: var(--highlight-background-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover .workspace-type-icon use, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-type-icon use {
          fill: var(--content-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover .workspace-type-icon svg > path[fill], .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-type-icon svg > path[fill] {
          fill: var(--content-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover .workspace-switcher__list__group__list-item__details,
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover .workspace-actions-dropdown, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item:hover .workspace-switcher__join, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-switcher__list__group__list-item__details,
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-actions-dropdown, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-switcher__join {
          display: flex; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-switcher__list__group__list-item__details,
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-actions-dropdown, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-hovered .workspace-switcher__join {
        display: flex; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused {
        background-color: var(--highlight-background-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused .workspace-type-icon use {
          fill: var(--content-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused .workspace-type-icon svg > path[fill] {
          fill: var(--content-color-primary); }
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused .workspace-switcher__list__group__list-item__details,
        .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused .workspace-actions-dropdown, .workspace-switcher .workspace-switcher__selector .workspace-switcher__list .workspace-switcher__list__group .workspace-switcher__list__group__list .workspace-switcher__list__group__list-item.is-focused .workspace-switcher__join {
          display: flex; }
  .workspace-switcher .workspace-switcher__selector .workspace-switcher__footer {
    cursor: pointer;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    padding: 6px var(--spacing-zero) 6px var(--spacing-l);
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .workspace-switcher .workspace-switcher__selector .workspace-switcher__footer:hover {
      color: var(--content-color-link); }

.workspace-invite-btn {
  background-color: var(--base-color-info);
  color: var(--content-color-constant);
  padding: 6px var(--spacing-s);
  font-size: var(--text-size-s);
  line-height: var(--line-height-xs);
  height: var(--size-s); }
  .workspace-invite-btn use {
    fill: var(--content-color-constant); }
  .workspace-invite-btn svg > path[fill] {
    fill: var(--content-color-constant); }
  .workspace-invite-btn.is-disabled {
    cursor: not-allowed; }
    .workspace-invite-btn.is-disabled:hover {
      background-color: var(--blue-40);
      color: var(--content-color-constant); }
      .workspace-invite-btn.is-disabled:hover use {
        fill: var(--content-color-constant); }
      .workspace-invite-btn.is-disabled:hover svg > path[fill] {
        fill: var(--content-color-constant); }
  .workspace-invite-btn:hover {
    background-color: var(--highlight-background-color-info);
    color: var(--content-color-constant); }
    .workspace-invite-btn:hover use {
      fill: var(--content-color-constant); }
    .workspace-invite-btn:hover svg > path[fill] {
      fill: var(--content-color-constant); }

.workspace-switcher__list-loading-state {
  height: calc(12 * 32px);
  border-right: 1px solid var(--border-color-default);
  border-left: 1px solid var(--border-color-default);
  overflow: hidden;
  animation: fade 1s ease-in-out infinite;
  padding-left: var(--spacing-l); }
  .workspace-switcher__list-loading-state .workspace-switcher__list-loading-state--item {
    display: flex;
    height: 32px;
    align-items: center; }
    .workspace-switcher__list-loading-state .workspace-switcher__list-loading-state--item .workspace-switcher__list-loading-state__icon {
      height: 8px;
      width: 8px;
      background-color: var(--highlight-background-color-secondary);
      margin: var(--spacing-zero) var(--spacing-m) var(--spacing-zero) var(--spacing-xxl);
      border-radius: var(--border-radius-s); }
    .workspace-switcher__list-loading-state .workspace-switcher__list-loading-state--item .workspace-switcher__list-loading-state__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 120px;
      height: 8px;
      background-color: var(--highlight-background-color-secondary);
      border-radius: var(--border-radius-s); }

.workspace-input-loading-state {
  margin-right: var(--spacing-m); }

.workspace-join-modal {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .workspace-join-modal .workspace-join-modal--dismiss-icon {
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer; }
  .workspace-join-modal .workspace-join-modal__wrapper {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative; }
  .workspace-join-modal .workspace-join-thumbnail__container {
    height: 180px;
    width: 190px; }
    .workspace-join-modal .workspace-join-thumbnail__container .workspace-join-thumbnail {
      height: inherit;
      width: inherit;
      background-repeat: no-repeat;
      background-image: url(data:image/svg+xml;base64, ); }
  .workspace-join-modal .workspace-join-modal__content {
    margin-top: 10px;
    color: var(--content-color-secondary); }
  .workspace-join-modal .workspace-join-modal__header {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.8;
    cursor: default; }
  .workspace-join-modal .workspace-join-modal__subtext {
    font-size: 12px;
    margin: 30px 0;
    text-align: center;
    cursor: default; }
    .workspace-join-modal .workspace-join-modal__subtext span {
      line-height: 20px; }
    .workspace-join-modal .workspace-join-modal__subtext .workspace-join-modal__type-switcher-toggle {
      display: inline-block;
      margin: 0px 5px 0px 5px; }
  .workspace-join-modal .workspace-join-modal__action {
    display: flex;
    justify-content: center; }
  .workspace-join-modal .always-show-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px; }
    .workspace-join-modal .always-show-checkbox .checkbox-label {
      margin-left: 5px; }

.create-new-workspace-modal, .share-workspace-modal {
  overflow-y: auto;
  margin: 0 auto;
  z-index: 0; }
  .create-new-workspace-modal .modal-content, .share-workspace-modal .modal-content {
    overflow-y: auto;
    padding: var(--spacing-xl) calc(50% - 444px); }
    .create-new-workspace-modal .modal-content .loading-indicator-wrapper, .share-workspace-modal .modal-content .loading-indicator-wrapper {
      display: flex;
      justify-content: center; }
  .create-new-workspace-modal .add-user__list, .share-workspace-modal .add-user__list {
    height: 200px; }
  .create-new-workspace-modal .empty-state--no-users, .share-workspace-modal .empty-state--no-users {
    height: 160px;
    color: var(--content-color-secondary);
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .create-new-workspace-modal .item-roles__container, .share-workspace-modal .item-roles__container {
    height: 160px; }
  .create-new-workspace-modal__title {
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-xxxl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-l); }
  .create-new-workspace-modal__error-state {
    height: 70%; }
  .create-new-workspace-modal .create-new-workspace-modal__team_plan__warning .alert, .share-workspace-modal .create-new-workspace-modal__team_plan__warning .alert {
    background-color: var(--background-color-warning);
    margin-top: var(--spacing-zero);
    margin-bottom: var(--spacing-xl); }
  .create-new-workspace-modal .create-new-workspace-modal__team_plan__error .alert, .share-workspace-modal .create-new-workspace-modal__team_plan__error .alert {
    background-color: var(--background-color-error);
    margin-top: var(--spacing-zero);
    margin-bottom: var(--spacing-xl); }
  .create-new-workspace-modal .create-new-workspace-modal__contents, .share-workspace-modal .create-new-workspace-modal__contents {
    display: flex;
    flex-direction: column; }
    .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group:not(:last-child), .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group:not(:last-child) {
        margin-bottom: 10px; }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__label, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__label {
        margin-bottom: 7px;
        display: flex;
        color: var(--content-color-secondary);
        font-weight: var(--text-weight-medium); }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__left-label, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__left-label {
        flex: 1;
        color: var(--content-color-secondary);
        font-weight: var(--text-weight-medium); }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group--subtitle, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group--subtitle {
        flex: 1;
        color: var(--content-color-tertiary);
        font-size: 12px;
        margin-bottom: 8px; }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__add-slots, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__add-slots {
        padding-right: 0px; }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__team-size, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__team-size {
        color: var(--content-color-secondary); }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input {
        display: flex;
        margin-bottom: 10px; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .is-disabled, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .is-disabled {
          cursor: not-allowed; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper {
          display: flex;
          justify-content: center;
          height: 32px; }
          .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
            height: 28px; }
          .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item {
            align-self: center; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__disable, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .plugin__workspace-view-switcher__disable {
          opacity: 0.5;
          cursor: default; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .create-new-workspace__input-group__input--type, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .create-new-workspace__input-group__input--type {
          flex: 1; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .textarea-wrapper, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .textarea-wrapper {
          flex: 1; }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .create-new-workspace__input-group__input__edit-text-area, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__input .create-new-workspace__input-group__input__edit-text-area {
          margin-bottom: 10px; }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__subtext, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group .create-new-workspace__input-group__subtext {
        color: var(--content-color-tertiary); }
      .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error {
        display: flex;
        align-items: center;
        margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-xs);
        color: var(--content-color-error); }
        .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon {
          margin-right: var(--spacing-s); }
          .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon use, .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon use {
            fill: var(--content-color-error); }
          .create-new-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon svg > path[fill], .share-workspace-modal .create-new-workspace-modal__contents .create-new-workspace__input-group--error .pm-icon svg > path[fill] {
            fill: var(--content-color-error); }
  .create-new-workspace-modal .create-new-workspace__email-privileges-denied, .share-workspace-modal .create-new-workspace__email-privileges-denied {
    margin-bottom: 16px;
    margin-top: 8px;
    color: var(--base-color-error); }
  .create-new-workspace-modal .create-new-workspace__team_info, .share-workspace-modal .create-new-workspace__team_info {
    color: var(--content-color-tertiary); }
  .create-new-workspace-modal .create-new-workspace__team_creation_info, .share-workspace-modal .create-new-workspace__team_creation_info {
    color: var(--content-color-tertiary);
    margin-bottom: var(--spacing-m); }
  .create-new-workspace-modal .modal-footer, .share-workspace-modal .modal-footer {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    margin: 0 calc(50% - 444px); }
  .create-new-workspace-modal .button-small, .share-workspace-modal .button-small {
    width: 100px; }
  .create-new-workspace-modal .button-medium, .share-workspace-modal .button-medium {
    width: 120px; }
  .create-new-workspace-modal .button-large, .share-workspace-modal .button-large {
    width: 280px; }
  @media (max-width: 1259px) {
    .create-new-workspace-modal, .share-workspace-modal {
      width: 100%; } }

.add-to-workspace-modal .modal-content {
  overflow: visible; }

.add-to-workspace-modal .loading-indicator-wrapper {
  text-align: center; }

.add-to-workspace-modal .add-to-workspace-modal__contents .add-to-workspace-modal__contents-box {
  height: inherit; }

.add-to-workspace-modal__contents {
  display: flex;
  flex-direction: column; }
  .add-to-workspace-modal__contents .add-to-workspace__tabs {
    width: 100%;
    border-bottom: 1px solid var(--border-color-default); }
  .add-to-workspace-modal__contents .add-to-workspace-modal__choose-entities {
    margin-bottom: 20px; }
  .add-to-workspace-modal__contents .add-to-workspace-modal__contents-box {
    height: 550px; }
  .add-to-workspace-modal__contents .add-to-workspace__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .add-to-workspace-modal__contents .add-to-workspace--helptext {
    margin-bottom: 20px; }
  .add-to-workspace-modal__contents .add-to-workspace-modal__entities-count {
    margin-top: 10px;
    color: var(--content-color-tertiary); }
  .add-to-workspace-modal__contents .add-to-workspace-modal__alert-wrapper {
    margin-top: 20px; }
  .add-to-workspace-modal__contents .add-to-workspace__input-group {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .add-to-workspace-modal__contents .add-to-workspace__input-group:not(:last-child) {
      margin-bottom: 10px; }
    .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__label {
      margin-bottom: 7px; }
    .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__alert {
      margin-bottom: 8px; }
    .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input {
      display: flex;
      margin-bottom: 8px; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input.add-to-workspace__input-group--team-permissions {
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default);
        padding: 10px; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input .add-to-workspace__input-group__label__label {
        flex: 2;
        display: flex;
        align-items: center; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input .add-to-workspace__input-group__input--team-permissions {
        align-self: center;
        flex: 1; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input .add-to-workspace__input-group__input--selected-workspace .workspace-name {
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 400px; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input .add-to-workspace__input-group__input--selected-workspace .dropdown-menu-item {
        justify-content: space-between; }
      .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__input .add-to-workspace__input-group__input--selected-workspace .dropdown-menu {
        max-height: 355px;
        overflow-y: auto;
        overflow-x: hidden; }
    .add-to-workspace-modal__contents .add-to-workspace__input-group .add-to-workspace__input-group__subtext {
      color: var(--content-color-tertiary); }
    .add-to-workspace-modal__contents .add-to-workspace__input-group.add-to-workspace__input-group--team-permissions, .add-to-workspace-modal__contents .add-to-workspace__input-group.add-to-workspace__input-group--user-permissions {
      /*border: 1px solid $app-border-color;
      border-radius: var(--border-radius-default);
      padding: 10px;*/ }
  .add-to-workspace-modal__contents .add-to-workspace__create-team {
    margin-top: 32px; }

.add-to-workspace__input-group__input--selected-workspace .workspace-name {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px; }

.add-to-workspace__input-group__input--selected-workspace .dropdown-menu-item {
  justify-content: space-between; }

.add-to-workspace__input-group__input--selected-workspace .dropdown-menu {
  max-height: 355px;
  overflow-y: auto;
  overflow-x: hidden; }

.workspace-details-modal .modal-header {
  background-color: var(--background-color-primary); }
  .workspace-details-modal .modal-header .modal-header-close-button-wrapper {
    margin-top: 30px;
    margin-right: 20px; }

.workspace-details-modal .modal-content {
  padding: 30px;
  padding-top: 0;
  overflow: hidden; }

.workspace-details-modal .workspace-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }
  .workspace-details-modal .workspace-details .workspace-details__name {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--content-color-primary);
    margin-bottom: 15px; }
  .workspace-details-modal .workspace-details .workspace-details__summary {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--content-color-primary);
    margin-bottom: 8px;
    line-height: 24px; }
  .workspace-details-modal .workspace-details .workspace-details__owner,
  .workspace-details-modal .workspace-details .workspace-details__last-updated,
  .workspace-details-modal .workspace-details .workspace-details__member-count {
    display: flex;
    align-items: center;
    flex: 0 0 40px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 14px; }
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__owner__icon,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__owner__icon,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__owner__icon {
      margin-right: 15px; }
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__last-updated__icon,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__last-updated__icon,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__last-updated__icon {
      margin-right: 15px; }
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__member-count__icon,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__member-count__icon,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__member-count__icon {
      margin-right: 15px; }
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__owner__owner,
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__last-updated__last-updated,
    .workspace-details-modal .workspace-details .workspace-details__owner .workspace-details__member-count__member-count,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__owner__owner,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__last-updated__last-updated,
    .workspace-details-modal .workspace-details .workspace-details__last-updated .workspace-details__member-count__member-count,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__owner__owner,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__last-updated__last-updated,
    .workspace-details-modal .workspace-details .workspace-details__member-count .workspace-details__member-count__member-count {
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      font-size: 14px; }
  .workspace-details-modal .workspace-details .workspace-details__member-count {
    margin-bottom: 30px; }
  .workspace-details-modal .workspace-details .workspace-details__members {
    flex: 1;
    overflow: hidden; }
    .workspace-details-modal .workspace-details .workspace-details__members .sortable-table {
      height: 100%;
      overflow: hidden; }
      .workspace-details-modal .workspace-details .workspace-details__members .sortable-table .sortable-table__rows {
        height: calc(100% - 40px);
        overflow-y: auto; }
        .workspace-details-modal .workspace-details .workspace-details__members .sortable-table .sortable-table__rows .user__row {
          display: flex;
          align-items: center; }
          .workspace-details-modal .workspace-details .workspace-details__members .sortable-table .sortable-table__rows .user__row .user__row__details {
            display: flex;
            flex-direction: column;
            margin-left: 16px; }
            .workspace-details-modal .workspace-details .workspace-details__members .sortable-table .sortable-table__rows .user__row .user__row__details .user__row__details__name {
              font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
              font-size: 12px;
              font-weight: 600;
              color: var(--content-color-primary); }
            .workspace-details-modal .workspace-details .workspace-details__members .sortable-table .sortable-table__rows .user__row .user__row__details .user__row__details__email {
              font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
              font-size: 12px;
              color: var(--content-color-primary); }

.offline__illustration {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
  width: 200px;
  height: 200px; }

.share-workspace-modal {
  width: 100%; }
  .share-workspace-modal .modal-content {
    padding: var(--spacing-xl) var(--spacing-xl); }
  .share-workspace-modal .modal-footer {
    margin: unset; }
  .share-workspace-modal .add-user__list {
    height: 240px; }
  .share-workspace-modal .empty-state--no-users {
    height: 200px;
    color: var(--content-color-secondary);
    font-size: var(--text-size-s);
    display: flex;
    align-items: center;
    justify-content: center; }
  .share-workspace-modal .item-roles__container {
    height: 200px; }
  .share-workspace-modal .create-new-workspace__team_info {
    margin: 6px var(--spacing-zero) var(--spacing-l) var(--spacing-zero); }
  .share-workspace-modal .create-new-workspace__input-group__label {
    margin: var(--spacing-xs) var(--spacing-zero);
    line-height: 1.67; }
  .share-workspace-modal__subtext {
    color: var(--content-color-tertiary); }
    .share-workspace-modal__subtext a {
      flex: 1;
      color: var(--content-color-link);
      cursor: pointer; }
  .share-workspace-modal__alert {
    margin-bottom: var(--spacing-l); }
  .share-workspace-modal__copy-invite-link {
    margin-right: auto;
    margin-left: var(--spacing-zero); }
  .share-workspace-modal .button-medium {
    width: 120px; }
  .share-workspace-modal .button-large {
    width: 200px; }

.invitation-error-modal .invitation-error-modal__contents {
  display: flex;
  flex-direction: column; }
  .invitation-error-modal .invitation-error-modal__contents .invitation-error-modal__info {
    color: var(--content-color-primary); }
  .invitation-error-modal .invitation-error-modal__contents .invitation-error-modal__help {
    color: var(--content-color-primary);
    margin-top: 16px; }

.workspace-actions-dropdown .btn {
  height: 30px;
  background-color: transparent; }

.invite-user-modal .empty-state--no-users {
  height: 200px;
  color: var(--content-color-secondary);
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center; }

.invite-user-modal .create-new-workspace__input-group {
  margin-top: 16px; }

.invite-user-modal .modal-content {
  padding: 20px;
  overflow-y: auto;
  max-height: 75vh; }
  .invite-user-modal .modal-content .invite-user-modal__email-privileges-denied {
    margin: 16px 0;
    color: var(--base-color-error); }
  .invite-user-modal .modal-content .invite-user-workspace-meta-title {
    color: var(--content-color-primary);
    margin-bottom: 16px; }
  .invite-user-modal .modal-content .invite-user-workspace-meta-text {
    color: var(--content-color-tertiary);
    margin-top: 16px;
    margin-bottom: 16px; }
  .invite-user-modal .modal-content .invite-user-modal-alert {
    margin-top: 8px; }

.invite-user-modal__copy-invite-link {
  margin-right: auto;
  margin-left: var(--spacing-zero); }

.invite-user-modal .button-small {
  width: 100px; }

.invite-user-modal .button-medium {
  width: 120px; }

.invite-user-modal .button-large {
  width: 200px; }

.invitation-sent-text-meta {
  margin-top: 32px;
  margin-left: 16px;
  color: var(--content-color-secondary); }

.invitation-sent-info-meta {
  margin-top: 80px;
  margin-left: 16px;
  color: var(--content-color-secondary); }

.setup-team-name-meta {
  margin-top: 32px;
  margin-left: 16px;
  color: var(--content-color-tertiary); }

.setup-team-url-meta {
  margin-top: 50px;
  margin-left: 16px;
  color: var(--content-color-tertiary); }

.share-entity-model .setup-team-model-content {
  padding: 16px; }

.invite-user-alert-container {
  margin-bottom: 8px; }

.invite-user-modal__team_plan__warning .alert {
  background-color: var(--background-color-warning);
  margin-top: var(--spacing-zero);
  margin-bottom: var(--spacing-xl); }

.invite-user-modal__team_plan__error .alert {
  background-color: var(--background-color-error);
  margin-top: var(--spacing-zero);
  margin-bottom: var(--spacing-xl); }

.share-entity-model .modal-content {
  overflow-y: hidden; }
  .share-entity-model .modal-content .create-new-modal__content {
    height: 100%; }

.share-entity-model .tabs {
  padding: 10px 0px 0px 0px;
  border-bottom: 1px solid var(--border-color-default); }
  .share-entity-model .tabs .tab {
    cursor: default; }

.share-entity-tab-content {
  padding: 16px;
  max-height: 60vh;
  overflow-y: auto; }
  .share-entity-tab-content .tab-share-content .tab-share-content-meta-text {
    color: var(--content-color-primary);
    font-size: 12px; }

.select-workspace-entity-container .tabs {
  width: 50%; }

.share-collections-content-container {
  padding: 8px 0px;
  margin-top: 24px;
  display: flex;
  flex-direction: column; }
  .share-collections-content-container .loading-indicator-wrapper {
    text-align: center; }
  .share-collections-content-container .add-to-workspace-empty--container {
    width: 400px;
    display: flex;
    align-self: center; }
  .share-collections-content-container .workspace-selector-container {
    display: flex;
    flex: 100%;
    justify-content: space-between; }
    .share-collections-content-container .workspace-selector-container .workspace-selector-dropdown-container {
      display: flex;
      flex: 50%; }
      .share-collections-content-container .workspace-selector-container .workspace-selector-dropdown-container .workspace-selector-value {
        display: flex;
        flex: 50%; }
      .share-collections-content-container .workspace-selector-container .workspace-selector-dropdown-container .workspace-selector-meta-container {
        flex: 50%;
        display: flex;
        align-items: center;
        align-content: center; }
        .share-collections-content-container .workspace-selector-container .workspace-selector-dropdown-container .workspace-selector-meta-container .workspace-selector-meta {
          padding-left: 24px;
          color: var(--content-color-tertiary); }
    .share-collections-content-container .workspace-selector-container .workspace-selector {
      display: flex;
      flex: 50%;
      flex-direction: column;
      padding: 5px 0; }
      .layout-2-column .share-collections-content-container .workspace-selector-container .workspace-selector {
        flex: 1; }
      .share-collections-content-container .workspace-selector-container .workspace-selector .workspace-selector-label {
        padding-bottom: 5px;
        font-size: 11px;
        color: var(--content-color-primary);
        font-weight: 600; }
      .share-collections-content-container .workspace-selector-container .workspace-selector .input-checkbox {
        margin-right: 10px; }
  .share-collections-content-container .dropdown {
    width: 100%; }
    .share-collections-content-container .dropdown .dropdown-button {
      width: 100%; }
      .share-collections-content-container .dropdown .dropdown-button .btn {
        width: 100%;
        justify-content: space-between; }
  .share-collections-content-container .tab-share-content--subtab-entity {
    display: flex;
    flex: 100%; }
    .share-collections-content-container .tab-share-content--subtab-entity .entity-list-container-wrapper {
      height: 180px;
      display: flex;
      flex: 0 50%; }
      .share-collections-content-container .tab-share-content--subtab-entity .entity-list-container-wrapper .entity-list-container {
        height: 150px;
        overflow-y: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--border-color-default);
        margin-top: 8px;
        padding: 8px; }
        .share-collections-content-container .tab-share-content--subtab-entity .entity-list-container-wrapper .entity-list-container .entity-checkbox-item-container {
          flex: 1 0 20px;
          margin-top: 16px;
          display: flex;
          flex-direction: row; }
          .share-collections-content-container .tab-share-content--subtab-entity .entity-list-container-wrapper .entity-list-container .entity-checkbox-item-container .entity-checkbox-item-meta {
            margin-left: 8px; }
        .share-collections-content-container .tab-share-content--subtab-entity .entity-list-container-wrapper .entity-list-container .entity-checkbox-item-container:nth-child(1) {
          margin-top: 0px; }
    .share-collections-content-container .tab-share-content--subtab-entity .entity-selection-meta-container {
      display: flex;
      flex: 0 50%;
      align-items: center;
      align-content: center; }
      .share-collections-content-container .tab-share-content--subtab-entity .entity-selection-meta-container .entity-selection-meta {
        color: var(--content-color-tertiary);
        padding-left: 16px; }
  .share-collections-content-container .share-collections-content-container_warning-text {
    align-self: flex-end; }

.setup-team-content .tab-share-content-meta-text {
  color: var(--content-color-primary);
  font-size: 12px; }

.setup-team-container {
  margin-top: 24px;
  display: flex; }
  .setup-team-container .tab-share-content-meta-text {
    color: var(--content-color-primary);
    font-size: 12px; }
  .setup-team-container .left {
    flex: 50%; }
  .setup-team-container .right {
    flex: 50%; }
  .setup-team-container .input-container {
    margin-bottom: 24px; }
    .setup-team-container .input-container .input-label {
      font-weight: 600; }
  .setup-team-container .input-field {
    margin-top: 8px; }

.entity-empty-text {
  display: block;
  min-height: 81px;
  color: var(--content-color-tertiary); }

.setup-team-input-container {
  display: flex; }
  .setup-team-input-container .input-field {
    flex: 80%; }
  .setup-team-input-container .setup-team-input-meta-container {
    display: flex;
    align-items: center;
    align-content: center; }
  .setup-team-input-container .setup-team-input-meta {
    padding-left: 8px; }

.team-setup-container {
  padding: 20px; }

.publish-docs-signed-out-modal-content .publish-docs-signed-out-learn-more {
  padding: 10px 0;
  margin: 16px 0; }

.edit-workspace-modal .modal-content {
  overflow-y: auto;
  max-height: 75vh; }
  .edit-workspace-modal .modal-content .loading-indicator-wrapper {
    display: flex;
    justify-content: center; }

.edit-workspace-modal .empty-state--no-users {
  height: 200px;
  color: var(--content-color-secondary);
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center; }

.edit-workspace-modal .edit-workspace-modal__contents {
  display: flex;
  flex-direction: column; }
  .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group:not(:last-child) {
      margin-bottom: 10px; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__label {
      margin-bottom: 7px;
      display: flex; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__left-label {
      flex: 1; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__add-slots {
      padding-right: 0px; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__team-size {
      color: var(--content-color-secondary); }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input {
      display: flex;
      margin-bottom: 10px; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .is-disabled {
        cursor: not-allowed; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .plugin__workspace-view-switcher__wrapper {
        display: flex;
        justify-content: center;
        height: 32px; }
        .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
          height: 28px; }
        .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item {
          align-self: center; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .plugin__workspace-view-switcher__disable {
        opacity: 0.5;
        cursor: default; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .edit-workspace__input-group__input--type {
        flex: 1; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .textarea-wrapper {
        flex: 1; }
      .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__input .edit-workspace__input-group__input__edit-text-area {
        margin-bottom: 10px; }
    .edit-workspace-modal .edit-workspace-modal__contents .edit-workspace__input-group .edit-workspace__input-group__subtext {
      color: var(--content-color-tertiary); }

.edit-workspace-modal .edit-workspace__email-privileges-denied {
  margin-bottom: 16px;
  margin-top: 8px;
  color: var(--base-color-error); }

.edit-workspace-modal .edit-workspace__team_info {
  color: var(--content-color-tertiary); }

.edit-workspace-modal .button-small {
  width: 100px; }

.edit-workspace-modal .button-medium {
  width: 120px; }

.edit-workspace-modal .button-large {
  width: 200px; }

.workspace-visibility--title {
  color: var(--content-color-primary);
  font-weight: 600;
  font-size: 12px;
  margin: unset;
  margin-top: 16px;
  user-select: none; }

.workspace__enterprise_visibility--disabled {
  opacity: 0.5;
  display: flex;
  margin-top: 16px;
  width: fit-content; }
  .workspace__enterprise_visibility--disabled .workspace__enterprise_info {
    margin-left: 8px;
    color: var(--content-color-primary);
    user-select: none;
    cursor: default; }
  .workspace__enterprise_visibility--disabled .input-checkbox:hover .pm-icon-normal {
    opacity: 0; }

.workspace__enterprise_visibility {
  display: flex;
  margin-top: 8px; }
  .workspace__enterprise_visibility .workspace__enterprise_info {
    margin-left: 8px;
    color: var(--content-color-primary);
    user-select: none;
    cursor: default; }

.workspace__enterprise-tooltip {
  margin-left: 5px; }

.workspace-visibility-team {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  color: var(--content-color-primary); }
  .workspace-visibility-team .workspace-visibility-team--name {
    margin-left: 10px; }
  .workspace-visibility-team .pm-icon {
    display: flex;
    justify-content: center;
    padding: 2px; }
  .workspace-visibility-team--roles .dropdown {
    max-width: 140px; }
  .workspace-visibility-team--roles .dropdown-button .btn {
    background: unset;
    color: var(--content-color-secondary);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 0; }
  .workspace-visibility-team--roles .dropdown-button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.workspace-visibility-v2 {
  width: 100%; }
  .workspace-visibility-v2--pending-request {
    padding: var(--spacing-l);
    margin-bottom: var(--spacing-m);
    color: var(--content-color-primary);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-info); }
    .workspace-visibility-v2--pending-request-heading {
      margin-top: var(--spacing-zero);
      margin-bottom: var(--spacing-xs);
      font-weight: var(--text-weight-medium); }
    .workspace-visibility-v2--pending-request > p:last-child {
      margin-top: var(--spacing-xs);
      margin-bottom: var(--spacing-zero); }
      .workspace-visibility-v2--pending-request > p:last-child a {
        text-decoration: none;
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium); }
        .workspace-visibility-v2--pending-request > p:last-child a:hover {
          color: var(--content-color-link); }
  .workspace-visibility-v2--title {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    margin: unset;
    user-select: none;
    margin-bottom: var(--spacing-s); }
    .workspace-visibility-v2--title.with-subtitle {
      margin-bottom: var(--spacing-zero); }
  .workspace-visibility-v2--title-helper {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-s);
    margin: unset;
    user-select: none; }
  .workspace-visibility-v2--container {
    display: grid;
    row-gap: var(--spacing-xs);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default);
    padding: var(--spacing-m); }
  .workspace-visibility-v2--subtitle {
    margin-left: 28px;
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
  .workspace-visibility-v2--roles {
    margin-left: 28px;
    display: inline-block;
    color: var(--content-color-secondary); }
    .workspace-visibility-v2--roles--dropdown-button {
      font-weight: var(--text-weight-medium);
      padding: var(--spacing-zero) var(--spacing-xs);
      height: var(--size-x);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
  .workspace-visibility-v2--actions {
    margin-top: var(--spacing-l); }
    .workspace-visibility-v2--actions-create-team-btn {
      width: calc(8 * var(--size-xs));
      margin-right: var(--spacing-s); }
    .workspace-visibility-v2--actions-cancel-btn {
      background: none; }
  .workspace-visibility-v2--dropdown-menu .pm-icon {
    margin-right: var(--spacing-m); }
  .workspace-visibility-v2--dropdown-button {
    display: flex;
    font-weight: var(--text-weight-medium);
    padding: var(--spacing-zero);
    height: var(--size-x);
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
    .workspace-visibility-v2--dropdown-button .pm-icon {
      margin-right: var(--spacing-m); }
  .workspace-visibility-v2--beta-label {
    font-size: var(--text-size-xs);
    color: var(--content-color-info);
    font-weight: var(--text-weight-medium);
    position: relative;
    bottom: var(--spacing-xs);
    left: var(--spacing-xs); }
  .workspace-visibility-v2--info {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-m);
    line-height: var(--line-height-m);
    color: var(--content-color-tertiary); }
    .workspace-visibility-v2--info a {
      color: var(--content-color-link); }
      .workspace-visibility-v2--info a:hover {
        text-decoration: underline; }
    .workspace-visibility-v2--info .pm-icon {
      margin-right: var(--spacing-s); }
      .workspace-visibility-v2--info .pm-icon use {
        fill: var(--content-color-tertiary); }
      .workspace-visibility-v2--info .pm-icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
  .workspace-visibility-v2--error {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-m);
    color: var(--content-color-error); }
    .workspace-visibility-v2--error .pm-icon {
      margin-right: var(--spacing-s); }
      .workspace-visibility-v2--error .pm-icon use {
        fill: var(--content-color-error); }
      .workspace-visibility-v2--error .pm-icon svg > path[fill] {
        fill: var(--content-color-error); }
    .workspace-visibility-v2--error a {
      margin-left: var(--spacing-xs);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-error);
      text-decoration: underline;
      cursor: pointer; }
  .workspace-visibility-v2--footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: var(--spacing-l); }
    .workspace-visibility-v2--footer .btn:first-child {
      margin-right: var(--spacing-xl); }

.invite-container {
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  max-height: 80px; }
  .invite-container__teamPlan_alert {
    border: 1px solid var(--base-color-error); }
  .invite-container__empty-state--with-alert {
    font-size: var(--text-size-m);
    line-height: 20px;
    color: var(--content-color-error);
    margin-left: var(--spacing-xxl);
    margin-top: var(--spacing-s); }
  .invite-container .invite-placeholder {
    margin-left: 8px;
    position: absolute;
    color: var(--content-color-tertiary); }
  .invite-container .active-input {
    flex: 1;
    padding-left: 8px; }

.user-suggestion {
  height: 56px; }
  .user-suggestion__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .user-suggestion .avatar {
    margin-right: 8px; }
  .user-suggestion .user-suggestion__group-tag {
    width: var(--size-s);
    height: var(--size-s);
    margin-right: var(--spacing-s);
    align-items: center;
    justify-content: center;
    align-self: center;
    background: var(--background-color-tertiary);
    border-radius: var(--border-radius-max); }
  .user-suggestion .user-suggestion-details {
    height: 100%;
    width: 95%;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .user-suggestion .user-suggestion-details .user-suggestion__email {
      margin-top: 4px;
      color: var(--content-color-secondary); }

/* stylelint-disable color-no-hex */
.sync-status {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--spacing-l); }

.sync-button use {
  fill: var(--content-color-constant); }

.sync-button svg > path[fill] {
  fill: var(--content-color-constant); }

.sync-button.sync-off {
  background-color: #b94a48; }
  .sync-button.sync-off:hover, .sync-button.sync-off.is-hovered {
    background-color: #ed4b48; }

.sync-button.offline {
  background-color: #5a5a5a; }
  .sync-button.offline:hover, .sync-button.offline.is-hovered {
    background-color: #6e6e6e; }

.sync-button.in-sync {
  background-color: #f47023; }

.sync-button.error {
  background-color: #ED4B48; }

.sync-button.syncing, .sync-button.connecting {
  background-color: #097bed; }
  .sync-button.syncing .pm-icon-sync, .sync-button.connecting .pm-icon-sync {
    animation: rotate 1s infinite; }

@keyframes rotate {
  100% {
    transform: rotate(-180deg); } }

.sync-button-icon {
  display: block;
  width: 22px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDIyIDIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy40ICgxNTU4OCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNfbmF2X3N5bmNfbm9ybWFsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9IkxpZ2h0LVRoZW1lLVN0eWxlc2hlZXQtLS1JY29ucyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwMi4wMDAwMDAsIC0xNDUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJOYXZiYXIiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0LjAwMDAwMCwgNTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU3luYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgODkuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljX25hdl9zeW5jX25vcm1hbCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjYsMTEuNCBDMTMuNiwxMy43IDExLjcsMTUuNSA5LjUsMTUuNSBDNy4yLDE1LjUgNS40LDEzLjYgNS40LDExLjQgQzUuNCw5LjIgNy4zLDcuMyA5LjUsNy4zIEMxMS44LDcuMiAxMy42LDkuMSAxMy42LDExLjQiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgc3Ryb2tlPSIjRkZGRkZGIiBjeD0iOS41IiBjeT0iMTEuNCIgcj0iNC4xIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS40LDkuMiBDMTEuOSw5LjUgMTIuMSwxMC40IDEyLjEsMTEiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjQsOS4yIEMxMS45LDkuNSAxMi4xLDEwLjQgMTIuMSwxMSIgaWQ9IlNoYXBlIiBzdHJva2U9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIHN0cm9rZT0iI0ZGRkZGRiIgY3g9IjEwLjEiIGN5PSIxMC4xIiByPSI5LjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMywxOC4yIEM2LjMsMTkuMSA1LjYsMTkuOSA0LjYsMTkuOSBDMy43LDE5LjkgMi45LDE5LjIgMi45LDE4LjIgQzIuOSwxNy4zIDMuNiwxNi41IDQuNiwxNi41IEM1LjUsMTYuNiA2LjMsMTcuMyA2LjMsMTguMiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2U9IiNGRkZGRkYiIGN4PSI0LjYiIGN5PSIxOC4yIiByPSIxLjciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSwzLjMgQzQuNSwzLjggNC4xLDQuMyAzLjUsNC4zIEMzLDQuMyAyLjUsMy45IDIuNSwzLjMgQzIuNSwyLjggMi45LDIuMyAzLjUsMi4zIEM0LDIuMyA0LjUsMi43IDQuNSwzLjMiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgc3Ryb2tlPSIjRkZGRkZGIiBjeD0iMy41IiBjeT0iMy4zIiByPSIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS40LDcuMiBDMjEuNCw4LjEgMjAuNyw4LjkgMTkuOCw4LjkgQzE4LjksOC45IDE4LjEsOC4yIDE4LjEsNy4zIEMxOC4xLDYuNCAxOC44LDUuNiAxOS43LDUuNiBDMjAuNyw1LjYgMjEuNCw2LjMgMjEuNCw3LjIiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgc3Ryb2tlPSIjRkZGRkZGIiBjeD0iMTkuOCIgY3k9IjcuMyIgcj0iMS43Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }

.sync-status-tooltip {
  z-index: 90; }
  .sync-status-tooltip .tooltip-wrapper {
    background-color: var(--background-color-primary);
    padding: var(--spacing-l);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.sync-status-tooltip-wrapper {
  max-width: 220px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .sync-status-tooltip-wrapper .sync-status-offline-icon use {
    fill: var(--content-color-primary); }
  .sync-status-tooltip-wrapper .sync-status-offline-icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .sync-status-tooltip-wrapper .sync-status-success-icon use {
    fill: var(--content-color-success); }
  .sync-status-tooltip-wrapper .sync-status-success-icon svg > path[fill] {
    fill: var(--content-color-success); }
  .sync-status-tooltip-wrapper .sync-status-error-icon use {
    fill: var(--content-color-error); }
  .sync-status-tooltip-wrapper .sync-status-error-icon svg > path[fill] {
    fill: var(--content-color-error); }
  .sync-status-tooltip-wrapper .sync-error-tooltip-heading {
    color: var(--content-color-error); }
  .sync-status-tooltip-wrapper .sync-status-tooltip-header {
    font-size: 12px;
    display: inline;
    margin: 0 0 0 8px;
    vertical-align: top; }
    .sync-status-tooltip-wrapper .sync-status-tooltip-header__online {
      color: var(--content-color-success); }
  .sync-status-tooltip-wrapper .sync-status-tooltip-title {
    font-weight: 800;
    margin-bottom: 8px; }
  .sync-status-tooltip-wrapper .sync-status-tooltip-description {
    display: block;
    margin-top: 8px;
    font-size: 12px; }
  .sync-status-tooltip-wrapper .sync-status-tooltip-button {
    margin-top: 16px; }

.sync-error-modal {
  max-height: 330px;
  scroll-behavior: auto; }
  .sync-error-modal .sync-error-modal--error-icon use {
    fill: var(--content-color-error); }
  .sync-error-modal .sync-error-modal--error-icon svg > path[fill] {
    fill: var(--content-color-error); }
  .sync-error-modal__title {
    font-size: 14px;
    font-weight: 600;
    display: inline;
    margin-left: 8px;
    position: relative;
    bottom: 2px;
    color: var(--content-color-error); }
  .sync-error-modal__text {
    margin-top: 8px;
    color: var(--content-color-primary); }
  .sync-error-modal__element {
    margin-left: 8px; }
  .sync-error-modal__element-title {
    margin-top: 16px;
    margin-bottom: 16px;
    color: var(--content-color-primary);
    font-weight: 600; }
  .sync-error-modal__element-name {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    max-width: 200px;
    color: var(--content-color-primary); }
  .sync-error-modal__support-text {
    color: var(--content-color-error);
    margin-left: 8px;
    margin-bottom: 6px; }
  .sync-error-modal-retry {
    margin-left: 8px;
    margin-top: 16px; }

.sync-status-badge {
  border-radius: 35px;
  cursor: pointer;
  width: 32px;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0px;
  float: right; }
  .sync-status-badge__error, .sync-status-badge__off {
    background-color: var(--background-color-error); }
  .sync-status-badge__connecting {
    background-color: var(--background-color-warning); }
  .sync-status-badge__offline {
    background-color: var(--background-color-tertiary); }
  .sync-status-badge__insync, .sync-status-badge__syncing {
    background-color: var(--background-color-success); }
  .sync-status-badge__text {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    margin-right: var(--spacing-s);
    margin-top: var(--spacing-xs); }
    .sync-status-badge__text-error, .sync-status-badge__text-off {
      color: var(--content-color-error); }
    .sync-status-badge__text-offline {
      color: var(--content-color-secondary); }
    .sync-status-badge__text-connecting {
      color: var(--content-color-warning); }
    .sync-status-badge__text-insync, .sync-status-badge__text-syncing {
      color: var(--content-color-success); }
  .sync-status-badge__icon {
    display: inline-block;
    margin: var(--spacing-xs) var(--spacing-s) var(--spacing-zero) var(--spacing-s); }

.sync-status-wrapper {
  z-index: 1; }

.sync-online-icon__syncing {
  animation: rotate 1s infinite; }
  .sync-online-icon__syncing svg path {
    fill: var(--content-color-success); }

.sync-online-icon__insync svg path {
  fill: var(--content-color-success); }

@keyframes rotate {
  100% {
    transform: rotate(-180deg); } }

.sync-offline-icon__dark svg path {
  fill: var(--content-color-primary); }

.sync-conflict {
  overflow-x: auto; }
  .sync-conflict-modal__tabs {
    border-bottom: 1px solid var(--border-color-strong);
    width: 100%;
    overflow-x: auto; }
    .sync-conflict-modal__tabs::-webkit-scrollbar {
      display: none; }
  .sync-conflict-modal__tab {
    position: relative;
    padding-bottom: 0;
    padding-left: 0;
    max-width: 200px;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .sync-conflict-modal__tab:first-child {
      margin-left: 20px; }
  .sync-conflict-modal__content {
    padding-top: 4px;
    padding-bottom: 32px;
    overflow-y: hidden;
    padding-left: 0;
    padding-right: 0; }
  .sync-conflict-modal__entity-name {
    display: inline-block;
    max-width: 170px;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .sync-conflict__model-icon {
    float: left;
    vertical-align: middle; }
    .sync-conflict__model-icon-disabled {
      opacity: 0.2; }
  .sync-conflict-badge {
    color: var(--content-color-primary);
    background-color: var(--background-color-tertiary);
    height: 16px;
    min-width: 16px;
    margin-left: 8px;
    padding: 0px;
    font-weight: 600;
    pointer-events: none;
    position: absolute;
    right: 0; }
    .sync-conflict-badge-disabled {
      background-color: rgba(236, 236, 236, 0.6);
      color: rgba(80, 80, 80, 0.5); }
  .sync-conflict__conflict-badge {
    margin-left: 8px;
    background-color: var(--base-color-warning);
    border-radius: var(--border-radius-default);
    font-size: 11px;
    color: var(--content-color-constant);
    padding: 0px 6px;
    height: 16px;
    font-weight: 600; }
  .sync-conflict__conflict-wrapper {
    margin-right: 4px;
    margin-top: 22px; }
  .sync-conflict__isLoading {
    position: absolute;
    top: 50%;
    left: 50%; }

.sync-conflict-footer-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin: 20px 10px 20px 0px; }

.sync-conflict-body {
  overflow-y: auto;
  max-height: 100%;
  scroll-behavior: auto;
  overflow-x: hidden;
  padding-left: 20px;
  padding-right: 20px; }

.sync-conflict-tooltip {
  display: flex; }

.sync-conflict-info {
  color: var(--base-color-brand);
  margin-top: 22px; }

.sync-conflict-wrapper {
  display: flex;
  align-items: flex-start; }

.sync-conflict-data-column {
  padding-right: 10px; }

.sync-conflict-data-header {
  display: flex;
  width: 135px;
  min-height: 45px;
  font-weight: 600;
  align-items: center; }

.sync-conflict-data-value {
  width: 135px;
  padding: 10px 5px 0 0;
  word-break: break-word; }

.sync-conflict-checkbox-wrapper {
  display: flex;
  align-items: flex-start; }

.sync-conflict-checkbox {
  flex: 0 0 16px;
  margin-right: 10px; }

.sync-conflict-footer {
  display: flex;
  flex-direction: row-reverse; }
  .sync-conflict-footer .btn.is-focused {
    box-shadow: var(--shadow-focus); }

.sync-conflict-resolve {
  margin-left: 8px;
  width: 280px; }

.sync-conflict-item__property {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: var(--content-color-tertiary);
  display: inline-block; }

.sync-conflict-item__request {
  display: inline; }
  .sync-conflict-item__request-method {
    display: inline;
    font-size: 14px;
    margin-right: 8px; }

.sync-conflict-item-body {
  padding-left: 16px;
  border-left: 1px solid var(--border-color-strong);
  margin-left: 3px;
  margin-top: 24px; }
  .sync-conflict-item-body > div {
    margin-top: 16px; }

.sync-conflict-item-name {
  color: var(--content-color-primary); }

.sync-conflict-item-wrapper:not(:first-child) {
  margin-top: 16px; }

.sync-conflict-radio-selector {
  display: inline;
  margin-left: 16px;
  vertical-align: middle; }

.sync-issue-container {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px; }
  .sync-issue-container .sync-issue-content-left {
    flex: 0 0 271px;
    margin-right: 20px; }
  .sync-issue-container .sync-issue-content-right {
    flex: 1; }
  .sync-issue-container .sync-issue-button {
    width: 100%; }

.sync-issue-detailed-log-container {
  padding-bottom: 20px; }
  .sync-issue-detailed-log-container .sync-issue-detailed-log-head-text {
    padding-bottom: 10px; }

.sync-offline-status-bar {
  min-height: 32px;
  line-height: 18px; }
  .sync-offline-status-bar .infobar__icon-wrapper {
    display: none; }

.workspace-switcher__list .sync-offline-status-bar {
  height: auto; }

.missing-current-workspace-modal {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .missing-current-workspace-modal .missing-current-workspace-modal__wrapper {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative; }
  .missing-current-workspace-modal .missing-current-workspace-thumbnail__container {
    height: 200px;
    width: 200px; }
    .missing-current-workspace-modal .missing-current-workspace-thumbnail__container .missing-current-workspace-thumbnail {
      height: inherit;
      width: inherit;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
      background-size: contain; }
  .missing-current-workspace-modal .missing-current-workspace-modal__content {
    margin-top: 10px; }
  .missing-current-workspace-modal .missing-current-workspace-modal__header {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.8; }
  .missing-current-workspace-modal .missing-current-workspace-modal__subtext {
    font-size: 12px;
    margin: 10px 0 30px;
    opacity: 0.6;
    text-align: center; }
  .missing-current-workspace-modal .missing-current-workspace-modal__action {
    display: flex;
    justify-content: center; }
  .missing-current-workspace-modal .modal-header-close-button {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.6; }

.team-usage-container {
  border-top: 1px solid var(--border-color-default);
  border-bottom: 1px solid var(--border-color-default);
  padding: var(--spacing-l) 0 var(--spacing-xl);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif; }
  .team-usage-container .team-usage-item {
    margin-bottom: 10px; }
    .team-usage-container .team-usage-item .team-usage-item-header {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .team-usage-container .team-usage-item .team-usage-item-header .team-usage-item-title {
        font-size: var(--text-size-m);
        line-height: 20px;
        color: var(--content-color-primary); }
    .team-usage-container .team-usage-item .team-usage-item-body {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      position: relative; }
      .team-usage-container .team-usage-item .team-usage-item-body .team-usage-item-meta {
        font-size: var(--text-size-m);
        position: absolute;
        right: 0;
        display: flex;
        width: 35%;
        flex-flow: wrap;
        justify-content: flex-end;
        color: var(--content-color-secondary); }
        .team-usage-container .team-usage-item .team-usage-item-body .team-usage-item-meta .success {
          color: var(--base-color-success); }
        .team-usage-container .team-usage-item .team-usage-item-body .team-usage-item-meta .warning {
          color: var(--base-color-warning); }
        .team-usage-container .team-usage-item .team-usage-item-body .team-usage-item-meta .error {
          color: var(--base-color-error); }
      .team-usage-container .team-usage-item .team-usage-item-body__progress-indicator {
        background-color: var(--content-color-tertiary); }
      .team-usage-container .team-usage-item .team-usage-item-body__progress-container {
        width: 60%; }
  .team-usage-container .team-usage-item:last-child {
    margin-bottom: 0px; }

.team-usage-loading {
  position: absolute;
  top: 50%;
  left: 50%; }

.team-usage-loading-wrapper {
  position: relative;
  margin: 0 var(--spacing-l) var(--spacing-s); }

.team-usage-loading-wrapper.is-loading {
  opacity: 0.5; }

.team-usage-error {
  border-top: 1px solid var(--border-color-default);
  border-bottom: 1px solid var(--border-color-default);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.team-usage-error-btn {
  display: flex;
  justify-content: center; }

.team-usage-error-title {
  font-size: var(--text-size-l);
  font-weight: 600;
  color: var(--content-color-primary);
  text-align: center; }

.team-usage-error-meta {
  font-size: var(--text-size-m);
  line-height: 20px;
  color: var(--content-color-primary);
  margin: 24px 0px 16px 0px;
  text-align: center; }

.team-usage-item-header .info-button {
  margin-left: 8px; }

.team-usage-item-header .info-button-v3 {
  margin-left: 8px;
  cursor: pointer; }

.info__button-markdown_tooltip {
  color: var(--content-color-primary); }
  .info__button-markdown_tooltip h1,
  .info__button-markdown_tooltip h2,
  .info__button-markdown_tooltip h3,
  .info__button-markdown_tooltip h4,
  .info__button-markdown_tooltip h5,
  .info__button-markdown_tooltip h6 {
    line-height: 1.5;
    margin: 1.5em 0 0.5em; }
  .info__button-markdown_tooltip h1 {
    font-size: 18px;
    font-weight: 700; }
  .info__button-markdown_tooltip h2 {
    font-size: 16px;
    font-weight: 700; }
  .info__button-markdown_tooltip h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700; }
  .info__button-markdown_tooltip h4 {
    font-size: 14px;
    font-weight: 700; }
  .info__button-markdown_tooltip h5 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600; }
  .info__button-markdown_tooltip h6 {
    font-size: 12px;
    font-weight: 600; }
  .info__button-markdown_tooltip hr {
    border-style: none;
    border-width: 0;
    border-bottom: 1px solid var(--border-color-default); }
  .info__button-markdown_tooltip blockquote {
    padding-left: 16px;
    margin-left: 8px;
    border-left: 4px solid var(--border-color-default);
    color: var(--content-color-secondary); }
    .info__button-markdown_tooltip blockquote blockquote {
      margin-left: 20px; }
  .info__button-markdown_tooltip p, .info__button-markdown_tooltip span {
    margin: 3px 0;
    font-size: 12px;
    font-weight: 400; }
  .info__button-markdown_tooltip em {
    font-style: italic; }
  .info__button-markdown_tooltip strong {
    font-weight: var(--text-weight-medium); }
  .info__button-markdown_tooltip ul, .info__button-markdown_tooltip ol {
    margin: 5px; }
  .info__button-markdown_tooltip a {
    color: var(--content-color-link);
    text-decoration: none; }
    .info__button-markdown_tooltip a:hover {
      text-decoration: underline; }
  .info__button-markdown_tooltip pre {
    padding: 3px;
    background-color: var(--background-color-primary);
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
    .info__button-markdown_tooltip pre code {
      padding: 0;
      background-color: transparent;
      border: 0;
      border-radius: 0; }
  .info__button-markdown_tooltip code {
    padding: 1px 3px;
    font-family: "IBMPlexMono", "Cousine", monospace;
    font-size: 12px;
    background-color: var(--background-color-primary);
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
  .info__button-markdown_tooltip table {
    width: 100%;
    margin: 8px 0;
    border-radius: var(--border-radius-default);
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid var(--border-color-default); }
    .info__button-markdown_tooltip table th,
    .info__button-markdown_tooltip table td {
      max-width: 360px;
      padding: 4px 8px;
      word-break: normal;
      vertical-align: top;
      white-space: pre-line;
      border: 1px solid var(--border-color-default); }
      .info__button-markdown_tooltip table th:first-child,
      .info__button-markdown_tooltip table td:first-child {
        border-left: none; }
      .info__button-markdown_tooltip table th:last-child,
      .info__button-markdown_tooltip table td:last-child {
        border-right: none; }
    .info__button-markdown_tooltip table th {
      border-top: none; }
    .info__button-markdown_tooltip table tr:last-child th,
    .info__button-markdown_tooltip table tr:last-child td {
      border-bottom: none; }
  .info__button-markdown_tooltip img {
    max-width: 100%; }

.alert {
  padding: 16px;
  display: flex;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-primary);
  position: relative; }
  .alert a {
    color: var(--content-color-link);
    font-weight: var(--text-weight-regular);
    text-decoration: none; }
  .alert .alert-icon {
    margin: var(--spacing-xs) var(--spacing-s) var(--spacing-zero) var(--spacing-zero); }
  .alert .alert-content {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: center; }
    .alert .alert-content .alert-title {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 8px; }
      .alert .alert-content .alert-title * {
        margin: 0; }
    .alert .alert-content .alert-body {
      font-size: 12px;
      line-height: 20px; }
      .alert .alert-content .alert-body * {
        margin: 0; }
    .alert .alert-content .alert-actions .alert-primary-action {
      margin-right: 16px; }
  .alert .alert-content-shrink {
    padding-right: 30px; }
  .alert .alert-actions {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .alert .alert-dismiss {
    width: 48px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
    .alert .alert-dismiss:hover,
    .alert .alert-dismiss .alert-close:hover {
      cursor: pointer; }

.alert-info {
  background-color: var(--background-color-secondary); }

.alert-success {
  background-color: var(--background-color-success); }

.alert-error {
  background-color: var(--background-color-error); }

.alert-warn {
  background-color: var(--background-color-warning); }

.alert-notification {
  background-color: var(--background-color-info); }

.toast {
  z-index: 1000;
  padding: var(--spacing-l);
  display: flex;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  max-width: 400px;
  background-color: var(--background-color-secondary);
  color: var(--content-color-primary);
  position: relative; }
  .toast a {
    color: var(--base-color-brand);
    text-decoration: none; }
  .toast .toast-icon {
    margin: 2px 8px 0px auto;
    flex-shrink: 0; }
  .toast .toast-content {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: center; }
    .toast .toast-content .toast-title {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 8px; }
      .toast .toast-content .toast-title * {
        margin: 0; }
    .toast .toast-content .toast-body {
      font-size: 12px;
      line-height: 20px; }
      .toast .toast-content .toast-body * {
        margin: 0; }
    .toast .toast-content .toast-actions .toast-primary-action {
      margin-right: 16px; }
    .toast .toast-content .toast-actions .toast-secondary-action-only.btn-text {
      padding-left: 0px; }
  .toast .toast-content-shrink {
    padding-right: var(--spacing-xxl); }
  .toast .toast-actions {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .toast .toast-dismiss {
    width: var(--spacing-xxxl);
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
    .toast .toast-dismiss:hover,
    .toast .toast-dismiss .toast-close:hover {
      cursor: pointer;
      background: var(--highlight-background-color-secondary); }

.toast-info {
  border-left: 4px solid var(--background-color-tertiary); }

.toast-success {
  border-left: 4px solid var(--base-color-success); }

.toast-error {
  border-left: 4px solid var(--base-color-error); }

.toast-warn {
  border-left: 4px solid var(--base-color-warning); }

.tooltip-popover .tooltip-wrapper {
  border: solid 1px var(--base-color-brand);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.tooltip-popover .arrow {
  width: 0.9rem;
  height: 0.46rem;
  filter: none; }
  .tooltip-popover .arrow::after {
    position: absolute;
    content: '';
    border-color: transparent;
    border-style: solid; }

.tooltip-popover.bs-tooltip-top .arrow, .tooltip-popover.bs-tooltip-auto[x-placement^='top'] .arrow {
  bottom: 0;
  margin-left: 1.1rem; }
  .tooltip-popover.bs-tooltip-top .arrow::before, .tooltip-popover.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    top: 0;
    border-width: 0.6rem 0.6rem 0;
    margin-left: -0.6rem;
    border-top-color: var(--base-color-brand); }
  .tooltip-popover.bs-tooltip-top .arrow::after, .tooltip-popover.bs-tooltip-auto[x-placement^='top'] .arrow::after {
    top: 0;
    border-width: 0.5rem 0.5rem 0;
    margin-left: -0.5rem;
    border-top-color: var(--background-color-secondary); }

.tooltip-popover.bs-tooltip-right .arrow, .tooltip-popover.bs-tooltip-auto[x-placement^='right'] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
  margin-top: 1.1rem; }
  .tooltip-popover.bs-tooltip-right .arrow::before, .tooltip-popover.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    right: -1px;
    border-width: 0.6rem 0.6rem 0.6rem 0;
    margin-top: -0.6rem;
    border-right-color: var(--base-color-brand); }
  .tooltip-popover.bs-tooltip-right .arrow::after, .tooltip-popover.bs-tooltip-auto[x-placement^='right'] .arrow::after {
    right: -1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    margin-top: -0.5rem;
    border-right-color: var(--background-color-secondary); }

.tooltip-popover.bs-tooltip-bottom .arrow, .tooltip-popover.bs-tooltip-auto[x-placement^='bottom'] .arrow {
  top: 0;
  margin-left: 1.1rem; }
  .tooltip-popover.bs-tooltip-bottom .arrow::before, .tooltip-popover.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    bottom: 0;
    border-width: 0 0.6rem 0.6rem;
    margin-left: -0.6rem;
    border-bottom-color: var(--base-color-brand); }
  .tooltip-popover.bs-tooltip-bottom .arrow::after, .tooltip-popover.bs-tooltip-auto[x-placement^='bottom'] .arrow::after {
    bottom: 0;
    border-width: 0 0.5rem 0.5rem;
    margin-left: -0.5rem;
    border-bottom-color: var(--background-color-secondary); }

.tooltip-popover.bs-tooltip-left .arrow, .tooltip-popover.bs-tooltip-auto[x-placement^='left'] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
  margin-top: 1.1rem; }
  .tooltip-popover.bs-tooltip-left .arrow::before, .tooltip-popover.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    left: -1px;
    border-width: 0.6rem 0 0.6rem 0.6rem;
    margin-top: -0.6rem;
    border-left-color: var(--base-color-brand); }
  .tooltip-popover.bs-tooltip-left .arrow::after, .tooltip-popover.bs-tooltip-auto[x-placement^='left'] .arrow::after {
    left: -1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    margin-top: -0.5rem;
    border-left-color: var(--background-color-secondary); }

.popover {
  min-height: 50px;
  min-width: 100px;
  max-width: 300px;
  margin: 8px;
  cursor: default;
  color: var(--content-color-primary); }
  .popover .popover-step {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    font-size: 11px; }
    .popover .popover-step .popover-step-title {
      color: var(--base-color-success);
      font-weight: 600;
      display: flex;
      align-items: center;
      line-height: 20px; }
      .popover .popover-step .popover-step-title .pie-progress-wrapper {
        margin-right: 10px; }
    .popover .popover-step .popover-dismiss {
      cursor: pointer;
      align-self: center;
      color: var(--content-color-secondary); }
  .popover .popover-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .popover .popover-header .popover-header-title {
      display: flex;
      font-weight: 600;
      font-size: 14px;
      justify-content: space-between;
      flex: 1;
      overflow: hidden; }
      .popover .popover-header .popover-header-title > span {
        overflow: hidden; }
      .popover .popover-header .popover-header-title .popover-dismiss {
        padding: 3px 0 0 16px; }
  .popover .popover-body {
    margin-top: 8px;
    line-height: 20px; }
    .popover .popover-body .popover-string {
      margin-top: 8px; }
    .popover .popover-body .popover-markdown-label * {
      margin: 0; }
    .popover .popover-body .popover-markdown-label code {
      flex: 1;
      display: flex;
      background: var(--background-color-tertiary);
      border-radius: 2px;
      padding: 5px;
      word-break: break-all;
      margin-top: 10px;
      user-select: all; }
    .popover .popover-body .popover-markdown-label h3 {
      color: var(--content-color-secondary);
      font-weight: 600;
      font-size: 12px; }
    .popover .popover-body .popover-markdown-label a {
      color: var(--base-color-brand); }
    .popover .popover-body .popover-select-list {
      margin-top: 8px;
      flex-shrink: 0; }
      .popover .popover-body .popover-select-list .dropdown {
        width: 100%;
        height: 30px; }
      .popover .popover-body .popover-select-list .dropdown-button .btn {
        width: 100%;
        display: flex; }
        .popover .popover-body .popover-select-list .dropdown-button .btn span {
          flex: 1;
          text-align: left;
          width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .popover .popover-body .popover-select-list .popover-select-list-title {
        font-weight: 600; }
      .popover .popover-body .popover-select-list .popover-select-list-dropdown {
        margin-top: 8px; }
    .popover .popover-body .popover-input {
      margin-top: 8px; }
      .popover .popover-body .popover-input .popover-input-title {
        font-weight: 600; }
      .popover .popover-body .popover-input .popover-input-body {
        margin-top: 8px; }
    .popover .popover-body .popover-checkbox {
      margin-top: 8px; }
      .popover .popover-body .popover-checkbox .popover-checkbox-title {
        font-weight: 600; }
      .popover .popover-body .popover-checkbox .popover-checkbox-item {
        display: flex;
        align-items: center;
        margin-top: 8px; }
      .popover .popover-body .popover-checkbox .popover-checkbox-label {
        margin-left: 8px; }
    .popover .popover-body .popover-radio {
      margin-top: 8px; }
      .popover .popover-body .popover-radio .popover-radio-title {
        font-weight: 600; }
      .popover .popover-body .popover-radio .popover-radio-selector-button-label {
        margin-top: 8px;
        display: flex;
        align-items: center; }
        .popover .popover-body .popover-radio .popover-radio-selector-button-label span {
          margin-left: 8px;
          flex: 1;
          text-align: left;
          width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
    .popover .popover-body .popover-toggle {
      margin-top: 8px; }
      .popover .popover-body .popover-toggle .popover-toggle-title {
        font-weight: 600; }
      .popover .popover-body .popover-toggle .popover-toggle-body {
        margin-top: 8px; }
  .popover .popover-actions {
    display: flex;
    margin-top: 16px;
    justify-content: space-between; }
    .popover .popover-actions .popover-primary-action {
      margin-left: auto;
      background: transparent;
      color: var(--content-color-success); }
    .popover .popover-actions .popover-secondary-action {
      margin-right: auto;
      background: transparent; }

.target-visible {
  visibility: visible; }

.in-app-modal {
  padding: var(--spacing-zero); }
  .in-app-modal-header {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-zero); }
  .in-app-modal-content {
    padding: var(--spacing-zero); }
    .in-app-modal-content-markdown {
      color: var(--content-color-primary); }
      .in-app-modal-content-markdown h1,
      .in-app-modal-content-markdown h2,
      .in-app-modal-content-markdown h3,
      .in-app-modal-content-markdown h4,
      .in-app-modal-content-markdown h5,
      .in-app-modal-content-markdown h6 {
        line-height: 1.5;
        margin: 1.5em 0 0.5em; }
      .in-app-modal-content-markdown h1 {
        font-size: 18px;
        font-weight: 700; }
      .in-app-modal-content-markdown h2 {
        font-size: 16px;
        font-weight: 700; }
      .in-app-modal-content-markdown h3 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700; }
      .in-app-modal-content-markdown h4 {
        font-size: 14px;
        font-weight: 700; }
      .in-app-modal-content-markdown h5 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600; }
      .in-app-modal-content-markdown h6 {
        font-size: 12px;
        font-weight: 600; }
      .in-app-modal-content-markdown hr {
        border-style: none;
        border-width: 0;
        border-bottom: 1px solid var(--border-color-default); }
      .in-app-modal-content-markdown blockquote {
        padding-left: 16px;
        margin-left: 8px;
        border-left: 4px solid var(--border-color-default);
        color: var(--content-color-secondary); }
        .in-app-modal-content-markdown blockquote blockquote {
          margin-left: 20px; }
      .in-app-modal-content-markdown p, .in-app-modal-content-markdown span {
        margin: 3px 0;
        font-size: 12px;
        font-weight: 400; }
      .in-app-modal-content-markdown em {
        font-style: italic; }
      .in-app-modal-content-markdown strong {
        font-weight: var(--text-weight-medium); }
      .in-app-modal-content-markdown ul, .in-app-modal-content-markdown ol {
        margin: 5px; }
      .in-app-modal-content-markdown a {
        color: var(--content-color-link);
        text-decoration: none; }
        .in-app-modal-content-markdown a:hover {
          text-decoration: underline; }
      .in-app-modal-content-markdown pre {
        padding: 3px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
        .in-app-modal-content-markdown pre code {
          padding: 0;
          background-color: transparent;
          border: 0;
          border-radius: 0; }
      .in-app-modal-content-markdown code {
        padding: 1px 3px;
        font-family: "IBMPlexMono", "Cousine", monospace;
        font-size: 12px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
      .in-app-modal-content-markdown table {
        width: 100%;
        margin: 8px 0;
        border-radius: var(--border-radius-default);
        border-spacing: 0;
        border-collapse: collapse;
        border: 1px solid var(--border-color-default); }
        .in-app-modal-content-markdown table th,
        .in-app-modal-content-markdown table td {
          max-width: 360px;
          padding: 4px 8px;
          word-break: normal;
          vertical-align: top;
          white-space: pre-line;
          border: 1px solid var(--border-color-default); }
          .in-app-modal-content-markdown table th:first-child,
          .in-app-modal-content-markdown table td:first-child {
            border-left: none; }
          .in-app-modal-content-markdown table th:last-child,
          .in-app-modal-content-markdown table td:last-child {
            border-right: none; }
        .in-app-modal-content-markdown table th {
          border-top: none; }
        .in-app-modal-content-markdown table tr:last-child th,
        .in-app-modal-content-markdown table tr:last-child td {
          border-bottom: none; }
      .in-app-modal-content-markdown img {
        max-width: 100%; }
    .in-app-modal-content-center {
      text-align: center; }
  .in-app-modal-container {
    z-index: 50;
    position: relative; }

.lesson-center-container {
  display: flex;
  flex-direction: column;
  color: var(--content-color-primary);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  padding: var(--spacing-xxl);
  flex-grow: 1;
  overflow-y: auto;
  background-color: var(--background-color-primary);
  font-size: var(--text-size-m); }
  .lesson-center-container .loading-indicator-wrapper {
    display: flex;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    justify-content: center; }
  .lesson-center-container .lesson-center-header {
    margin: var(--spacing-xl) 0;
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }
  .lesson-center-container .lesson-center-list {
    display: flex; }
    .lesson-center-container .lesson-center-list .lesson-center-list-column {
      flex: 1; }
    .lesson-center-container .lesson-center-list .empty-state {
      display: flex;
      padding-top: 180px;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      height: 420px;
      margin-left: 20px;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      color: var(--content-color-secondary);
      flex-direction: column;
      align-items: center;
      margin-top: var(--spacing-xxl);
      border-radius: var(--border-radius-default); }
      .lesson-center-container .lesson-center-list .empty-state .bootcamp-illustration-title {
        font-size: var(--text-size-l);
        font-weight: var(--text-weight-medium);
        margin: 20px 0 10px; }
      .lesson-center-container .lesson-center-list .empty-state .bootcamp-illustration-content {
        text-align: center;
        padding: 0 var(--spacing-l); }
    .lesson-center-container .lesson-center-list .learning-center-section-title {
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-m);
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium);
      display: flex; }
      .lesson-center-container .lesson-center-list .learning-center-section-title .skills-list-progress {
        font-size: var(--text-size-xs);
        color: var(--content-color-brand);
        margin-left: 10px; }
    .lesson-center-container .lesson-center-list .resuming-learning-list-title {
      align-items: center;
      cursor: pointer; }
    .lesson-center-container .lesson-center-list .resume-learning-list-container {
      margin-bottom: var(--spacing-xl); }
    .lesson-center-container .lesson-center-list .loading-indicator-wrapper {
      display: flex;
      justify-content: center; }

.lesson-list-item {
  cursor: initial; }
  .lesson-list-item .lesson-list-item-description {
    font-weight: var(--text-weight-regular);
    margin-top: 10px;
    font-size: var(--text-size-s);
    color: var(--content-color-secondary); }
  .lesson-list-item .lesson-list-item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
    .lesson-list-item .lesson-list-item-content .lesson-list-item-status.completed {
      color: var(--base-color-success); }
    .lesson-list-item .lesson-list-item-content .lesson-list-item-status.inprogress {
      color: var(--base-color-warning); }
    .lesson-list-item .lesson-list-item-content .lesson-actions {
      display: flex;
      font-size: var(--text-size-xs);
      margin-top: var(--spacing-l); }
      .lesson-list-item .lesson-list-item-content .lesson-actions .lesson-action {
        margin-right: 30px;
        cursor: pointer;
        align-items: center; }
      .lesson-list-item .lesson-list-item-content .lesson-actions .pm-icon {
        margin-right: 5px; }
        .lesson-list-item .lesson-list-item-content .lesson-actions .pm-icon use {
          fill: var(--content-color-secondary); }
        .lesson-list-item .lesson-list-item-content .lesson-actions .pm-icon svg > path[fill] {
          fill: var(--content-color-secondary); }
        .lesson-list-item .lesson-list-item-content .lesson-actions .pm-icon.primary use {
          fill: var(--base-color-brand); }
        .lesson-list-item .lesson-list-item-content .lesson-actions .pm-icon.primary svg > path[fill] {
          fill: var(--base-color-brand); }
      .lesson-list-item .lesson-list-item-content .lesson-actions .action-label {
        display: flex;
        color: var(--content-color-secondary);
        height: 12px; }
        .lesson-list-item .lesson-list-item-content .lesson-actions .action-label.loading {
          color: var(--content-color-tertiary); }
        .lesson-list-item .lesson-list-item-content .lesson-actions .action-label.primary {
          color: var(--base-color-brand);
          align-items: flex-end; }
          .lesson-list-item .lesson-list-item-content .lesson-actions .action-label.primary use {
            fill: var(--base-color-brand); }
          .lesson-list-item .lesson-list-item-content .lesson-actions .action-label.primary svg > path[fill] {
            fill: var(--base-color-brand); }
      .lesson-list-item .lesson-list-item-content .lesson-actions .spinner {
        margin-right: var(--spacing-s); }

.skills-list-container .skill-list-item {
  cursor: pointer; }
  .skills-list-container .skill-list-item .skill-list-item-content {
    display: flex;
    flex-direction: column; }
    .skills-list-container .skill-list-item .skill-list-item-content .skill-list-item-description {
      font-weight: var(--text-weight-regular);
      margin-top: 10px;
      font-size: var(--text-size-s);
      color: var(--content-color-secondary); }
  .skills-list-container .skill-list-item .skill-meta {
    display: flex;
    font-size: var(--text-size-xs);
    margin-top: 10px;
    color: var(--content-color-secondary); }
    .skills-list-container .skill-list-item .skill-meta .skill-lessons-number {
      margin-right: 20px; }

.learning-center-skill .learning-center-skill--main {
  display: flex; }

.learning-center-skill .learning-center-skill--left {
  flex: 1;
  padding-right: 20px; }

.learning-center-skill .learning-center-skill--right {
  padding-left: 20px;
  flex: 1; }

.learning-center-skill .learning-center-back {
  display: inline-flex;
  margin: 20px 0;
  color: var(--content-color-secondary);
  align-items: center;
  cursor: pointer; }
  .learning-center-skill .learning-center-back .learning-center-back-icon {
    margin-right: 10px; }

.learning-center-skill .skill-details {
  display: flex;
  flex-direction: column; }
  .learning-center-skill .skill-details .skill-icon {
    margin-bottom: 16px; }
    .learning-center-skill .skill-details .skill-icon img {
      object-fit: contain; }
  .learning-center-skill .skill-details .skill-name {
    color: var(--content-color-primary);
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 16px; }
  .learning-center-skill .skill-details .skill-description {
    font-size: 12px;
    color: var(--content-color-secondary);
    margin-bottom: 16px; }

.learning-center-skill .skill-additional--lesson-detail {
  display: flex;
  justify-content: space-between;
  padding: 6px 28px 6px 16px; }

.learning-center-skill .skill-additional--label {
  margin-bottom: 16px;
  font-weight: 600; }

.learning-center-skill .skill-additional-resources-content ol {
  padding: unset; }
  .learning-center-skill .skill-additional-resources-content ol li {
    margin: 16px 0px 16px 28px; }
    .learning-center-skill .skill-additional-resources-content ol li p {
      margin: unset; }
      .learning-center-skill .skill-additional-resources-content ol li p:first-child {
        margin-bottom: 4px; }

.learning-center-skill .skill-additional-resources-content a {
  color: var(--content-color-brand);
  text-decoration: none; }
  .learning-center-skill .skill-additional-resources-content a:hover {
    cursor: pointer;
    text-decoration: underline; }
  .learning-center-skill .skill-additional-resources-content a:visited {
    text-decoration: none; }

.learning-center-list-item {
  padding: 20px;
  background: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  font-weight: 600;
  font-size: var(--text-size-m);
  margin-bottom: 16px;
  display: flex;
  flex-direction: row; }
  .learning-center-list-item.skill-list-item {
    filter: drop-shadow(0px 0 2px rgba(0, 0, 0, 0.2)); }
  .learning-center-list-item.lesson-list-item {
    border: 1px solid var(--border-color-default); }
  .learning-center-list-item.lesson-plan-list-item {
    align-items: center;
    height: 20px;
    filter: none;
    border: 1px solid var(--border-color-default); }

.learning-center-list-item-header {
  display: flex;
  justify-content: space-between;
  font-weight: 500; }

.learning-center-list-item-icon {
  margin-right: 15px;
  display: flex; }
  .learning-center-list-item-icon img {
    object-fit: contain; }

.lesson-plan-list-item-content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center; }
  .lesson-plan-list-item-content .lesson-plan-actions {
    display: flex;
    cursor: pointer;
    align-items: center; }
    .lesson-plan-list-item-content .lesson-plan-actions .lesson-plan-start-icon {
      display: flex;
      margin-right: 10px; }
    .lesson-plan-list-item-content .lesson-plan-actions .pm-icon use {
      fill: var(--base-color-brand); }
    .lesson-plan-list-item-content .lesson-plan-actions .pm-icon svg > path[fill] {
      fill: var(--base-color-brand); }
    .lesson-plan-list-item-content .lesson-plan-actions .lesson-plan-start {
      color: var(--content-color-brand);
      font-size: var(--text-size-m);
      font-weight: 600; }

.plugin__learningCenter .learning-center-button {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-weight: var(--text-weight-regular);
  cursor: pointer; }
  .plugin__learningCenter .learning-center-button.loading {
    background-color: var(--background-color-secondary);
    color: var(--content-color-tertiary);
    padding: var(--spacing-xs) var(--spacing-s);
    pointer-events: none;
    cursor: not-allowed; }
  .plugin__learningCenter .learning-center-button .learning-center-label {
    margin-left: var(--spacing-xs);
    position: relative; }
    .plugin__learningCenter .learning-center-button .learning-center-label.dismissable {
      margin-right: 6px;
      margin-left: var(--spacing-xs); }
  .plugin__learningCenter .learning-center-button .sb__item__text {
    margin-bottom: var(--spacing-zero); }
  .plugin__learningCenter .learning-center-button.highlight {
    background: var(--background-color-brand);
    color: var(--content-color-brand);
    padding: var(--spacing-s);
    height: var(--size-s);
    box-sizing: border-box; }
    .plugin__learningCenter .learning-center-button.highlight .pm-icon use {
      fill: var(--content-color-brand); }
    .plugin__learningCenter .learning-center-button.highlight .pm-icon svg > path[fill] {
      fill: var(--content-color-brand); }
  .plugin__learningCenter .learning-center-button .spinner {
    flex-direction: row-reverse; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } }

.spinner {
  display: flex;
  justify-content: space-between;
  width: 14px;
  height: 12px;
  text-align: center;
  font-size: var(--text-size-xs); }
  .spinner > div {
    background-color: var(--content-color-tertiary);
    height: 100%;
    width: 2px;
    border-radius: var(--border-radius-s);
    animation: sk-stretchdelay 1.2s infinite ease-in-out; }
  .spinner .rect-two {
    animation-delay: -1.1s; }
  .spinner .rect-three {
    animation-delay: -1.0s; }
  .spinner .rect-four {
    animation-delay: -0.9s; }
  .spinner .rect-five {
    animation-delay: -0.8s; }

.comment-container {
  position: absolute;
  top: var(--spacing-l);
  right: var(--spacing-zero);
  margin-top: var(--spacing-l);
  overflow: visible;
  background: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default);
  width: 400px;
  z-index: 12; }
  .comment-container::before {
    content: ' ';
    position: absolute;
    top: -6px;
    right: var(--spacing-l);
    box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-width: 6px;
    border-style: var(--border-style-solid);
    border-color: var(--background-color-primary) transparent transparent var(--background-color-primary); }
  .comment-container .app-crash-wrapper {
    padding: var(--spacing-xxl); }
    .comment-container .app-crash-wrapper .app-crash-content-container {
      width: auto; }

.comment-wrapper {
  display: flex;
  color: var(--content-color-link);
  align-items: center;
  line-height: var(--line-height-m); }
  .comment-wrapper .comment-badge {
    background: var(--background-color-tertiary);
    line-height: var(--line-height-s);
    min-width: 8px;
    font-size: var(--text-size-xs);
    margin-left: var(--spacing-xs);
    padding: var(--spacing-zero) var(--spacing-xs);
    border-radius: var(--border-radius-s);
    text-align: center;
    height: var(--size-xs); }
  .comment-wrapper__icon {
    margin-right: var(--spacing-s);
    height: var(--size-xs); }
    .comment-wrapper__icon use {
      fill: var(--content-color-secondary); }
    .comment-wrapper__icon svg > path[fill] {
      fill: var(--content-color-secondary); }
  .comment-wrapper__icon-active {
    margin-right: var(--spacing-s);
    height: var(--size-xs); }
    .comment-wrapper__icon-active use {
      fill: var(--content-color-primary); }
    .comment-wrapper__icon-active svg > path[fill] {
      fill: var(--content-color-primary); }
  .comment-wrapper.is-active {
    color: var(--content-color-primary); }
    .comment-wrapper.is-active .comment-badge {
      color: var(--content-color-primary); }

.comments {
  min-height: 100px;
  position: relative; }
  .comments > .loading-indicator-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .comments .entity-empty {
    padding: var(--spacing-xxl); }
  .comments-tag {
    cursor: pointer;
    background: var(--background-color-brand);
    border-radius: var(--border-radius-default);
    color: var(--content-color-primary) !important;
    padding: var(--spacing-zero) var(--spacing-xs); }
    .comments-tag-private-user {
      cursor: default;
      background-color: var(--background-color-tertiary); }
      .comments-tag-private-user:hover {
        text-decoration: none !important; }
  .comments-item {
    transition: background-color 0.3s ease-in-out; }
    .comments-item__body .edited {
      color: var(--content-color-tertiary);
      font-size: var(--text-size-s); }
    .comments-item--focused {
      background: var(--background-color-brand);
      border-radius: var(--border-radius-default);
      transition: background-color 0.3s ease-in-out; }
  .comments-header {
    display: flex;
    height: var(--size-s);
    align-items: center;
    justify-content: space-between; }
    .comments-header-tooltip-arrow {
      left: var(--spacing-s) !important; }
  .comments-user {
    height: var(--size-s); }
  .comments-input, .comments-item {
    position: relative;
    padding: var(--spacing-l); }
    .comments-input .avatar, .comments-item .avatar {
      left: var(--spacing-l);
      display: inline-flex; }
  .comments-input {
    position: relative;
    display: flex;
    flex-direction: column; }
    .comments-input__actions {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .comments-input__actions-left-options {
      display: flex;
      align-items: center; }
    .comments-input__confirm {
      width: 120px;
      font-weight: var(--text-weight-medium); }
    .comments-input__cancel {
      margin-left: var(--spacing-s);
      color: var(--content-color-tertiary);
      font-weight: var(--text-weight-medium); }
      .comments-input__cancel:hover, .comments-input__cancel.is-focused {
        color: var(--content-color-secondary); }
    .comments-input .textarea {
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-radius: var(--border-radius-default);
      margin-top: var(--spacing-xs);
      min-height: 76px;
      resize: none;
      padding: var(--spacing-s); }
      .comments-input .textarea::placeholder {
        color: var(--content-color-tertiary); }
    .comments-input .comments-refresh {
      color: var(--content-color-tertiary);
      width: var(--size-s);
      min-width: var(--size-s);
      height: var(--size-s); }
      .comments-input .comments-refresh:hover, .comments-input .comments-refresh.is-focused {
        background-color: var(--background-color-tertiary); }
    .comments-input__user {
      display: flex; }
  .comments-footer {
    line-height: var(--line-height-s);
    font-size: var(--text-size-xs);
    color: var(--content-color-secondary);
    text-align: left;
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-xs); }
    .comments-footer__markdown-link {
      cursor: pointer;
      font-weight: var(--text-weight-medium); }
      .comments-footer__markdown-link:hover, .comments-footer__markdown-link.is-hovered {
        text-decoration: underline;
        color: var(--content-color-primary); }
    .comments-footer__user-public-profile-text {
      display: flex;
      align-items: center;
      margin-top: var(--spacing-s);
      font-size: var(--text-size-m);
      margin-bottom: var(--spacing-xs); }
      .comments-footer__user-public-profile-text a {
        color: var(--content-color-link); }
      .comments-footer__user-public-profile-text .pm-icon {
        margin-right: var(--spacing-s); }
  .comments--add-comment {
    margin: var(--spacing-s); }
  .comments-tag-list {
    font-size: var(--text-size-m);
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: overlay;
    list-style: none;
    padding-left: var(--spacing-zero);
    position: absolute;
    top: calc(100% - 60px);
    left: var(--spacing-l);
    width: 280px;
    background: var(--background-color-primary);
    box-shadow: var(--shadow-default);
    color: var(--content-color-primary);
    z-index: 8;
    margin-top: var(--spacing-s); }
    .comments-tag-list__wrapper {
      display: flex; }
    .comments-tag-list .avatar {
      padding: 6px var(--spacing-s);
      display: inherit; }
    .comments-tag-list__user {
      line-height: var(--line-height-l);
      padding: 6px var(--spacing-s) 6px var(--spacing-zero);
      width: calc(100% - 56px);
      display: flex; }
    .comments-tag-list__name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: calc(66% - 8px);
      padding-right: var(--spacing-s);
      flex: none; }
    .comments-tag-list__username {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--content-color-tertiary); }
    .comments-tag-list__item {
      cursor: pointer; }
      .comments-tag-list__item:hover, .comments-tag-list__item.focused {
        background: var(--background-color-secondary); }
  .comments-list {
    list-style: none;
    padding: var(--spacing-zero);
    margin: var(--spacing-s) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
    max-height: 300px;
    overflow: auto; }
  .comments-item {
    position: relative;
    padding-top: var(--spacing-s);
    padding-bottom: var(--spacing-s);
    padding-right: var(--spacing-l); }
    .comments-item__time {
      color: var(--content-color-secondary);
      text-align: right;
      margin-left: var(--spacing-s); }
    .comments-item__creator {
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      display: inline-block;
      flex: 1;
      color: var(--content-color-primary);
      margin-left: var(--spacing-s);
      line-height: var(--line-height-l); }
      .comments-item__creator:hover {
        color: var(--content-color-primary);
        text-decoration: none; }
    .comments-item__body {
      color: var(--content-color-primary);
      color: var(--content-color-primary);
      overflow-wrap: break-word;
      word-break: break-word;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin: var(--spacing-zero);
      margin-left: var(--spacing-xxl); }
      .comments-item__body h1,
      .comments-item__body h2,
      .comments-item__body h3,
      .comments-item__body h4,
      .comments-item__body h5,
      .comments-item__body h6 {
        line-height: 1.5;
        margin: 1.5em 0 0.5em; }
      .comments-item__body h1 {
        font-size: 18px;
        font-weight: 700; }
      .comments-item__body h2 {
        font-size: 16px;
        font-weight: 700; }
      .comments-item__body h3 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700; }
      .comments-item__body h4 {
        font-size: 14px;
        font-weight: 700; }
      .comments-item__body h5 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600; }
      .comments-item__body h6 {
        font-size: 12px;
        font-weight: 600; }
      .comments-item__body hr {
        border-style: none;
        border-width: 0;
        border-bottom: 1px solid var(--border-color-default); }
      .comments-item__body blockquote {
        padding-left: 16px;
        margin-left: 8px;
        border-left: 4px solid var(--border-color-default);
        color: var(--content-color-secondary); }
        .comments-item__body blockquote blockquote {
          margin-left: 20px; }
      .comments-item__body p, .comments-item__body span {
        margin: 3px 0;
        font-size: 12px;
        font-weight: 400; }
      .comments-item__body em {
        font-style: italic; }
      .comments-item__body strong {
        font-weight: var(--text-weight-medium); }
      .comments-item__body ul, .comments-item__body ol {
        margin: 5px; }
      .comments-item__body a {
        color: var(--content-color-link);
        text-decoration: none; }
        .comments-item__body a:hover {
          text-decoration: underline; }
      .comments-item__body pre {
        padding: 3px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
        .comments-item__body pre code {
          padding: 0;
          background-color: transparent;
          border: 0;
          border-radius: 0; }
      .comments-item__body code {
        padding: 1px 3px;
        font-family: "IBMPlexMono", "Cousine", monospace;
        font-size: 12px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
      .comments-item__body table {
        width: 100%;
        margin: 8px 0;
        border-radius: var(--border-radius-default);
        border-spacing: 0;
        border-collapse: collapse;
        border: 1px solid var(--border-color-default); }
        .comments-item__body table th,
        .comments-item__body table td {
          max-width: 360px;
          padding: 4px 8px;
          word-break: normal;
          vertical-align: top;
          white-space: pre-line;
          border: 1px solid var(--border-color-default); }
          .comments-item__body table th:first-child,
          .comments-item__body table td:first-child {
            border-left: none; }
          .comments-item__body table th:last-child,
          .comments-item__body table td:last-child {
            border-right: none; }
        .comments-item__body table th {
          border-top: none; }
        .comments-item__body table tr:last-child th,
        .comments-item__body table tr:last-child td {
          border-bottom: none; }
      .comments-item__body img {
        max-width: 100%; }
    .comments-item--deleting .comments-item__actions {
      display: block; }
    .comments-item--deleting .comments-item__time {
      display: none; }
    .comments-item--editable:hover, .comments-item--deletable:hover, .comments-item--copy-link:hover {
      background: var(--background-color-secondary); }
      .comments-item--editable:hover .comments-item__actions, .comments-item--deletable:hover .comments-item__actions, .comments-item--copy-link:hover .comments-item__actions {
        display: block; }
      .comments-item--editable:hover .comments-item__time, .comments-item--deletable:hover .comments-item__time, .comments-item--copy-link:hover .comments-item__time {
        display: none; }
    .comments-item__actions {
      display: none; }
      .comments-item__actions .btn {
        padding: var(--spacing-zero);
        min-width: initial;
        height: var(--size-s);
        padding: 6px; }
        .comments-item__actions .btn use {
          fill: var(--content-color-tertiary); }
        .comments-item__actions .btn svg > path[fill] {
          fill: var(--content-color-tertiary); }
        .comments-item__actions .btn:hover {
          background-color: var(--background-color-tertiary); }
          .comments-item__actions .btn:hover use {
            fill: var(--content-color-secondary); }
          .comments-item__actions .btn:hover svg > path[fill] {
            fill: var(--content-color-secondary); }
        .comments-item__actions .btn.copy-link {
          margin-right: var(--spacing-s); }
          .comments-item__actions .btn.copy-link.success use {
            fill: var(--base-color-success); }
          .comments-item__actions .btn.copy-link.success svg > path[fill] {
            fill: var(--base-color-success); }
          .comments-item__actions .btn.copy-link.success.is-disabled {
            opacity: 1; }
        .comments-item__actions .btn.edit {
          margin-right: var(--spacing-s); }
        .comments-item__actions .btn.is-disabled {
          opacity: 0.4;
          pointer-events: none; }

.copy-comment-link-button {
  display: inline-block; }

.inline-comment-button {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  padding: var(--spacing-zero) var(--spacing-xs);
  background-color: var(--background-color-primary); }
  .inline-comment-button i {
    margin-right: var(--spacing-s); }
  .inline-comment-button .comment-badge {
    height: var(--size-xs);
    width: var(--size-xs);
    margin-left: var(--spacing-xs);
    background-color: var(--background-color-tertiary); }

.inline-comment .tooltip-wrapper {
  padding: var(--spacing-xs); }

.inline-comment__tooltip-arrow::before {
  border-right-color: var(--background-color-primary) !important;
  border-left-color: var(--background-color-primary) !important; }

.inline-comment .comments {
  min-height: 50px; }

.inline-comment__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--background-color-secondary);
  padding: var(--spacing-xs) var(--spacing-l); }
  .inline-comment__header-comment {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium); }
    .inline-comment__header-comment .comment-badge {
      height: var(--size-xs);
      width: var(--size-xs);
      padding: var(--spacing-zero) var(--spacing-xs);
      background-color: var(--background-color-tertiary); }

.inline-comment__footer {
  padding: var(--spacing-zero) 6px var(--spacing-m); }

.inline-comment.comment {
  z-index: 110;
  width: 350px; }
  .inline-comment.comment .tooltip-wrapper {
    min-width: 350px;
    max-height: 520px;
    overflow: hidden;
    background-color: var(--background-color-primary); }
  .inline-comment.comment .comments-list {
    max-height: 250px;
    margin-top: var(--spacing-zero); }

.inline-comment-available {
  background-color: var(--background-color-brand); }
  .inline-comment-available:hover {
    background-color: rgba(255, 108, 55, 0.2); }
  .inline-comment-available__focused {
    background-color: rgba(255, 108, 55, 0.2); }

.comment-drawer {
  height: 100%;
  display: flex;
  padding: var(--spacing-zero) var(--spacing-s);
  overflow-y: auto; }
  .comment-drawer .comments {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: unset;
    width: 100%; }
    .comment-drawer .comments .comments-list {
      max-height: unset; }

.inline-comment-drawer-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .inline-comment-drawer-wrapper .inline-comment-drawer-blankstate {
    max-width: 100%; }
  .inline-comment-drawer-wrapper__loading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .inline-comment-drawer-wrapper__loading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .inline-comment-drawer-wrapper__empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    color: var(--content-color-primary);
    text-align: center;
    line-height: var(--line-height-m); }
    .inline-comment-drawer-wrapper__empty-state__illustration {
      margin-bottom: var(--spacing-l); }
    .inline-comment-drawer-wrapper__empty-state-title {
      color: var(--content-color-secondary); }
    .inline-comment-drawer-wrapper__empty-state-description {
      margin-top: var(--spacing-l); }
    .inline-comment-drawer-wrapper__empty-state-button {
      display: inline;
      padding: var(--spacing-zero); }
    .inline-comment-drawer-wrapper__empty-state-doc {
      margin-top: var(--spacing-s); }
  .inline-comment-drawer-wrapper .inline-doc-link {
    cursor: pointer;
    color: var(--content-color-link); }

.inline-comment-drawer {
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  margin: var(--spacing-s) var(--spacing-zero);
  border-radius: var(--border-radius-s); }
  .inline-comment-drawer .comments-list {
    overflow: unset;
    max-height: unset;
    margin-top: var(--spacing-zero); }
  .inline-comment-drawer .overflow-seperator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--spacing-s) var(--spacing-zero);
    cursor: pointer; }
    .inline-comment-drawer .overflow-seperator hr {
      margin: var(--spacing-zero);
      width: 60px;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .inline-comment-drawer .overflow-seperator span {
      padding: var(--spacing-zero) var(--spacing-s);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary); }
  .inline-comment-drawer__header.is-resolved {
    background-color: var(--background-color-tertiary); }
  .inline-comment-drawer__header {
    height: 20px;
    padding: 10px var(--spacing-l);
    background-color: var(--background-color-secondary);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .inline-comment-drawer__header-left {
      width: calc(100% - 68px);
      color: var(--content-color-secondary);
      display: flex;
      align-items: center; }
    .inline-comment-drawer__header-left.is-orphaned {
      text-decoration: line-through; }
    .inline-comment-drawer__header--value {
      font-weight: var(--text-weight-medium);
      height: var(--size-xs);
      color: var(--content-color-primary);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-left: var(--spacing-xs); }
    .inline-comment-drawer__header--anchor {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .inline-comment-drawer__header--anchor-entity {
        cursor: pointer; }
    .inline-comment-drawer__header-resolved {
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-medium); }
  .inline-comment-drawer__content.is-resolved {
    background-color: var(--background-color-secondary); }
  .inline-comment-drawer__content--update-badge {
    display: flex;
    align-items: center;
    height: 40px;
    cursor: pointer;
    background-color: var(--background-color-brand);
    color: var(--content-color-link);
    font-weight: var(--text-weight-medium);
    padding-left: 20px; }
  .inline-comment-drawer__actions {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: var(--spacing-s) var(--spacing-zero) var(--spacing-zero);
    flex: 0 1 auto; }
    .inline-comment-drawer__actions-helptext {
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }
    .inline-comment-drawer__actions .dropdown-button.is-open .btn-icon.btn-icon-rect.inline-comment-drawer__actions-filter-button {
      background-color: var(--highlight-background-color-tertiary); }
    .inline-comment-drawer__actions .btn-icon.btn-icon-rect.inline-comment-drawer__actions-filter-button {
      height: var(--size-s);
      width: var(--size-s);
      background-color: var(--background-color-tertiary); }
    .inline-comment-drawer__actions .btn-icon.btn-icon-rect.inline-comment-drawer__actions-filter-button:hover {
      background-color: var(--highlight-background-color-tertiary); }
    .inline-comment-drawer__actions-filter-menu {
      height: 108px;
      width: 153px;
      background-color: var(--background-color-primary); }
    .inline-comment-drawer__actions-filter--action-header {
      margin-left: var(--spacing-s);
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
    .inline-comment-drawer__actions-filter--action-item {
      margin-top: var(--spacing-m);
      margin-left: var(--spacing-l); }
      .inline-comment-drawer__actions-filter--action-item-name {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        margin-left: var(--spacing-s); }
  .inline-comment-drawer__footer.is-resolved {
    background-color: var(--background-color-secondary); }
  .inline-comment-drawer__footer {
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-m) 10px;
    display: flex;
    justify-content: space-between; }
    .inline-comment-drawer__footer--add-comment {
      display: flex;
      align-items: center;
      width: 100%; }
    .inline-comment-drawer__footer--show-all {
      display: flex;
      align-items: center;
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary);
      cursor: pointer;
      width: 100%;
      justify-content: flex-end; }
      .inline-comment-drawer__footer--show-all .comment-badge {
        background: var(--content-color-tertiary);
        line-height: var(--size-xs);
        min-width: 8px;
        font-size: var(--text-size-xs);
        margin-left: var(--spacing-xs);
        padding: var(--spacing-zero) var(--spacing-xs);
        border-radius: var(--border-radius-s);
        text-align: center;
        height: var(--size-xs);
        color: var(--content-color-constant); }

.comment-filter-dropdown-item-checkbox {
  display: inline-flex; }

.comment-filter-dropdown-item-checkbox.is-selected {
  background-color: var(--base-color-brand); }

.comment-drawer--tabs .tab {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  padding: var(--spacing-zero);
  margin-right: var(--spacing-xl);
  height: 40px;
  display: flex;
  align-items: flex-end; }

.comment-drawer--tabs .tab--inline {
  position: relative; }

.comment-drawer--tabs :not(.is-active) {
  color: var(--content-color-tertiary); }

.resolve-thread-confirmation-modal .delete-confirmation-modal-delete-button {
  background-color: var(--base-color-brand); }

.comment-drawer-container {
  display: flex;
  flex-direction: column;
  font-size: var(--text-size-m);
  height: 100%; }
  .comment-drawer-container__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-s); }
    .comment-drawer-container__header-title {
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xl);
      line-height: var(--line-height-xl); }
  .comment-drawer-container__actions {
    display: flex;
    align-items: center; }
    .comment-drawer-container__actions .dropdown-button.is-open .btn-icon.btn-icon-rect.comment-drawer-container__actions-filter-button {
      background-color: var(--highlight-background-color-tertiary); }
    .comment-drawer-container__actions .btn-icon.btn-icon-rect.comment-drawer-container__actions-filter-button {
      height: var(--size-s);
      width: var(--size-s);
      background-color: var(--background-color-tertiary); }
    .comment-drawer-container__actions .btn-icon.btn-icon-rect.comment-drawer-container__actions-filter-button:hover {
      background-color: var(--highlight-background-color-tertiary); }
    .comment-drawer-container__actions-filter-menu {
      height: 108px;
      width: 153px;
      background-color: var(--background-color-primary); }
    .comment-drawer-container__actions-filter--action-header {
      margin-left: var(--spacing-s);
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
    .comment-drawer-container__actions-filter--action-item {
      margin-top: 10px;
      margin-left: var(--spacing-l); }
      .comment-drawer-container__actions-filter--action-item-name {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        margin-left: var(--spacing-s); }

.comment-drawer-container.no-scroll .comment-drawer {
  overflow: hidden; }

.release-notes-editor {
  padding: 20px;
  background-color: var(--background-color-primary);
  flex: 1;
  overflow: auto; }
  .release-notes-editor .markdown-base-content {
    max-width: 640px;
    margin: 0 auto; }
  .release-notes-editor .markdown-editor-text h1, .release-notes-editor .markdown-editor-text h2, .release-notes-editor .markdown-editor-text h3, .release-notes-editor .markdown-editor-text h4, .release-notes-editor .markdown-editor-text h5, .release-notes-editor .markdown-editor-text h6 {
    text-transform: none !important;
    margin: 1em 0 0 0 !important; }
  .release-notes-editor .markdown-editor-text h1 {
    margin-top: 0 !important; }
  .release-notes-editor .markdown-editor-text img {
    margin: 1em 0 !important; }
  .release-notes-editor .markdown-editor-text p {
    margin-bottom: 1em !important; }

.share-entity-modal-container {
  display: flex;
  flex-direction: column;
  font-size: var(--text-size-m); }
  .share-entity-modal-container .share-entity-modal-container--modal-content {
    overflow-y: hidden; }
    .share-entity-modal-container .share-entity-modal-container--modal-content .share-modal {
      padding: 0px 4px; }
  .share-entity-modal-container .has-options {
    padding-bottom: 0px; }
  .share-entity-modal-container .infobar {
    margin: -20px -20px 0 -20px; }
  .share-entity-modal-container .move-only-infobar .infobar {
    margin: -8px 0 var(--spacing-l) 0;
    padding-right: var(--spacing-l); }
  .share-entity-modal-container .share-entity-modal-container--tabs {
    margin-bottom: var(--spacing-s); }
    .share-entity-modal-container .share-entity-modal-container--tabs :first-child .tab-text-wrapper {
      margin-left: 0; }
    .share-entity-modal-container .share-entity-modal-container--tabs + .infobar {
      margin-top: -16px; }
  .share-entity-modal-container .share-entity-modal-container--action {
    margin-left: 8px; }
  .share-entity-modal-container .share-entity-modal-container--infobar-icon {
    margin-right: var(--spacing-s); }
    .share-entity-modal-container .share-entity-modal-container--infobar-icon use {
      fill: var(--base-color-error); }
    .share-entity-modal-container .share-entity-modal-container--infobar-icon svg > path[fill] {
      fill: var(--base-color-error); }
    .share-entity-modal-container .share-entity-modal-container--infobar-icon.is-offline {
      display: flex; }
      .share-entity-modal-container .share-entity-modal-container--infobar-icon.is-offline use {
        fill: var(--base-color-warning); }
      .share-entity-modal-container .share-entity-modal-container--infobar-icon.is-offline svg > path[fill] {
        fill: var(--base-color-warning); }
  .share-entity-modal-container .share-entity-modal-container--move-only-infobar-icon {
    margin-right: var(--spacing-s); }
  .share-entity-modal-container__header {
    flex-grow: 0; }
  .share-entity-modal-container__via-workspace {
    padding-top: var(--spacing-s); }
    .share-entity-modal-container__via-workspace__heading {
      margin-top: var(--spacing-l); }
    .share-entity-modal-container__via-workspace__link {
      margin-top: var(--spacing-s); }
      .share-entity-modal-container__via-workspace__link__input input {
        color: transparent;
        text-shadow: 0 0 0 var(--content-color-primary); }
    .share-entity-modal-container__via-workspace__move-button {
      margin-left: var(--spacing-xs);
      font-size: var(--text-size-s); }
    .share-entity-modal-container__via-workspace__move-section {
      padding-top: var(--spacing-s);
      margin-top: var(--spacing-s);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.workspace-list-item {
  padding: 0 8px;
  min-height: 58px;
  max-height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .workspace-list-item:hover {
    background-color: var(--highlight-background-color-primary); }
  .workspace-list-item.is-selected {
    background-color: var(--background-color-brand); }
  .workspace-list-item.is-disabled:not(.is-view-mode) {
    cursor: default; }
    .workspace-list-item.is-disabled:not(.is-view-mode) .avatar-group,
    .workspace-list-item.is-disabled:not(.is-view-mode) .workspace-list-item__details {
      opacity: 0.5; }
  .workspace-list-item.is-disabled, .workspace-list-item.is-view-mode {
    background-color: transparent; }
  .workspace-list-item.is-view-mode {
    padding: 0 0 0 4px; }
  .workspace-list-item .avatar-group {
    margin: 0; }
  .workspace-list-item__workspace-subtitle {
    max-width: 100%;
    font-size: 11px;
    display: inline-flex;
    color: var(--content-color-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .workspace-list-item__public-share-tooltip {
    display: inline-flex;
    align-items: center; }
    .workspace-list-item__public-share-tooltip .pm-icon {
      width: 14px;
      height: 14px;
      margin: var(--spacing-zero) var(--spacing-s); }
  .workspace-list-item .workspace-list-item__details-container {
    flex: 1;
    display: flex;
    min-width: 0; }
    .workspace-list-item .workspace-list-item__details-container .workspace-list-item__details {
      flex: 1;
      margin-left: 8px;
      min-width: 0; }
      .workspace-list-item .workspace-list-item__details-container .workspace-list-item__details .workspace-list-item__workspace-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600; }
      .workspace-list-item .workspace-list-item__details-container .workspace-list-item__details .workspace-list-item__workspace-members {
        max-width: 100%;
        font-size: 11px;
        padding-right: 4px;
        display: inline-flex;
        color: var(--content-color-secondary);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .workspace-list-item .workspace-list-item__details-container .workspace-list-item__workspace-action {
      font-weight: 600;
      font-size: 11px;
      margin-left: 12px;
      color: var(--content-color-secondary);
      display: flex;
      align-items: center; }
      .workspace-list-item .workspace-list-item__details-container .workspace-list-item__workspace-action .btn-secondary {
        min-width: 54px;
        height: 24px; }
      .workspace-list-item .workspace-list-item__details-container .workspace-list-item__workspace-action .is-unjoined-and-shared {
        margin-right: 24px; }
      .workspace-list-item .workspace-list-item__details-container .workspace-list-item__workspace-action .radio {
        height: 16px;
        width: 16px;
        border: 1px solid var(--base-color-brand);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .workspace-list-item .workspace-list-item__details-container .workspace-list-item__workspace-action .radio .radio-inner {
          height: 14px;
          width: 14px;
          background-color: var(--base-color-brand);
          border-radius: 50%; }
  .workspace-list-item__visibility-icon {
    margin-top: var(--spacing-m);
    margin-left: var(--spacing-m); }

.workspace-filter {
  margin: 8px 0; }
  .workspace-filter .workspace-filter__text-container {
    user-select: none;
    display: flex; }
    .workspace-filter .workspace-filter__text-container .workspace-filter__text-container--filter-by {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .workspace-filter .workspace-filter__text-container .workspace-filter__text-container--filter-by .workspace-filter__text-container-title {
        color: var(--content-color-secondary);
        font-weight: 600; }
      .workspace-filter .workspace-filter__text-container .workspace-filter__text-container--filter-by .workspace-filter__text-container-title--icon {
        margin-left: var(--spacing-xs);
        display: flex; }
    .workspace-filter .workspace-filter__text-container .workspace-filter__text-container--clear {
      color: var(--content-color-secondary);
      font-size: 11px;
      margin-left: 16px;
      cursor: pointer; }
    .workspace-filter .workspace-filter__text-container .workspace-filter__text-container--clear--highlight {
      color: var(--content-color-brand); }
    .workspace-filter .workspace-filter__text-container .dropdown-button {
      line-height: 0; }
  .workspace-filter .workspace-filter__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
    user-select: none;
    min-height: 30px; }
    .workspace-filter .workspace-filter__filters .workspace-filter__filters-ws {
      display: flex; }
      .workspace-filter .workspace-filter__filters .workspace-filter__filters-ws .workspace-filter__filters-ws__title {
        color: var(--content-color-secondary);
        font-size: 11px;
        font-weight: 600; }
      .workspace-filter .workspace-filter__filters .workspace-filter__filters-ws .workspace-filter__filters-ws-types {
        display: flex;
        color: var(--content-color-secondary); }
        .workspace-filter .workspace-filter__filters .workspace-filter__filters-ws .workspace-filter__filters-ws-types .workspace-filter__filters-ws-type {
          display: flex;
          margin: 0 8px;
          cursor: pointer; }
          .workspace-filter .workspace-filter__filters .workspace-filter__filters-ws .workspace-filter__filters-ws-types .workspace-filter__filters-ws-type .workspace-filter__filters-ws-type-name {
            margin-left: 8px; }
    .workspace-filter .workspace-filter__filters .workspace-filter__separator {
      height: 24px;
      width: 1px;
      background-color: var(--border-color-strong);
      margin: 0 8px; }
    .workspace-filter .workspace-filter__filters .workspace-filter__people-container {
      display: flex;
      align-items: center;
      user-select: none;
      position: relative; }
    .workspace-filter .workspace-filter__filters .workspace_filter__tag {
      margin: 2px; }

.select-dropdown-container .dropdown-menu {
  background-color: transparent;
  padding: var(--spacing-zero);
  box-shadow: unset; }

.select-dropdown-container .select-dropdown {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  background-color: var(--background-color-primary);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-default);
  padding: 8px;
  max-height: 260px;
  width: 230px; }
  .select-dropdown-container .select-dropdown .input-search-group {
    border-radius: var(--border-radius-default);
    margin-bottom: 4px;
    margin-top: 8px;
    min-height: 30px; }
  .select-dropdown-container .select-dropdown .select-dropdown-list.isLoading {
    overflow: unset;
    margin: auto; }
  .select-dropdown-container .select-dropdown .select-dropdown-list {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--content-color-secondary); }
    .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item {
      cursor: pointer;
      user-select: none;
      padding: 8px 4px;
      position: relative;
      height: 18px;
      display: flex;
      align-items: center; }
      .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item .select-dropdown-item-text {
        color: var(--content-color-primary);
        margin-left: 8px;
        width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item .select-dropdown-item-checkbox {
        position: absolute;
        right: 4px; }
      .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item .input-checkbox.is-selected {
        background-color: var(--base-color-brand); }
      .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item:hover {
        background-color: var(--highlight-background-color-primary); }
    .select-dropdown-container .select-dropdown .select-dropdown-list .select-dropdown-item:nth-of-type(1) {
      margin-top: 8px; }

.modify-permissions-container__content {
  height: 430px;
  padding-right: var(--spacing-zero);
  padding-top: var(--spacing-zero); }
  .modify-permissions-container__content--extend {
    padding-right: var(--spacing-xl); }
  .modify-permissions-container__content__banner-container {
    padding-right: var(--spacing-xl); }

.modify-permissions-container__no-access-content {
  height: 500px; }

.modify-permissions-container .infobar {
  margin: -20px -20px 8px -20px; }

.modify-permissions-container--infobar__info-icon {
  margin-right: 10px; }
  .modify-permissions-container--infobar__info-icon use {
    fill: var(--base-color-brand); }
  .modify-permissions-container--infobar__info-icon svg > path[fill] {
    fill: var(--base-color-brand); }

.modify-permissions-container .modify-permissions-container--infobar-icon {
  margin-right: 10px; }
  .modify-permissions-container .modify-permissions-container--infobar-icon use {
    fill: var(--base-color-error); }
  .modify-permissions-container .modify-permissions-container--infobar-icon svg > path[fill] {
    fill: var(--base-color-error); }
  .modify-permissions-container .modify-permissions-container--infobar-icon.is-offline use {
    fill: var(--base-color-warning); }
  .modify-permissions-container .modify-permissions-container--infobar-icon.is-offline svg > path[fill] {
    fill: var(--base-color-warning); }

.modify-permissions--banner {
  display: flex;
  align-items: center;
  background: var(--background-color-success);
  margin-bottom: 16px;
  padding: 0px 16px;
  flex: 1 0 auto; }
  .modify-permissions--banner-success svg use {
    fill: var(--base-color-success); }
  .modify-permissions--banner-text {
    margin: 10px 0px 10px 16px;
    line-height: 20px; }
  .modify-permissions--banner-close {
    cursor: pointer;
    margin-left: auto; }

.modify-permissions-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%; }

.modify-permissions {
  display: flex;
  overflow: hidden;
  height: 100%; }
  .modify-permissions.is-loading {
    align-items: center;
    justify-content: center; }
  .modify-permissions .modify-permissions--editor {
    flex: 2;
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
    .modify-permissions .modify-permissions--editor .modify-permissions--editor__information {
      display: flex;
      flex-direction: row;
      margin: 12px 0px 12px 0px;
      align-items: flex-start; }
      .modify-permissions .modify-permissions--editor .modify-permissions--editor__information .modify-permissions--editor--information__workspace-name {
        font-weight: 600; }
      .modify-permissions .modify-permissions--editor .modify-permissions--editor__information .modify-permissions--editor--information__text {
        padding-left: 8px; }
      .modify-permissions .modify-permissions--editor .modify-permissions--editor__information .modify-permissions--editor--information__icon {
        padding-top: var(--spacing-xs); }
      .modify-permissions .modify-permissions--editor .modify-permissions--editor__information .modify-permissions--editor--information__plan-link {
        padding-left: 4px; }
    .modify-permissions .modify-permissions--editor .modify-permissions--search {
      margin-right: 10px;
      margin-top: var(--spacing-s); }
      .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container {
        padding-left: 2px; }
        .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container .user-suggestion .avatar {
          margin-right: var(--spacing-s); }
        .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container .user-suggestion__group-tag {
          width: var(--size-s);
          height: var(--size-s);
          padding: var(--spacing-zero) var(--spacing-xs);
          margin-right: var(--spacing-s);
          align-items: center;
          justify-content: center;
          align-self: center;
          background: var(--background-color-tertiary);
          border-radius: var(--border-radius-max); }
        .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container .user-suggestion-details {
          height: 100%;
          width: 100%; }
          .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container .user-suggestion-details__name {
            max-width: 600px; }
          .modify-permissions .modify-permissions--editor .modify-permissions--search__input-container .user-suggestion-details__email {
            margin-top: var(--spacing-zero); }
      .modify-permissions .modify-permissions--editor .modify-permissions--search .input-search-group {
        height: 40px;
        border-radius: var(--border-radius-default); }
    .modify-permissions .modify-permissions--editor .modify-permissions--roles-container {
      flex: 1;
      overflow-y: auto;
      padding-right: var(--spacing-s); }
      .modify-permissions .modify-permissions--editor .modify-permissions--roles-container--full-width {
        padding-right: var(--spacing-xl); }
      .modify-permissions .modify-permissions--editor .modify-permissions--roles-container .permission-list {
        margin-bottom: var(--spacing-zero); }
      .modify-permissions .modify-permissions--editor .modify-permissions--roles-container__infobar .infobar-warn {
        background-color: rgba(242, 107, 58, 0.1); }
      .modify-permissions .modify-permissions--editor .modify-permissions--roles-container__infobar .infobar__text-wrapper p a {
        font-weight: normal;
        color: var(--content-color-brand); }
      .modify-permissions .modify-permissions--editor .modify-permissions--roles-container__infobar .infobar {
        margin: unset; }
    .modify-permissions .modify-permissions--editor .modify-permissions--main {
      display: flex;
      align-items: center; }
      .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-title {
        flex: 1;
        margin-left: 8px; }
      .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-roles {
        margin-right: 28px; }
        .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-roles .dropdown {
          width: 170px; }
        .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-roles .dropdown-button .btn {
          width: 100%;
          display: flex;
          justify-content: space-between; }
        .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-roles .modify-permissions--main-roles--name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .modify-permissions .modify-permissions--editor .modify-permissions--main.is-bulk {
        margin-left: 0; }
        .modify-permissions .modify-permissions--editor .modify-permissions--main.is-bulk .modify-permissions--main-title {
          margin-left: 0; }
        .modify-permissions .modify-permissions--editor .modify-permissions--main.is-bulk .modify-permissions--main-roles {
          margin-right: 4px; }
      .modify-permissions .modify-permissions--editor .modify-permissions--main .modify-permissions--main-image .team-logo--image {
        height: 24px;
        width: 24px; }
    .modify-permissions .modify-permissions--editor .modify-permissions--workspaces__team-access {
      display: inline-flex; }
      .modify-permissions .modify-permissions--editor .modify-permissions--workspaces__team-access .pm-icon {
        padding-top: 2px; }
      .modify-permissions .modify-permissions--editor .modify-permissions--workspaces__team-access .btn-text {
        padding: 0;
        margin-left: 4px; }
      .modify-permissions .modify-permissions--editor .modify-permissions--workspaces__team-access .modify-permissions--workspaces__team-access-text {
        margin-left: 8px;
        color: var(--content-color-secondary); }
  .modify-permissions .modify-permissions--separator {
    margin-right: var(--spacing-l);
    margin-left: var(--spacing-s);
    background-color: var(--border-color-strong);
    width: 1px; }
  .modify-permissions .modify-permissions--workspaces {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden; }
    .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding-right: var(--spacing-xl); }
      .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in .workspace-list-item-container {
        pointer-events: none;
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in .modify-permissions--workspaces__shared-in__is-loading {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center; }
    .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in--title {
      font-weight: 600;
      font-size: 12px;
      margin-bottom: 8px; }
    .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in--team {
      display: flex;
      align-items: center;
      margin-bottom: 8px; }
      .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in--team .modify-permissions--workspaces__shared-in--team-text {
        color: var(--content-color-secondary); }
      .modify-permissions .modify-permissions--workspaces .modify-permissions--workspaces__shared-in--team .info-button__icon {
        margin-left: 8px; }

.permission-list-container {
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .permission-list-container .permission-list--workspace {
    position: relative;
    display: flex;
    align-items: center; }
  .permission-list-container .permission-list--workspace__member-details,
  .permission-list-container .permission-list--workspace__member-list-icon {
    cursor: pointer; }
  .permission-list-container .permission-list--workspace__member-details {
    margin-left: 8px; }
  .permission-list-container .permission-list--workspace__member-list-icon {
    padding-left: 16px; }
  .permission-list-container .permission-list--workspace__roles {
    position: absolute;
    right: 20px; }
  .permission-list-container .permission-list {
    margin: 4px 4px 8px 4px;
    padding-bottom: 8px; }
    .permission-list-container .permission-list .permission-list-item {
      position: relative;
      display: flex;
      align-items: center;
      margin: var(--spacing-l) 0; }
      .permission-list-container .permission-list .permission-list-item .permission-list-item--name {
        flex: 1;
        margin-left: 8px;
        color: var(--content-color-primary);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .permission-list-container .permission-list .permission-list-item .permission-list-item--name__user-group {
        cursor: pointer; }
      .permission-list-container .permission-list .permission-list-item .permission-list-item__user-group {
        width: var(--size-m);
        height: var(--size-m);
        align-items: center;
        justify-content: center;
        align-self: center;
        background: var(--background-color-tertiary);
        border-radius: var(--border-radius-max);
        cursor: pointer; }
      .permission-list-container .permission-list .permission-list-item .permission-list-item--info {
        display: flex;
        align-items: center;
        padding: 4px;
        margin-right: 4px; }
        .permission-list-container .permission-list .permission-list-item .permission-list-item--info .permission-list-item--info-icon use {
          fill: var(--content-color-secondary); }
        .permission-list-container .permission-list .permission-list-item .permission-list-item--info .permission-list-item--info-icon svg > path[fill] {
          fill: var(--content-color-secondary); }
      .permission-list-container .permission-list .permission-list-item .permissions-list-item--permissions .permissions-list-item--role {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .permission-list-container .permission-list .permission-list-item .permissions-list-item--permissions .dropdown {
        width: 170px; }
      .permission-list-container .permission-list .permission-list-item .permissions-list-item--permissions .dropdown-button .btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: var(--size-s);
        font-weight: normal; }
      .permission-list-container .permission-list .permission-list-item .permissions-list-item--delete {
        margin-left: 8px;
        cursor: pointer; }
    .permission-list-container .permission-list .permisson-list-item:nth-of-type(1) {
      margin-top: 0; }

.role-dropdown .dropdown-menu-item.is-disabled {
  cursor: not-allowed; }

.permission-list-item__members-list {
  width: 240px;
  max-height: 300px; }
  .permission-list-item__members-list .tooltip-wrapper {
    padding: var(--spacing-xl); }
  .permission-list-item__members-list__title {
    display: flex;
    font-weight: var(--text-weight-bold);
    margin-bottom: var(--spacing-xs);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
    .permission-list-item__members-list__title__group-name {
      max-width: 110px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .permission-list-item__members-list__title__no-members {
      max-width: unset; }
  .permission-list-item__members-list__content {
    max-height: 188px;
    overflow-y: auto;
    margin-bottom: var(--spacing-l); }
    .permission-list-item__members-list__content__no-members {
      margin-top: var(--spacing-xs); }
      .permission-list-item__members-list__content__no-members label {
        line-height: var(--line-height-m); }
    .permission-list-item__members-list__content__item {
      display: flex;
      margin-top: var(--spacing-s);
      align-items: center; }
      .permission-list-item__members-list__content__item__name {
        margin-left: var(--spacing-s);
        max-width: 176px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .permission-list-item__members-list__no-members {
    margin-bottom: var(--spacing-s); }

.permission-error {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .permission-error .permission-error--illustration {
    margin-bottom: var(--spacing-s); }
  .permission-error .permission-error--title,
  .permission-error .permission-error--description {
    color: var(--content-color-primary);
    font-size: 12px; }
  .permission-error .permission-error--title {
    font-weight: 600;
    margin-bottom: var(--spacing-s);
    font-size: 14px; }
  .permission-error .permission-error--action {
    padding: 0 18px; }
  .permission-error .permission-error--description {
    margin-bottom: var(--spacing-l);
    text-align: center; }
    .permission-error .permission-error--description p {
      margin: 0px;
      line-height: 20px; }

.permission-list-v2-container {
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .permission-list-v2-container .permission-list--workspace {
    position: relative;
    display: flex;
    align-items: center; }
  .permission-list-v2-container .permission-list--workspace__member-details,
  .permission-list-v2-container .permission-list--workspace__member-list-icon {
    cursor: pointer; }
  .permission-list-v2-container .permission-list--workspace__member-details {
    margin-left: var(--spacing-s); }
  .permission-list-v2-container .permission-list--workspace__member-list-icon {
    padding-left: var(--spacing-l); }
  .permission-list-v2-container .permission-list--workspace__roles {
    position: absolute;
    right: 20px; }
  .permission-list-v2-container .permission-list {
    margin: var(--spacing-xs) var(--spacing-xs) var(--spacing-s) var(--spacing-xs);
    padding-bottom: var(--spacing-s); }
    .permission-list-v2-container .permission-list__public-info {
      display: flex;
      align-items: center;
      margin-top: var(--spacing-m); }
      .permission-list-v2-container .permission-list__public-info__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: var(--spacing-s);
        background-color: var(--background-color-tertiary);
        border-radius: var(--border-radius-max);
        height: var(--size-s);
        width: var(--size-s); }
    .permission-list-v2-container .permission-list .permission-list-item-v2 {
      position: relative;
      display: flex;
      align-items: center;
      margin: var(--spacing-m) var(--spacing-zero); }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item--name {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-left: var(--spacing-s);
        color: var(--content-color-primary);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item--name__user-group {
        cursor: pointer; }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item__user-group {
        width: var(--size-s);
        height: var(--size-s);
        align-items: center;
        justify-content: center;
        align-self: center;
        background: var(--background-color-tertiary);
        border-radius: var(--border-radius-max);
        cursor: pointer; }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item--info {
        display: flex;
        align-items: center;
        padding: var(--spacing-xs);
        margin-right: var(--spacing-xs); }
        .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item--info .permission-list-item--info-icon use {
          fill: var(--content-color-secondary); }
        .permission-list-v2-container .permission-list .permission-list-item-v2 .permission-list-item--info .permission-list-item--info-icon svg > path[fill] {
          fill: var(--content-color-secondary); }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permissions-list-item--permissions .permissions-list-item--role {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: var(--size-s);
        width: 72px; }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permissions-list-item--permissions .dropdown-button .btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: var(--size-s);
        font-weight: normal; }
      .permission-list-v2-container .permission-list .permission-list-item-v2 .permissions-list-item--delete {
        display: flex;
        margin-left: var(--spacing-xs);
        height: var(--size-s);
        width: var(--size-s);
        cursor: pointer; }
        .permission-list-v2-container .permission-list .permission-list-item-v2 .permissions-list-item--delete--hide {
          opacity: 0;
          pointer-events: none; }
    .permission-list-v2-container .permission-list .permission-list-item-v2:nth-of-type(1) {
      margin-top: var(--spacing-l); }

.role-dropdown .dropdown-menu-item.is-disabled {
  cursor: not-allowed; }

.permission-list-item__members-list {
  width: 240px;
  max-height: 300px;
  z-index: 10000; }
  .permission-list-item__members-list .tooltip-wrapper {
    padding: var(--spacing-xl); }
  .permission-list-item__members-list__title {
    display: flex;
    font-weight: var(--text-weight-bold);
    margin-bottom: var(--spacing-xs);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
    .permission-list-item__members-list__title__group-name {
      max-width: 110px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .permission-list-item__members-list__title__no-members {
      max-width: unset; }
  .permission-list-item__members-list__content {
    max-height: 188px;
    overflow-y: auto;
    margin-bottom: var(--spacing-l); }
    .permission-list-item__members-list__content__no-members {
      margin-top: var(--spacing-xs); }
      .permission-list-item__members-list__content__no-members label {
        line-height: var(--line-height-m); }
    .permission-list-item__members-list__content__item {
      display: flex;
      margin-top: var(--spacing-s);
      align-items: center; }
      .permission-list-item__members-list__content__item__name {
        margin-left: var(--spacing-s);
        max-width: 176px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .permission-list-item__members-list__no-members {
    margin-bottom: var(--spacing-s); }

.add-entity-modal {
  display: flex;
  flex-direction: column;
  height: 320px; }
  @media (max-height: 400px) {
    .add-entity-modal {
      height: 75vh; } }
  .add-entity-modal__dropdown-options {
    width: 90%;
    display: flex; }
  .add-entity-modal__loading-indicator {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center; }
  .add-entity-modal__dropdown-wrapper {
    width: 90%;
    display: flex; }
  .add-entity-modal .app-crash-wrapper {
    justify-content: flex-start; }
    .add-entity-modal .app-crash-wrapper .app-crash-header {
      font-size: var(--text-size-l); }
    .add-entity-modal .app-crash-wrapper .app-crash-content {
      font-size: var(--text-size-m);
      margin: var(--spacing-m) var(--spacing-zero); }
  .add-entity-modal .modal-content {
    padding: var(--spacing-l); }
  .add-entity-modal .model-content__error {
    padding: var(--spacing-zero); }
  .add-entity-modal__label {
    font-weight: var(--text-weight-bold);
    margin-bottom: var(--spacing-s); }
  .add-entity-modal .dropdown {
    display: flex; }
    .add-entity-modal .dropdown .dropdown-button {
      flex: 1;
      width: 100%; }
  .add-entity-modal__dropdown-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .add-entity-modal__dropdown-value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre; }
  .add-entity-modal__dropdown-label-meta {
    margin-left: var(--spacing-s);
    display: flex;
    align-items: center;
    line-height: var(--line-height-m); }
  .add-entity-modal .add-entity__buttons {
    margin-top: var(--spacing-xxl);
    display: flex;
    flex-wrap: wrap; }
    .add-entity-modal .add-entity__buttons .add-entity__add-button {
      margin-right: var(--spacing-l); }

.api-info-context-view-wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .api-info-context-view-wrapper .right-context-bar__title {
    color: var(--content-color-primary); }
  .api-info-context-view-wrapper .api-info-context-view {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }
    .api-info-context-view-wrapper .api-info-context-view__version-header {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-s);
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      margin-bottom: var(--spacing-l); }
    .api-info-context-view-wrapper .api-info-context-view__entity {
      margin-bottom: var(--spacing-l); }
      .api-info-context-view-wrapper .api-info-context-view__entity__label {
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-medium);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        margin-top: var(--spacing-xs); }
      .api-info-context-view-wrapper .api-info-context-view__entity__content {
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        display: flex;
        flex: 1;
        padding-right: var(--spacing-s);
        align-items: center;
        margin-top: var(--spacing-xs); }
        .api-info-context-view-wrapper .api-info-context-view__entity__content .btn {
          background-color: transparent; }
        .api-info-context-view-wrapper .api-info-context-view__entity__content .btn-icon {
          background-color: transparent;
          width: var(--size-xs);
          height: var(--size-xs); }
        .api-info-context-view-wrapper .api-info-context-view__entity__content .success-tick-icon {
          cursor: default; }
          .api-info-context-view-wrapper .api-info-context-view__entity__content .success-tick-icon use {
            fill: var(--content-color-success); }
          .api-info-context-view-wrapper .api-info-context-view__entity__content .success-tick-icon svg > path[fill] {
            fill: var(--content-color-success); }
        .api-info-context-view-wrapper .api-info-context-view__entity__content__id {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .api-info-context-view-wrapper .api-info-context-view__entity__content__id--entity {
            background-color: var(--background-color-secondary);
            border-radius: var(--border-radius-default);
            padding: 6px var(--spacing-s) 6px var(--spacing-s);
            margin-right: var(--spacing-s);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

.user-profile-wrapper {
  display: flex;
  flex: 1;
  align-items: center; }
  .user-profile-wrapper .user-profile-pic-wrapper {
    cursor: pointer; }
    .user-profile-wrapper .user-profile-pic-wrapper .pm-user-avatar-icon {
      height: var(--size-s);
      width: var(--size-s); }
  .user-profile-wrapper .user-name-wrapper {
    margin-left: var(--spacing-s);
    font-weight: var(--text-weight-regular);
    cursor: pointer; }
  .user-profile-wrapper .is-not-action-link {
    cursor: text; }

.api-changelog-context-view-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: hidden; }
  .api-changelog-context-view-wrapper .right-context-bar-header {
    padding-bottom: var(--spacing-l); }
  .api-changelog-context-view-wrapper .loading-indicator-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }
  .api-changelog-context-view-wrapper__refresh-button__loading {
    cursor: default; }
    .api-changelog-context-view-wrapper__refresh-button__loading svg {
      animation: spin 1s linear infinite; }
  .api-changelog-context-view-wrapper .api-changelog {
    overflow-y: auto;
    color: var(--content-color-primary); }

.api-changelog .activity-item__action {
  margin-left: 40px;
  display: flex;
  flex-direction: row; }

.api-changelog .activity-item-restore {
  margin-left: var(--spacing-zero);
  padding-left: var(--spacing-zero);
  border-width: var(--spacing-zero); }

.api-changelog hr {
  margin: 0;
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
  margin-right: var(--spacing-l);
  border: unset;
  border-top: solid 1px var(--border-color-default); }

.api-changelog .no-changes-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--content-color-primary);
  height: 180px; }
  .api-changelog .no-changes-wrapper__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-l);
    box-sizing: border-box; }
    .api-changelog .no-changes-wrapper__content__title {
      text-align: center;
      margin-top: var(--spacing-l);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-m); }

.api-changelog .api-changelog__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow-y: hidden; }
  .api-changelog .api-changelog__header .api-changelog__header_left-section {
    display: flex;
    flex-direction: row; }
    .api-changelog .api-changelog__header .api-changelog__header_left-section .api-changelog__header_left-section__arrow {
      margin-right: var(--spacing-s); }
      .api-changelog .api-changelog__header .api-changelog__header_left-section .api-changelog__header_left-section__arrow .btn {
        padding: var(--spacing-zero);
        height: var(--size-xs); }
    .api-changelog .api-changelog__header .api-changelog__header_left-section .api-changelog__header_left-section__name {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-s);
      color: var(--content-color-primary);
      display: flex;
      align-items: center; }
      .api-changelog .api-changelog__header .api-changelog__header_left-section .api-changelog__header_left-section__name i {
        margin-left: var(--spacing-s); }
    .api-changelog .api-changelog__header .api-changelog__header_left-section .is-clickable {
      cursor: pointer; }
  .api-changelog .api-changelog__header .api-changelog__header__create-release {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-s);
    color: var(--content-color-primary);
    margin-right: var(--spacing-l); }
    .api-changelog .api-changelog__header .api-changelog__header__create-release .button-icon {
      margin-right: var(--spacing-xs); }
  .api-changelog .api-changelog__header .api-changelog__header__release-actions {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .api-changelog .api-changelog__header .api-changelog__header__release-actions__tag-text {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin-right: var(--spacing-s); }
    .api-changelog .api-changelog__header .api-changelog__header__release-actions__tag-icon {
      margin-right: var(--spacing-xs); }
    .api-changelog .api-changelog__header .api-changelog__header__release-actions__dropdown {
      height: var(--size-s);
      margin-right: var(--spacing-l); }

.api-changelog .api-changelog__content {
  margin-left: var(--spacing-s);
  padding-left: var(--spacing-s);
  border-left: 1px var(--border-style-solid) var(--border-color-default); }
  .api-changelog .api-changelog__content__description {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    padding-left: var(--spacing-s);
    margin-top: var(--spacing-xs); }
  .api-changelog .api-changelog__content__release-created-at {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    padding-left: var(--spacing-s);
    margin-top: var(--spacing-xs);
    color: var(--content-color-tertiary); }
  .api-changelog .api-changelog__content__view-release {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    color: var(--blue-60);
    align-items: center;
    display: flex;
    margin-top: var(--spacing-xs);
    padding-left: var(--spacing-s); }
    .api-changelog .api-changelog__content__view-release use {
      fill: var(--blue-60); }
    .api-changelog .api-changelog__content__view-release svg > path[fill] {
      fill: var(--blue-60); }
  .api-changelog .api-changelog__content .changelog {
    margin-bottom: var(--spacing-l); }
  .api-changelog .api-changelog__content .activity-item-header {
    padding-bottom: var(--spacing-zero); }
  .api-changelog .api-changelog__content .activity-feed-date-group {
    margin: var(--spacing-zero);
    padding-left: var(--spacing-s);
    padding-top: var(--spacing-l);
    padding-bottom: var(--spacing-s);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m); }

.api-repo-options {
  margin-left: var(--spacing-m);
  margin-right: var(--spacing-s);
  display: flex; }
  .api-repo-options .api-repo-options__button {
    border-radius: var(--border-radius-default);
    max-width: 200px; }
    .api-repo-options .api-repo-options__button__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-xs);
      display: flex; }
    .api-repo-options .api-repo-options__button__repo-icon {
      display: flex; }
    .api-repo-options .api-repo-options__button .api-repo-options__button__icons {
      display: flex;
      align-items: center; }
    .api-repo-options .api-repo-options__button-warning {
      background-color: var(--background-color-warning); }
      .api-repo-options .api-repo-options__button-warning__icon {
        margin-right: var(--spacing-s);
        /**
        * Manually filling in color here because the icon is being displayed inside of a
        * btn-tertiary. And these older buttons overrides the fill of the svg elements that
        * are placed inside of it. Since the icon's color prop is being overridden this way,
        * we have to add this manual override.
        * Using !important becasue the button styling overrides this again when the button
        * is hovered over.
        * Keeping it specific to our css classes, so it doesn't interfere with global styling
        * of these icons.
        */ }
        .api-repo-options .api-repo-options__button-warning__icon svg > path[fill] {
          fill: var(--content-color-warning) !important; }
  .api-repo-options .api-repo-options__button__status {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center; }
    .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container {
      display: flex;
      justify-content: center;
      background: var(--background-color-tertiary);
      border-radius: 40px;
      flex: 1;
      margin: var(--spacing-zero);
      color: var(--content-color-primary);
      font-size: var(--text-size-s); }
      .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container .total-push-commits {
        color: var(--content-color-secondary); }
      .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container .total-pull-commits {
        color: var(--content-color-secondary); }
    .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container--left {
      display: flex;
      padding: var(--spacing-zero) var(--spacing-xs);
      margin-right: calc(var(--spacing-xs)/2);
      height: var(--size-xs); }
      .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container--left .descend-direction-icon {
        align-items: center;
        margin-right: calc(var(--spacing-xs) / 2);
        width: var(--size-xs);
        height: var(--size-xs); }
    .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container--right {
      margin-left: calc(var(--spacing-xs)/2);
      height: var(--size-xs);
      display: flex;
      padding: var(--spacing-zero) var(--spacing-xs); }
      .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container--right .outgoing-changes-badge {
        background-color: var(--base-color-brand);
        width: calc(var(--size-xs) / 3);
        height: calc(var(--size-xs) / 3);
        border-radius: var(--border-radius-max);
        margin: calc(var(--spacing-xs) / 2);
        margin-top: calc((var(--spacing-xs)) + (var(--spacing-xs) / 4)); }
      .api-repo-options .api-repo-options__button__status .api-repo-options__button__status__container--right .ascend-direction-icon {
        align-items: center;
        margin-right: calc(var(--spacing-xs) / 2);
        width: var(--size-xs);
        height: var(--size-xs); }
  .api-repo-options .need-action-indicator {
    background-color: var(--base-color-brand);
    border-radius: 100%;
    position: relative;
    left: calc((var(--spacing-xs) / 2) + var(--spacing-m));
    bottom: var(--spacing-m);
    height: calc(var(--size-xs) / 4);
    width: calc(var(--size-xs) / 4); }
  .api-repo-options .api-repo-options__button__icons {
    height: var(--size-xs);
    padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) var(--spacing-s); }
  .api-repo-options:hover .splitter {
    visibility: hidden; }

.api-repo-options-dropdown > .dropdown-menu {
  overflow-y: unset !important;
  height: 250px !important; }

.need-action-indicator-menu-item {
  background-color: var(--base-color-brand);
  border-radius: 100%;
  position: relative;
  left: var(--spacing-xs);
  bottom: calc((var(--spacing-xs) / 2) + var(--spacing-xs));
  height: calc(var(--size-xs) / 4);
  width: calc(var(--size-xs) / 4); }

.splitter {
  border-width: var(--border-width-default);
  border-left-style: solid;
  height: calc(var(--spacing-xs) + var(--spacing-l));
  top: calc((var(--spacing-xs) / 2) + var(--spacing-xs));
  position: relative; }
  .splitter-hide {
    visibility: hidden; }

.refresh-button__loading {
  cursor: default; }
  .refresh-button__loading svg {
    animation: spin 1s linear infinite; }

.api-repo-options-menu__container__meta-info {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  height: 24px;
  cursor: auto; }
  .api-repo-options-menu__container__meta-info__content {
    margin-left: var(--spacing-xs); }
  .api-repo-options-menu__container__meta-info .info-not-available {
    color: var(--content-color-tertiary); }
  .api-repo-options-menu__container__meta-info:hover, .api-repo-options-menu__container__meta-info.is-hovered {
    background-color: unset; }
  .api-repo-options-menu__container__meta-info__repository-name {
    width: 128px; }
    .api-repo-options-menu__container__meta-info__repository-name span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .api-repo-options-menu__container__meta-info__branch-name {
    width: 118px; }
    .api-repo-options-menu__container__meta-info__branch-name span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.api-repo-options-menu__container__classifier {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-zero) var(--spacing-l);
  height: 17px;
  flex: none; }
  .api-repo-options-menu__container__classifier .api-repo-options-menu__container__classifier__line {
    height: 1px;
    background: var(--highlight-background-color-tertiary); }

.api-repo-options-menu__container__switch-branch__branches {
  max-height: 50vh;
  width: 240px;
  padding-top: unset;
  overflow: auto;
  left: unset;
  right: 100%; }
  .api-repo-options-menu__container__switch-branch__branches .is-selected {
    background-color: var(--highlight-background-color-tertiary); }
  .api-repo-options-menu__container__switch-branch__branches .is-hidden {
    display: none; }
  .api-repo-options-menu__container__switch-branch__branches__search {
    top: 0px;
    position: sticky;
    z-index: 1;
    border-radius: 0;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    padding-left: var(--spacing-s); }

.api-repo-options-menu__container__delete {
  display: flex;
  color: var(--content-color-error); }
  .api-repo-options-menu__container__delete:hover, .api-repo-options-menu__container__delete.is-hovered {
    background-color: var(--base-color-error);
    color: var(--content-color-constant); }
  .api-repo-options-menu__container__delete .api-repo-options-menu__container__delete__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: var(--text-weight-regular);
    cursor: pointer; }
    .api-repo-options-menu__container__delete .api-repo-options-menu__container__delete__content .api-repo-options-menu__container__delete__content--text {
      margin-right: var(--spacing-l);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }

.api-repo-options-menu {
  padding: var(--spacing-zero);
  border-width: var(--spacing-zero);
  overflow-y: hidden !important; }
  .api-repo-options-menu .api-repo-options-menu__container {
    display: flex;
    flex-direction: column;
    background-color: var(--background-color-primary);
    border-radius: var(--border-radius-default);
    padding-bottom: var(--spacing-xs);
    max-height: 100%;
    width: 193px; }
    .api-repo-options-menu .api-repo-options-menu__container__content {
      overflow-y: auto; }
    .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header {
      display: flex;
      flex-direction: column;
      padding-left: var(--spacing-l);
      margin-top: var(--spacing-s);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__repository-name {
        padding: 0 var(--spacing-xs) var(--spacing-xs) 0; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__repository-name-text {
          width: 112px; }
          .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__repository-name-text span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__branch-name {
        padding: 0 var(--spacing-xs) var(--spacing-xs) 0; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__branch-name-text {
          width: 112px; }
          .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__header__branch-name-text span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
    .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__classifier {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: var(--spacing-zero) var(--spacing-l);
      height: 17px;
      flex: none; }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__classifier .api-repo-options-menu__container__classifier__line {
        height: 1px;
        background: var(--highlight-background-color-tertiary); }
    .api-repo-options-menu .api-repo-options-menu__container .api-repo-options__switch-branch {
      width: 100%; }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options__switch-branch .api-repo-options__switch-branch__button {
        justify-content: unset;
        padding-left: var(--spacing-l);
        width: 100%; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options__switch-branch .api-repo-options__switch-branch__button .api-repo-options__switch-branch__button-text {
          margin-right: var(--spacing-xxxl); }
    .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option {
      display: flex;
      flex-direction: column; }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option.is-disabled {
        color: var(--content-color-tertiary);
        cursor: not-allowed; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option.is-disabled :hover {
          background-color: initial; }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option :hover {
        background-color: var(--highlight-background-color-tertiary); }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option .api-repo-options-menu__container__option__item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: var(--text-weight-regular);
        padding-top: var(--spacing-s);
        padding-bottom: var(--spacing-s);
        overflow-y: auto;
        cursor: pointer; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option .api-repo-options-menu__container__option__item.is-disabled {
          color: var(--content-color-tertiary);
          cursor: not-allowed; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option .api-repo-options-menu__container__option__item .api-repo-options-menu__container__option__item__action {
          color: var(--content-color-primary);
          margin-left: var(--spacing-l);
          margin-right: var(--spacing-l);
          font-size: var(--text-size-m);
          line-height: var(--line-height-m); }
          .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__option .api-repo-options-menu__container__option__item .api-repo-options-menu__container__option__item__action.is-disabled {
            color: var(--content-color-tertiary);
            cursor: not-allowed; }
    .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__delete {
      display: flex;
      flex-direction: column;
      color: var(--content-color-error); }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__delete :hover {
        background-color: var(--base-color-error);
        color: var(--content-color-constant); }
      .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__delete .api-repo-options-menu__container__delete__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: var(--text-weight-regular);
        padding-top: var(--spacing-s);
        padding-bottom: var(--spacing-s);
        overflow-y: auto;
        cursor: pointer; }
        .api-repo-options-menu .api-repo-options-menu__container .api-repo-options-menu__container__delete .api-repo-options-menu__container__delete__content .api-repo-options-menu__container__delete__content--text {
          margin-left: var(--spacing-l);
          margin-right: var(--spacing-l);
          font-size: var(--text-size-m);
          line-height: var(--line-height-m); }

.pull-changes-modal {
  display: flex; }
  .pull-changes-modal .pull-changes-modal-content {
    margin-bottom: var(--spacing-zero); }
  .pull-changes-modal .pull-changes-modal__horizontal-break {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding-left: 20%;
    padding-right: 20%;
    width: 80%; }
  .pull-changes-modal .pull-changes-modal__content {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    color: var(--content-color-primary); }
    .pull-changes-modal .pull-changes-modal__content .no-changes-to-pull {
      width: 100%;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;
      color: var(--content-color-secondary);
      padding-top: 62px;
      padding-bottom: 62px; }
      .pull-changes-modal .pull-changes-modal__content .no-changes-to-pull__text {
        margin-top: var(--spacing-l);
        margin-bottom: var(--spacing-xl); }
    .pull-changes-modal .pull-changes-modal__content .loading-indicator-wrapper {
      display: flex;
      justify-content: center; }
    .pull-changes-modal .pull-changes-modal__content__tables__label {
      align-items: center;
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-m);
      margin-bottom: var(--spacing-m);
      color: var(--content-color-primary);
      display: flex;
      flex-direction: row;
      align-items: center; }
      .pull-changes-modal .pull-changes-modal__content__tables__label--icon {
        margin-right: var(--spacing-s);
        display: flex;
        align-items: center;
        height: var(--size-xs); }
    .pull-changes-modal .pull-changes-modal__content__tables--conflicted {
      margin-bottom: var(--spacing-xl); }
      .pull-changes-modal .pull-changes-modal__content__tables--conflicted .icon-warning use {
        fill: var(--content-color-warning); }
      .pull-changes-modal .pull-changes-modal__content__tables--conflicted .icon-warning svg > path[fill] {
        fill: var(--content-color-warning); }
    .pull-changes-modal .pull-changes-modal__content__tables table {
      width: 100%; }
    .pull-changes-modal .pull-changes-modal__content__tables .creates {
      color: var(--content-color-success); }
    .pull-changes-modal .pull-changes-modal__content__tables .updates {
      color: var(--content-color-warning); }
    .pull-changes-modal .pull-changes-modal__content__tables .destroys {
      color: var(--content-color-error); }
    .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item {
      width: 100%; }
      .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows {
        border: var(--border-style-solid);
        border-width: var(--border-width-default) var(--spacing-zero);
        border-color: var(--border-color-default); }
        .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td {
          padding-right: var(--spacing-s);
          margin-top: auto;
          margin-bottom: auto; }
          .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .tag {
            display: inline-block;
            border-radius: 30px;
            height: var(--size-xs);
            font-size: var(--text-size-s);
            font-weight: var(--text-weight-medium);
            line-height: var(--line-height-s);
            padding: var(--spacing-zero) var(--spacing-s) var(--spacing-zero) var(--spacing-s); }
          .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__file {
            display: flex;
            flex-direction: row;
            align-items: center;
            height: var(--spacing-xxxl); }
            .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__file .pull-changes-modal__content__item--rows__file--icon {
              margin-right: var(--spacing-s);
              height: var(--size-xs); }
            .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__file .pull-changes-modal__content__item--rows__file--name {
              max-width: 265px;
              height: var(--size-xs);
              display: flex;
              align-items: center; }
          .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__tag {
            display: flex;
            align-items: center; }
          .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__relation-type {
            width: 100%; }
            .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__relation-type .dropdown-button :hover {
              background-color: var(--highlight-background-color-secondary); }
            .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .pull-changes-modal__content__item--rows__relation-type .btn-secondary {
              font-weight: unset;
              color: var(--content-color-primary);
              background-color: initial;
              border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
          .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--rows td .input-select-v2-wrapper {
            width: 140px; }
      .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--header {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-s);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
        .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item--header td {
          padding-bottom: var(--spacing-s); }
      .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item__conflict-options {
        display: flex;
        flex-direction: column; }
        .pull-changes-modal .pull-changes-modal__content__tables .pull-changes-modal__content__item__conflict-options__item {
          margin: var(--spacing-s);
          cursor: pointer; }
    .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select {
      margin-bottom: var(--spacing-xl); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__title {
        display: flex;
        align-items: center;
        margin-bottom: var(--spacing-s); }
        .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__title__name {
          margin-left: var(--spacing-s); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__label {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-s); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__dropdown {
        width: 288px;
        margin-right: var(--spacing-m); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select .dropdown {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        border-radius: var(--border-radius-default); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__invalid-schema {
        display: flex;
        margin-top: var(--spacing-xs);
        align-items: center; }
        .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__schema-select__invalid-schema__text {
          font-size: var(--text-size-m);
          color: var(--content-color-warning);
          margin-left: var(--spacing-xs); }
    .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__label {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-m);
      margin-bottom: var(--spacing-m);
      color: var(--content-color-secondary); }
      .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__label__content {
        color: var(--blue-60); }
    .pull-changes-modal .pull-changes-modal__content .pull-changes-modal__content__header {
      display: flex;
      flex-direction: row;
      font-size: var(--text-size-l);
      line-height: var(--line-height-l); }
  .pull-changes-modal .pull-changes-modal__footer {
    padding: var(--spacing-zero); }
    .pull-changes-modal .pull-changes-modal__footer .pull-changes-modal__footer__buttons {
      display: flex;
      flex-wrap: wrap;
      margin: var(--spacing-xl) var(--spacing-zero); }
      .pull-changes-modal .pull-changes-modal__footer .pull-changes-modal__footer__buttons .pull-changes-modal__footer__add-button {
        margin-left: var(--spacing-m);
        margin-right: var(--spacing-xl); }
      .pull-changes-modal .pull-changes-modal__footer .pull-changes-modal__footer__buttons .pull-changes-modal__footer__button {
        height: var(--size-m); }
  .pull-changes-modal .modal-footer {
    padding: var(--spacing-zero); }

.pull-changes-modal__content__schema-select__dropdown__item {
  height: var(--size-m);
  display: flex;
  align-items: center;
  width: 240px; }
  .pull-changes-modal__content__schema-select__dropdown__item__text {
    width: 100%; }

.pull-changes-modal__content__schema-select__dropdown .dropdown-menu {
  box-shadow: unset; }

.pull-changes-modal__content__schema-select__dropdown__invalid {
  border: var(--border-width-default) var(--border-style-solid) var(--base-color-warning);
  border-radius: var(--border-radius-default); }
  .pull-changes-modal__content__schema-select__dropdown__invalid .multilevel-searchable-dropdown {
    border: 0px !important; }

.pull-changes-modal__content__item--rows__relation-type__text {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.switch-branch-modal {
  display: flex;
  max-height: 70vh; }
  .switch-branch-modal .modal-content {
    padding: var(--spacing-l) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
  .switch-branch-modal .switch-branch-modal__content {
    margin-bottom: var(--spacing-l); }
    .switch-branch-modal .switch-branch-modal__content__label {
      font-weight: var(--text-weight-medium); }
    .switch-branch-modal .switch-branch-modal__content__header {
      display: flex;
      flex-direction: row;
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-m); }
  .switch-branch-modal .switch-branch-modal__footer .switch-branch-modal__footer__buttons {
    display: flex;
    flex-wrap: wrap; }
    .switch-branch-modal .switch-branch-modal__footer .switch-branch-modal__footer__buttons .switch-branch-modal__footer__add-button {
      margin-left: var(--spacing-s);
      margin-right: var(--spacing-xl); }
    .switch-branch-modal .switch-branch-modal__footer .switch-branch-modal__footer__buttons .switch-branch-modal__footer__button {
      height: var(--size-m); }
  .switch-branch-modal .modal-footer {
    padding: var(--spacing-zero); }

.close-branch-modal {
  display: flex;
  max-height: 70vh; }
  .close-branch-modal .modal-content {
    padding: var(--spacing-l) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
  .close-branch-modal .close-branch-modal__content {
    margin-bottom: var(--spacing-l); }
    .close-branch-modal .close-branch-modal__content__label {
      font-weight: var(--text-weight-medium); }
    .close-branch-modal .close-branch-modal__content__header {
      display: flex;
      flex-direction: row;
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-m); }
  .close-branch-modal .close-branch-modal__footer .close-branch-modal__footer__buttons {
    display: flex;
    flex-wrap: wrap; }
    .close-branch-modal .close-branch-modal__footer .close-branch-modal__footer__buttons .close-branch-modal__footer__add-button {
      margin-left: var(--spacing-s);
      margin-right: var(--spacing-xl); }
    .close-branch-modal .close-branch-modal__footer .close-branch-modal__footer__buttons .close-branch-modal__footer__button {
      height: var(--size-m); }
  .close-branch-modal .modal-footer {
    padding: var(--spacing-zero); }

.switch-branch-dirty-collection-modal {
  display: flex;
  max-height: 70vh; }
  .switch-branch-dirty-collection-modal .modal-content {
    padding: var(--spacing-l) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
  .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__content {
    margin-bottom: var(--spacing-l); }
    .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__content__label {
      font-weight: var(--text-weight-medium); }
    .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__content__header {
      display: flex;
      flex-direction: row;
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-m); }
  .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__footer .switch-branch-dirty-collection-modal__footer__buttons {
    display: flex;
    flex-wrap: wrap; }
    .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__footer .switch-branch-dirty-collection-modal__footer__buttons .switch-branch-dirty-collection-modal__footer__cancel-button {
      margin-left: var(--spacing-m); }
    .switch-branch-dirty-collection-modal .switch-branch-dirty-collection-modal__footer .switch-branch-dirty-collection-modal__footer__buttons .switch-branch-dirty-collection-modal__footer__button {
      height: var(--size-m); }
  .switch-branch-dirty-collection-modal .modal-footer {
    padding: var(--spacing-zero); }

.commit-changes-modal {
  display: flex;
  max-height: 90vh; }
  .commit-changes-modal .modal-content {
    padding: var(--spacing-l) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
  .commit-changes-modal .commit-changes-modal-content {
    margin-bottom: var(--spacing-zero); }
  .commit-changes-modal .commit-changes-modal__horizontal-break {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding-left: 20%;
    padding-right: 20%;
    width: 80%; }
  .commit-changes-modal .commit-changes-modal__content {
    overflow-y: auto;
    color: var(--content-color-primary); }
    .commit-changes-modal .commit-changes-modal__content__text {
      padding: calc(var(--spacing-xs)/2);
      margin-top: var(--spacing-l); }
    .commit-changes-modal .commit-changes-modal__content__spinner {
      margin-bottom: var(--spacing-m);
      margin-left: var(--spacing-m); }
    .commit-changes-modal .commit-changes-modal__content__schema-file {
      padding: calc(var(--spacing-xs)/2); }
    .commit-changes-modal .commit-changes-modal__content .no-changes-to-commit {
      width: 100%;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;
      color: var(--content-color-secondary);
      padding-top: 62px;
      padding-bottom: 62px; }
      .commit-changes-modal .commit-changes-modal__content .no-changes-to-commit__text {
        margin-top: var(--spacing-l);
        margin-bottom: var(--spacing-xl); }
    .commit-changes-modal .commit-changes-modal__content__postman-behind-repo {
      background-color: var(--background-color-error);
      border-radius: var(--border-radius-default);
      margin-bottom: var(--spacing-s);
      display: flex;
      flex-direction: row; }
      .commit-changes-modal .commit-changes-modal__content__postman-behind-repo i {
        margin: var(--spacing-l) var(--spacing-s) var(--spacing-zero) var(--spacing-l); }
        .commit-changes-modal .commit-changes-modal__content__postman-behind-repo i use {
          fill: var(--content-color-error); }
        .commit-changes-modal .commit-changes-modal__content__postman-behind-repo i svg > path[fill] {
          fill: var(--content-color-error); }
      .commit-changes-modal .commit-changes-modal__content__postman-behind-repo__content {
        margin: var(--spacing-l) var(--spacing-s) var(--spacing-zero) var(--spacing-zero); }
        .commit-changes-modal .commit-changes-modal__content__postman-behind-repo__content__label {
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          margin-bottom: var(--spacing-s); }
        .commit-changes-modal .commit-changes-modal__content__postman-behind-repo__content__text {
          margin-bottom: var(--spacing-s); }
        .commit-changes-modal .commit-changes-modal__content__postman-behind-repo__content__pull-button {
          border-color: #D1D1D1;
          border-width: var(--border-width-default);
          border-style: var(--border-style-solid);
          margin-bottom: var(--spacing-l); }
    .commit-changes-modal .commit-changes-modal__content__label {
      font-weight: var(--text-weight-medium); }
    .commit-changes-modal .commit-changes-modal__content .loading-indicator-wrapper {
      display: flex;
      justify-content: center;
      margin-bottom: var(--spacing-s); }
    .commit-changes-modal .commit-changes-modal__content__header {
      display: flex;
      flex-direction: row;
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-m); }
    .commit-changes-modal .commit-changes-modal__content__tables {
      margin-bottom: var(--spacing-xl); }
      .commit-changes-modal .commit-changes-modal__content__tables table {
        width: 100%; }
      .commit-changes-modal .commit-changes-modal__content__tables .creates {
        color: var(--content-color-success); }
      .commit-changes-modal .commit-changes-modal__content__tables .updates {
        color: var(--content-color-warning); }
      .commit-changes-modal .commit-changes-modal__content__tables .destroys {
        color: var(--content-color-error); }
      .commit-changes-modal .commit-changes-modal__content__tables__item {
        width: 100%; }
        .commit-changes-modal .commit-changes-modal__content__tables__item--rows {
          border: var(--border-style-solid);
          border-width: var(--border-width-default) var(--spacing-zero);
          border-color: var(--border-color-default);
          min-height: var(--spacing-xxxl); }
          .commit-changes-modal .commit-changes-modal__content__tables__item--rows td {
            padding-right: var(--spacing-s);
            margin-top: auto;
            margin-bottom: auto; }
            .commit-changes-modal .commit-changes-modal__content__tables__item--rows td .tag {
              display: inline-block;
              border-radius: 30px;
              height: var(--size-xs);
              font-size: var(--text-size-s);
              font-weight: var(--text-weight-medium);
              line-height: var(--line-height-s);
              padding: var(--spacing-zero) var(--spacing-s) var(--spacing-zero) var(--spacing-s); }
          .commit-changes-modal .commit-changes-modal__content__tables__item--rows__file {
            display: flex;
            flex-direction: row;
            align-items: center;
            min-height: var(--spacing-xxxl); }
            .commit-changes-modal .commit-changes-modal__content__tables__item--rows__file--icon {
              margin-right: var(--spacing-s);
              height: var(--size-xs); }
            .commit-changes-modal .commit-changes-modal__content__tables__item--rows__file--name {
              max-width: 400px;
              height: var(--size-xs);
              display: flex;
              align-items: center; }
          .commit-changes-modal .commit-changes-modal__content__tables__item--rows__tag {
            display: flex;
            align-items: center; }
        .commit-changes-modal .commit-changes-modal__content__tables__item--header {
          color: var(--content-color-secondary);
          margin-bottom: var(--spacing-s);
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s); }
          .commit-changes-modal .commit-changes-modal__content__tables__item--header td {
            padding-bottom: var(--spacing-s); }
  .commit-changes-modal .commit-changes-modal__footer {
    padding: var(--spacing-zero); }
    .commit-changes-modal .commit-changes-modal__footer .commit-changes-modal__footer__buttons {
      display: flex;
      flex-wrap: wrap;
      margin: var(--spacing-xl) var(--spacing-zero); }
      .commit-changes-modal .commit-changes-modal__footer .commit-changes-modal__footer__buttons .commit-changes-modal__footer__add-button {
        margin-left: var(--spacing-s);
        margin-right: var(--spacing-xl); }
      .commit-changes-modal .commit-changes-modal__footer .commit-changes-modal__footer__buttons .commit-changes-modal__footer__button {
        height: var(--size-m); }
  .commit-changes-modal .modal-footer {
    padding: var(--spacing-zero); }

.connect-repo-tab {
  overflow: auto;
  padding: var(--spacing-xxl);
  display: flex;
  align-items: center;
  flex-direction: column; }
  .connect-repo-tab .api-repository-connecting {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--spacing-xxxl); }
    .connect-repo-tab .api-repository-connecting__illustration_wrapper {
      background-color: var(--grey-00);
      width: 60px;
      height: 60px;
      border-radius: var(--border-radius-default);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--spacing-m); }
    .connect-repo-tab .api-repository-connecting__illustration__github {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/png;base64, ); }
    .connect-repo-tab .api-repository-connecting__illustration__bitbucket {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/png;base64, ); }
    .connect-repo-tab .api-repository-connecting__illustration__gitlab {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/png;base64, ); }
    .connect-repo-tab .api-repository-connecting__illustration__azure {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/png;base64, ); }
    .connect-repo-tab .api-repository-connecting__text-primary {
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-xxl);
      font-weight: var(--text-weight-bold);
      line-height: var(--line-height-xxl);
      color: var(--content-color-primary); }
    .connect-repo-tab .api-repository-connecting__text-secondary {
      font-size: var(--text-size-l);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-xl); }
    .connect-repo-tab .api-repository-connecting__cancel-btn {
      background-color: var(--background-color-tertiary); }
    .connect-repo-tab .api-repository-connecting__cancel-btn:hover {
      background-color: var(--highlight-background-color-tertiary); }
  .connect-repo-tab .app-crash-wrapper .app-crash-header {
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-xs); }
  .connect-repo-tab .app-crash-wrapper .app-crash-content {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-regular);
    color: var(--content-color-secondary);
    margin-top: var(--spacing-xs); }
  .connect-repo-tab .app-crash-wrapper .btn {
    color: var(--blue-60); }

.github-enterprise-config {
  width: 480px; }
  .github-enterprise-config__header {
    margin-bottom: var(--spacing-xl); }
  .github-enterprise-config__input-wrapper {
    margin-bottom: var(--spacing-l); }
  .github-enterprise-config-access-token {
    margin-bottom: var(--spacing-l); }
  .github-enterprise-config-url {
    margin-bottom: var(--spacing-l); }
  .github-enterprise-config__domain-input {
    margin-top: var(--spacing-s); }
  .github-enterprise-config__token-input {
    margin-top: var(--spacing-s); }
  .github-enterprise-config__actions {
    display: flex; }
    .github-enterprise-config__actions__primary {
      padding-right: var(--spacing-s); }
    .github-enterprise-config__actions__secondary {
      margin-left: var(--spacing-s); }

.hoverable-tooltip__message {
  padding-bottom: var(--spacing-l); }

.hoverable-tooltip-wrapper {
  width: 100%; }

.api-repo-integration-configuration__header {
  width: 480px;
  margin-bottom: var(--spacing-xl); }

.api-repo-integration-configuration__content {
  width: 480px; }

.api-repo-integration-configuration__user-info {
  margin-bottom: var(--spacing-l);
  display: flex;
  align-items: center; }
  .api-repo-integration-configuration__user-info__title {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-bold);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
  .api-repo-integration-configuration__user-info-details {
    display: flex;
    padding-top: var(--spacing-s); }
    .api-repo-integration-configuration__user-info-details__username {
      display: flex;
      align-items: center;
      font-size: var(--text-size-m);
      color: var(--content-color-primary); }
  .api-repo-integration-configuration__user-info .avatar {
    padding-right: var(--spacing-s); }

.api-repo-integration-configuration__user-info, .api-repo-integration-configuration__select-api, .api-repo-integration-configuration__select-version, .api-repo-integration-configuration__select-repo, .api-repo-integration-configuration__select-org, .api-repo-integration-configuration__select-branch-develop, .api-repo-integration-configuration__select-branch-main, .api-repo-integration-configuration__select-schema-directory, .api-repo-integration-configuration__select-collection-directory, .api-repo-integration-configuration__schema-sync-banner {
  margin-bottom: var(--spacing-l); }
  .api-repo-integration-configuration__user-info__title, .api-repo-integration-configuration__select-api__title, .api-repo-integration-configuration__select-version__title, .api-repo-integration-configuration__select-repo__title, .api-repo-integration-configuration__select-org__title, .api-repo-integration-configuration__select-branch-develop__title, .api-repo-integration-configuration__select-branch-main__title, .api-repo-integration-configuration__select-schema-directory__title, .api-repo-integration-configuration__select-collection-directory__title, .api-repo-integration-configuration__schema-sync-banner__title {
    display: block;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-bold);
    line-height: var(--line-height-s);
    color: var(--content-color-secondary); }
    .api-repo-integration-configuration__user-info__title__label, .api-repo-integration-configuration__select-api__title__label, .api-repo-integration-configuration__select-version__title__label, .api-repo-integration-configuration__select-repo__title__label, .api-repo-integration-configuration__select-org__title__label, .api-repo-integration-configuration__select-branch-develop__title__label, .api-repo-integration-configuration__select-branch-main__title__label, .api-repo-integration-configuration__select-schema-directory__title__label, .api-repo-integration-configuration__select-collection-directory__title__label, .api-repo-integration-configuration__schema-sync-banner__title__label {
      display: inline-flex;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-bold);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
  .api-repo-integration-configuration__user-info__dropdown-container, .api-repo-integration-configuration__select-api__dropdown-container, .api-repo-integration-configuration__select-version__dropdown-container, .api-repo-integration-configuration__select-repo__dropdown-container, .api-repo-integration-configuration__select-org__dropdown-container, .api-repo-integration-configuration__select-branch-develop__dropdown-container, .api-repo-integration-configuration__select-branch-main__dropdown-container, .api-repo-integration-configuration__select-schema-directory__dropdown-container, .api-repo-integration-configuration__select-collection-directory__dropdown-container, .api-repo-integration-configuration__schema-sync-banner__dropdown-container {
    display: flex;
    align-items: center; }
    .api-repo-integration-configuration__user-info__dropdown-container__dropdown, .api-repo-integration-configuration__select-api__dropdown-container__dropdown, .api-repo-integration-configuration__select-version__dropdown-container__dropdown, .api-repo-integration-configuration__select-repo__dropdown-container__dropdown, .api-repo-integration-configuration__select-org__dropdown-container__dropdown, .api-repo-integration-configuration__select-branch-develop__dropdown-container__dropdown, .api-repo-integration-configuration__select-branch-main__dropdown-container__dropdown, .api-repo-integration-configuration__select-schema-directory__dropdown-container__dropdown, .api-repo-integration-configuration__select-collection-directory__dropdown-container__dropdown, .api-repo-integration-configuration__schema-sync-banner__dropdown-container__dropdown {
      width: 100%;
      margin-top: var(--spacing-s);
      background-color: var(--background-color-primary);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
      border-radius: var(--border-radius-default); }
      .api-repo-integration-configuration__user-info__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-api__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-version__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-repo__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-org__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-branch-develop__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-branch-main__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-schema-directory__dropdown-container__dropdown__button, .api-repo-integration-configuration__select-collection-directory__dropdown-container__dropdown__button, .api-repo-integration-configuration__schema-sync-banner__dropdown-container__dropdown__button {
        width: 100%;
        justify-content: space-between; }
    .api-repo-integration-configuration__user-info__dropdown-container__input, .api-repo-integration-configuration__select-api__dropdown-container__input, .api-repo-integration-configuration__select-version__dropdown-container__input, .api-repo-integration-configuration__select-repo__dropdown-container__input, .api-repo-integration-configuration__select-org__dropdown-container__input, .api-repo-integration-configuration__select-branch-develop__dropdown-container__input, .api-repo-integration-configuration__select-branch-main__dropdown-container__input, .api-repo-integration-configuration__select-schema-directory__dropdown-container__input, .api-repo-integration-configuration__select-collection-directory__dropdown-container__input, .api-repo-integration-configuration__schema-sync-banner__dropdown-container__input {
      font-weight: var(--text-weight-regular) !important; }
    .api-repo-integration-configuration__user-info__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-api__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-version__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-repo__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-org__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-branch-develop__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-branch-main__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-schema-directory__dropdown-container__loading-indicator, .api-repo-integration-configuration__select-collection-directory__dropdown-container__loading-indicator, .api-repo-integration-configuration__schema-sync-banner__dropdown-container__loading-indicator {
      position: relative;
      right: 16px;
      top: 4px; }
  .api-repo-integration-configuration__user-info__value, .api-repo-integration-configuration__select-api__value, .api-repo-integration-configuration__select-version__value, .api-repo-integration-configuration__select-repo__value, .api-repo-integration-configuration__select-org__value, .api-repo-integration-configuration__select-branch-develop__value, .api-repo-integration-configuration__select-branch-main__value, .api-repo-integration-configuration__select-schema-directory__value, .api-repo-integration-configuration__select-collection-directory__value, .api-repo-integration-configuration__schema-sync-banner__value {
    margin-left: var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    display: inline-flex; }
  .api-repo-integration-configuration__user-info__error, .api-repo-integration-configuration__select-api__error, .api-repo-integration-configuration__select-version__error, .api-repo-integration-configuration__select-repo__error, .api-repo-integration-configuration__select-org__error, .api-repo-integration-configuration__select-branch-develop__error, .api-repo-integration-configuration__select-branch-main__error, .api-repo-integration-configuration__select-schema-directory__error, .api-repo-integration-configuration__select-collection-directory__error, .api-repo-integration-configuration__schema-sync-banner__error {
    display: flex;
    color: var(--content-color-error);
    font-size: var(--text-size-m);
    align-items: center; }
    .api-repo-integration-configuration__user-info__error span, .api-repo-integration-configuration__select-api__error span, .api-repo-integration-configuration__select-version__error span, .api-repo-integration-configuration__select-repo__error span, .api-repo-integration-configuration__select-org__error span, .api-repo-integration-configuration__select-branch-develop__error span, .api-repo-integration-configuration__select-branch-main__error span, .api-repo-integration-configuration__select-schema-directory__error span, .api-repo-integration-configuration__select-collection-directory__error span, .api-repo-integration-configuration__schema-sync-banner__error span {
      padding-left: var(--spacing-s); }
    .api-repo-integration-configuration__user-info__error .btn, .api-repo-integration-configuration__select-api__error .btn, .api-repo-integration-configuration__select-version__error .btn, .api-repo-integration-configuration__select-repo__error .btn, .api-repo-integration-configuration__select-org__error .btn, .api-repo-integration-configuration__select-branch-develop__error .btn, .api-repo-integration-configuration__select-branch-main__error .btn, .api-repo-integration-configuration__select-schema-directory__error .btn, .api-repo-integration-configuration__select-collection-directory__error .btn, .api-repo-integration-configuration__schema-sync-banner__error .btn {
      color: var(--content-color-error);
      font-weight: var(--text-weight-regular);
      text-decoration: underline; }
    .api-repo-integration-configuration__user-info__error .btn:hover, .api-repo-integration-configuration__select-api__error .btn:hover, .api-repo-integration-configuration__select-version__error .btn:hover, .api-repo-integration-configuration__select-repo__error .btn:hover, .api-repo-integration-configuration__select-org__error .btn:hover, .api-repo-integration-configuration__select-branch-develop__error .btn:hover, .api-repo-integration-configuration__select-branch-main__error .btn:hover, .api-repo-integration-configuration__select-schema-directory__error .btn:hover, .api-repo-integration-configuration__select-collection-directory__error .btn:hover, .api-repo-integration-configuration__schema-sync-banner__error .btn:hover {
      color: var(--content-color-error);
      font-weight: var(--text-weight-regular);
      text-decoration: underline;
      background-color: inherit; }

.api-repo-integration-configuration__dropdown-previous-level-trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.api-repo-integration-configuration__dropdown-item-label {
  display: flex;
  width: 414px; }
  .api-repo-integration-configuration__dropdown-item-label__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.api-repo-integration-configuration__dropdown-selected-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--text-weight-regular); }

.api-repo-integration-configuration__dropdown-item-icon {
  margin-right: var(--spacing-xs); }

.api-repo-integration-configuration .action-button {
  display: flex;
  width: 480px;
  margin-top: var(--spacing-l); }
  .api-repo-integration-configuration .action-button__configure {
    width: 140px;
    margin-right: var(--spacing-l); }

.api-repo-integration-configuration__select-version__menu {
  width: 478px; }
  .api-repo-integration-configuration__select-version__menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.api-repository-connect {
  font-weight: var(--text-weight-ragular);
  margin: 0 var(--spacing-l) 0 var(--spacing-xs); }
  .api-repository-connect.btn:hover {
    background-color: var(--highlight-background-color-tertiary); }
  .api-repository-connect.btn {
    background-color: var(--background-color-tertiary);
    margin-right: var(--spacing-s); }
  .api-repository-connect-dropdown {
    padding-right: var(--spacing-s); }
    .api-repository-connect-dropdown .dropdown-menu {
      width: 222px;
      padding-top: var(--spacing-zero); }
      .api-repository-connect-dropdown .dropdown-menu-item {
        margin-bottom: var(--spacing-xs); }
    .api-repository-connect-dropdown__learn-more {
      padding: var(--spacing-l); }
  .api-repository-connect__illustration-wrapper {
    background-color: var(--grey-00);
    margin-right: var(--spacing-xs);
    border-radius: var(--border-radius-default);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px; }
  .api-repository-connect__illustration__github {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .api-repository-connect__illustration__bitbucket {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .api-repository-connect__illustration__gitlab {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }
  .api-repository-connect__illustration__azure {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/png;base64, ); }

.hoverable-tooltip-wrapper {
  width: auto;
  flex-grow: 1; }

.connect-repository-button {
  font-weight: var(--text-weight-ragular); }
  .connect-repository-button .dropdown-caret {
    margin-left: var(--spacing-xs); }

.api-repository-integration-entity-select-dropdown__empty-state {
  padding: 0 var(--spacing-l);
  cursor: pointer; }

.release__header {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--spacing-s) 0 var(--spacing-l);
  align-items: center; }
  .release__header__left-section {
    display: flex;
    align-items: center; }
    .release__header__left-section .breadcrumb__text {
      font-size: var(--text-size-l); }
  .release__header .release-meta-info {
    margin: 14px var(--spacing-m) 14px var(--spacing-l); }
  .release__header .release-list-dropdown {
    width: 260px;
    margin: var(--spacing-m) var(--spacing-zero); }
    .release__header .release-list-dropdown .aether-dropdown__single-value {
      font-size: var(--text-size-l); }
    .release__header .release-list-dropdown .release-list__item {
      display: flex;
      flex-direction: column;
      width: 83%; }
  .release__header .release__header__gitTag {
    margin-left: var(--spacing-s);
    display: flex;
    line-height: var(--line-height-s);
    align-items: center; }
    .release__header .release__header__gitTag__text {
      color: var(--content-color-secondary);
      font-size: var(--text-size-l);
      margin-left: var(--spacing-xs); }

.create-release-modal {
  max-height: 90vh;
  overflow: auto; }
  .create-release-modal .create-release-modal__container-header > div:first-child {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: var(--spacing-zero);
    padding-left: var(--spacing-l); }
  .create-release-modal .create-release-modal__container {
    margin-bottom: var(--spacing-zero); }
    .create-release-modal .create-release-modal__container .create-release-modal__content--loader {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center; }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__banner {
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag {
      margin-bottom: var(--spacing-l);
      position: relative; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error {
        margin-top: var(--spacing-xs);
        color: var(--highlight-background-color-error);
        font-size: var(--text-size-m); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error .link-text {
          color: var(--highlight-background-color-error);
          line-height: var(--line-height-s); }
          .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error .link-text .aether-link-text {
            border-bottom: none; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text {
        height: 40px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text .create-release-modal__content__tag--label {
          font-weight: var(--text-weight-bold);
          line-height: var(--line-height-m);
          color: var(--content-color-secondary); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text .create-release-modal__content__tag--text {
          line-height: var(--line-height-m);
          color: var(--content-color-secondary);
          font-size: var(--text-size-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown {
        display: flex;
        margin-top: var(--spacing-xs); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown {
          flex: 1;
          min-width: 0; }
          .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-top: calc(var(--spacing-m)/2);
            padding-bottom: calc(var(--spacing-m)/2);
            padding-left: var(--spacing-s); }
            .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value {
              display: flex; }
              .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value .tag-icon {
                height: 12px;
                width: 12px;
                margin-right: var(--spacing-xs); }
              .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value .tag-placeholder {
                color: var(--content-color-tertiary);
                font-weight: var(--text-weight-regular);
                font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__name {
      margin-bottom: var(--spacing-l); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__name .create-release-modal__content__name__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary {
      margin-bottom: var(--spacing-l);
      margin-top: var(--spacing-xs); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary .create-release-modal__content__summary__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary .textarea {
        height: 74px;
        font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility {
      display: flex;
      align-items: center; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__checkbox {
        height: 14px;
        min-width: 14px;
        margin-right: var(--spacing-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .is-selected {
        background: var(--blue-60); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__label {
        cursor: pointer;
        user-select: none;
        font-size: var(--text-size-m); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .api-version-create-modal__content__visibility__info {
        margin-left: var(--spacing-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__info {
        display: inline-flex;
        margin-left: var(--spacing-s); }
  .create-release-modal .create-release-modal__footer {
    padding-top: var(--spacing-l);
    flex-basis: 72px;
    justify-content: flex-end; }
    .create-release-modal .create-release-modal__footer .create-release-modal__footer__add-button {
      margin-left: var(--spacing-s); }

.create-release-modal__content__tag__dropdown__check-icon {
  height: var(--size-xs);
  width: var(--size-xs);
  margin-right: var(--spacing-s); }

.create-release-modal {
  max-height: 90vh;
  overflow: auto; }
  .create-release-modal .create-release-modal__container-header > div:first-child {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: var(--spacing-zero);
    padding-left: var(--spacing-l); }
  .create-release-modal .create-release-modal__container {
    margin-bottom: var(--spacing-zero); }
    .create-release-modal .create-release-modal__container .create-release-modal__content--loader {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center; }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__banner {
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag {
      margin-bottom: var(--spacing-l);
      position: relative; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error {
        margin-top: var(--spacing-xs);
        color: var(--highlight-background-color-error);
        font-size: var(--text-size-m); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error .link-text {
          color: var(--highlight-background-color-error);
          line-height: var(--line-height-s); }
          .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__error .link-text .aether-link-text {
            border-bottom: none; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text {
        height: 40px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text .create-release-modal__content__tag--label {
          font-weight: var(--text-weight-bold);
          line-height: var(--line-height-m);
          color: var(--content-color-secondary); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__label-text .create-release-modal__content__tag--text {
          line-height: var(--line-height-m);
          color: var(--content-color-secondary);
          font-size: var(--text-size-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown {
        display: flex;
        margin-top: var(--spacing-xs); }
        .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown {
          flex: 1;
          min-width: 0; }
          .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-top: calc(var(--spacing-m)/2);
            padding-bottom: calc(var(--spacing-m)/2);
            padding-left: var(--spacing-s); }
            .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value {
              display: flex; }
              .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value .tag-icon {
                height: 12px;
                width: 12px;
                margin-right: var(--spacing-xs); }
              .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__tag .create-release-modal__content__tag__dropdown .dropdown .create-release-modal__content__tag__dropdown--button .create-release-modal__content__tag__dropdown--value .tag-placeholder {
                color: var(--content-color-tertiary);
                font-weight: var(--text-weight-regular);
                font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__name {
      margin-bottom: var(--spacing-l); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__name .create-release-modal__content__name__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary {
      margin-bottom: var(--spacing-l);
      margin-top: var(--spacing-xs); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary .create-release-modal__content__summary__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__summary .textarea {
        height: 74px;
        font-size: var(--text-size-m); }
    .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility {
      display: flex;
      align-items: center; }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__checkbox {
        height: 14px;
        min-width: 14px;
        margin-right: var(--spacing-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .is-selected {
        background: var(--blue-60); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__label {
        cursor: pointer;
        user-select: none;
        font-size: var(--text-size-m); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .api-version-create-modal__content__visibility__info {
        margin-left: var(--spacing-s); }
      .create-release-modal .create-release-modal__container .create-release-modal__content .create-release-modal__content__visibility .create-release-modal__content__visibility__info {
        display: inline-flex;
        margin-left: var(--spacing-s); }
  .create-release-modal .create-release-modal__footer {
    padding-top: var(--spacing-l);
    flex-basis: 72px;
    justify-content: flex-end; }
    .create-release-modal .create-release-modal__footer .create-release-modal__footer__add-button {
      margin-left: var(--spacing-s); }

.create-release-modal__content__tag__dropdown__check-icon {
  height: var(--size-xs);
  width: var(--size-xs);
  margin-right: var(--spacing-s); }

.release-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1; }

.release-tab-contents {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 600px;
  overflow-x: hidden;
  overflow-y: auto; }

.release-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.release-tab {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  min-height: 0; }
  .release-tab .release-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0; }
    .release-tab .release-content .release-content-pane {
      overflow-y: hidden;
      overflow-x: auto; }

.release-sub-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--background-color-primary);
  padding: var(--spacing-m) var(--spacing-s) var(--spacing-zero) var(--spacing-zero);
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  min-width: 600px; }
  .release-sub-header .release-tab .release-tab-title {
    display: flex;
    align-items: center;
    position: relative; }
    .release-sub-header .release-tab .release-tab-title .release-tab-title__icon {
      padding-right: var(--spacing-s); }
      .release-sub-header .release-tab .release-tab-title .release-tab-title__icon use {
        fill: var(--content-color-secondary); }
      .release-sub-header .release-tab .release-tab-title .release-tab-title__icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .release-sub-header .release-tab .release-tab-title .release-tab-title__label {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }
    .release-sub-header .release-tab .release-tab-title:hover .release-tab-title__icon use, .release-sub-header .release-tab .release-tab-title.is-hovered .release-tab-title__icon use {
      fill: var(--content-color-secondary); }
    .release-sub-header .release-tab .release-tab-title:hover .release-tab-title__icon svg > path[fill], .release-sub-header .release-tab .release-tab-title.is-hovered .release-tab-title__icon svg > path[fill] {
      fill: var(--content-color-secondary); }
    .release-sub-header .release-tab .release-tab-title:hover .release-tab-title__label, .release-sub-header .release-tab .release-tab-title.is-hovered .release-tab-title__label {
      color: var(--content-color-secondary); }
    .release-sub-header .release-tab .release-tab-title .release-tab-title__comment-badge {
      height: var(--size-xs);
      min-width: var(--size-xs);
      background-color: var(--base-color-brand);
      font-size: var(--text-size-s);
      color: var(--content-color-constant);
      font-weight: var(--font-weight-medium);
      border-radius: var(--border-radius-default);
      position: absolute;
      top: -15px;
      right: -10px;
      padding: var(--spacing-zero) 2px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .release-sub-header .release-tab.is-active .release-tab-title__label {
    color: var(--content-color-primary); }
  .release-sub-header .release-tab.is-active .release-tab-title__icon use {
    fill: var(--content-color-primary); }
  .release-sub-header .release-tab.is-active .release-tab-title__icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .release-sub-header .release-tab.is-active:hover .release-tab-title__label, .release-sub-header .release-tab.is-active.is-hovered .release-tab-title__label {
    color: var(--content-color-primary); }
  .release-sub-header .release-tab.is-active:hover .release-tab-title__icon use, .release-sub-header .release-tab.is-active.is-hovered .release-tab-title__icon use {
    fill: var(--content-color-primary); }
  .release-sub-header .release-tab.is-active:hover .release-tab-title__icon svg > path[fill], .release-sub-header .release-tab.is-active.is-hovered .release-tab-title__icon svg > path[fill] {
    fill: var(--content-color-primary); }

.release-view--loading {
  display: flex;
  flex: 1; }

.relation-body .relation-cell {
  display: flex;
  border-bottom: var(--border-width-default) solid var(--border-color-default); }
  .relation-body .relation-cell .relation-name {
    flex: 0 0 86%;
    cursor: pointer;
    color: var(--content-color-link);
    font-weight: var(--text-weight-regular); }

.update-release-modal {
  max-height: 90vh;
  overflow: auto; }
  .update-release-modal .update-release-modal__container-header > div:first-child {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: var(--spacing-zero);
    padding-left: var(--spacing-l); }
  .update-release-modal .update-release-modal__container {
    margin-bottom: var(--spacing-zero); }
    .update-release-modal .update-release-modal__container .update-release-modal__content--loader {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center; }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__banner {
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-l); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__banner .link-text {
        color: var(--content-color-secondary); }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__banner .link-text .aether-link-text:hover {
          border-bottom: none; }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__name {
      margin-bottom: var(--spacing-l); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__name .update-release-modal__content__name__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__summary {
      margin-bottom: var(--spacing-l);
      margin-top: var(--spacing-xs); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__summary .update-release-modal__content__summary__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__summary .textarea {
        height: 74px;
        font-size: var(--text-size-m); }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__visibility {
      display: flex;
      align-items: center;
      margin-bottom: var(--spacing-l); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__visibility .update-release-modal__content__visibility__checkbox {
        height: 14px;
        min-width: 14px;
        margin-right: var(--spacing-s); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__visibility .is-selected {
        background: var(--blue-60); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__visibility .update-release-modal__content__visibility__label {
        cursor: pointer;
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        user-select: none; }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__visibility .update-release-modal__content__visibility__info {
        margin-left: var(--spacing-s); }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown {
      display: flex;
      margin-top: var(--spacing-xs); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown .dropdown {
        flex: 1;
        min-width: 0; }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding-top: calc(var(--spacing-m)/2);
          padding-bottom: calc(var(--spacing-m)/2);
          padding-left: var(--spacing-s); }
          .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value {
            display: flex; }
            .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value .tag-icon {
              height: 12px;
              width: 12px;
              margin-right: var(--spacing-xs); }
            .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value .tag-placeholder {
              color: var(--content-color-tertiary);
              font-weight: var(--text-weight-regular);
              font-size: var(--text-size-m); }
    .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag {
      position: relative; }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__error {
        margin-top: var(--spacing-xs);
        color: var(--highlight-background-color-error);
        font-size: var(--text-size-m); }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__error .link-text {
          color: var(--highlight-background-color-error);
          line-height: var(--line-height-s); }
          .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__error .link-text .aether-link-text {
            border-bottom: none; }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__label-text {
        height: 40px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__label-text .update-release-modal__content__tag--label {
          font-weight: var(--text-weight-bold);
          line-height: var(--line-height-m);
          color: var(--content-color-secondary); }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__label-text .update-release-modal__content__tag--text {
          line-height: var(--line-height-m);
          color: var(--content-color-secondary);
          font-size: var(--text-size-s); }
      .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown {
        display: flex;
        margin-top: var(--spacing-s); }
        .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown .dropdown {
          flex: 1;
          min-width: 0; }
          .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-top: calc(var(--spacing-m)/2);
            padding-bottom: calc(var(--spacing-m)/2);
            padding-left: var(--spacing-s);
            font-weight: var(--text-weight-regular);
            font-size: var(--text-size-m);
            color: var(--content-color-primary); }
            .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value {
              display: flex; }
              .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value .tag-icon {
                height: 12px;
                width: 12px;
                margin-right: var(--spacing-xs); }
              .update-release-modal .update-release-modal__container .update-release-modal__content .update-release-modal__content__tag .update-release-modal__content__tag__dropdown .dropdown .update-release-modal__content__tag__dropdown--button .update-release-modal__content__tag__dropdown--value .tag-placeholder {
                color: var(--content-color-tertiary);
                font-weight: var(--text-weight-regular);
                font-size: var(--text-size-m); }
  .update-release-modal .update-release-modal__footer {
    padding-top: var(--spacing-l);
    flex-basis: 72px;
    justify-content: flex-end; }
    .update-release-modal .update-release-modal__footer .update-release-modal__footer__add-button {
      margin-left: var(--spacing-s); }

.update-release-modal__content__tag__dropdown__check-icon {
  height: var(--size-xs);
  width: var(--size-xs);
  margin-right: var(--spacing-s); }

.release-changelog-context-view-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: hidden; }
  .release-changelog-context-view-wrapper .right-context-bar-header {
    padding-bottom: var(--spacing-l); }
  .release-changelog-context-view-wrapper .loading-indicator-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }
  .release-changelog-context-view-wrapper__refresh-button__loading {
    cursor: default; }
    .release-changelog-context-view-wrapper__refresh-button__loading svg {
      animation: spin 1s linear infinite; }
  .release-changelog-context-view-wrapper .release-changelog {
    overflow-y: auto;
    min-height: var(--spacing-xxl);
    color: var(--content-color-primary);
    padding-right: var(--spacing-l); }

.release-info-context-view-wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .release-info-context-view-wrapper .right-context-bar__title {
    color: var(--content-color-primary); }
  .release-info-context-view-wrapper .release-info-context-view {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }
    .release-info-context-view-wrapper .release-info-context-view__version-header {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-s);
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      margin-bottom: var(--spacing-l); }
    .release-info-context-view-wrapper .release-info-context-view__entity {
      margin-bottom: var(--spacing-l); }
      .release-info-context-view-wrapper .release-info-context-view__entity__label {
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-medium);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        margin-top: var(--spacing-xs); }
      .release-info-context-view-wrapper .release-info-context-view__entity__content {
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        display: flex;
        flex: 1;
        padding-right: var(--spacing-s);
        align-items: center;
        margin-top: var(--spacing-xs); }
        .release-info-context-view-wrapper .release-info-context-view__entity__content .btn {
          background-color: transparent; }
        .release-info-context-view-wrapper .release-info-context-view__entity__content .btn-icon {
          background-color: transparent;
          width: var(--size-xs);
          height: var(--size-xs); }
        .release-info-context-view-wrapper .release-info-context-view__entity__content .success-tick-icon {
          cursor: default; }
          .release-info-context-view-wrapper .release-info-context-view__entity__content .success-tick-icon use {
            fill: var(--content-color-success); }
          .release-info-context-view-wrapper .release-info-context-view__entity__content .success-tick-icon svg > path[fill] {
            fill: var(--content-color-success); }
        .release-info-context-view-wrapper .release-info-context-view__entity__content__id {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .release-info-context-view-wrapper .release-info-context-view__entity__content__id--entity {
            background-color: var(--background-color-secondary);
            border-radius: var(--border-radius-default);
            padding: 6px var(--spacing-s) 6px var(--spacing-s);
            margin-right: var(--spacing-s);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .release-info-context-view-wrapper .release-info-editors__editor {
    display: inline-flex;
    margin-top: var(--spacing-s);
    align-items: center; }
    .release-info-context-view-wrapper .release-info-editors__editor--name {
      margin-left: var(--spacing-s); }

.overview {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .overview .overview__header {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-s) var(--spacing-l);
    align-items: center;
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    padding-right: var(--spacing-s); }
    .overview .overview__header--network {
      padding-left: var(--spacing-zero); }
    .overview .overview__header-api-name {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      overflow: hidden;
      flex: 1; }
      .overview .overview__header-api-name .api-name-label {
        color: var(--content-color-primary);
        display: flex;
        align-items: center;
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-medium);
        min-width: 0px; }
        .overview .overview__header-api-name .api-name-label h2 {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .overview .overview__header-api-name .api-name-label .edit-icon-rename {
          display: none;
          margin-right: var(--spacing-xs);
          margin-left: var(--spacing-xs); }
          .overview .overview__header-api-name .api-name-label .edit-icon-rename:hover use, .overview .overview__header-api-name .api-name-label .edit-icon-rename.is-hovered use {
            fill: var(--content-color-primary); }
          .overview .overview__header-api-name .api-name-label .edit-icon-rename:hover svg > path[fill], .overview .overview__header-api-name .api-name-label .edit-icon-rename.is-hovered svg > path[fill] {
            fill: var(--content-color-primary); }
        .overview .overview__header-api-name .api-name-label:hover .edit-icon-rename, .overview .overview__header-api-name .api-name-label.is-hovered .edit-icon-rename {
          display: inline-flex;
          cursor: pointer; }
        .overview .overview__header-api-name .api-name-label:hover .copy-link-icon, .overview .overview__header-api-name .api-name-label.is-hovered .copy-link-icon {
          display: inline-flex;
          cursor: pointer; }
        .overview .overview__header-api-name .api-name-label .copy-link-icon {
          display: none;
          margin-right: var(--spacing-xs); }
        .overview .overview__header-api-name .api-name-label .api-name-input {
          min-width: var(--size-xs);
          margin-right: var(--spacing-xs);
          font-size: var(--text-size-l);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .overview .overview__header-api-name .api-name-label__network {
          max-width: unset; }
    .overview .overview__header .overview__header-right-section {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      .overview .overview__header .overview__header-right-section .button-wrapper {
        margin-right: var(--spacing-xs); }
      .overview .overview__header .overview__header-right-section .api-report-button {
        font-weight: var(--text-weight-bold); }
      .overview .overview__header .overview__header-right-section .api-share-button {
        font-weight: var(--text-weight-bold); }
  .overview .overview__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    padding-bottom: var(--spacing-xxl); }
    .overview .overview__content__build {
      max-width: 880px; }
  .overview .overview__left-section {
    padding: var(--spacing-zero) var(--spacing-l);
    margin-top: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    flex-basis: 59%;
    flex-grow: 1;
    overflow: hidden; }
    .overview .overview__left-section--network {
      padding-left: var(--spacing-zero); }
  .overview .overview__right-section {
    padding: var(--spacing-zero) var(--spacing-l);
    margin-top: var(--spacing-xl);
    flex-basis: 33%;
    flex-grow: 1; }
    .overview .overview__right-section h4 {
      color: var(--content-color-primary); }
    .overview .overview__right-section .overview-editors .overview-editors__segment {
      display: flex;
      flex-direction: row;
      margin-bottom: var(--spacing-s);
      align-items: center; }
      .overview .overview__right-section .overview-editors .overview-editors__segment .editor-username {
        font-style: normal;
        font-weight: normal;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
      .overview .overview__right-section .overview-editors .overview-editors__segment .overview-editors__editor {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .overview .overview__right-section .overview-editors .overview-editors__segment .overview-editors__editor-name {
          margin-left: 10px;
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          color: var(--content-color-primary); }
    .overview .overview__right-section .overview-editors-name {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-s);
      margin-bottom: calc(var(--spacing-m) + var(--spacing-s));
      color: var(--content-color-primary); }
  .overview__meta-editor {
    width: 100%; }
    .overview__meta-editor-summary {
      margin-bottom: var(--spacing-l);
      cursor: default; }
      .overview__meta-editor-summary-empty-state {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary); }
      .overview__meta-editor-summary-text {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        word-break: break-word;
        width: 100%;
        padding: var(--spacing-xs); }
        .overview__meta-editor-summary-text-empty {
          color: var(--content-color-tertiary); }
        .overview__meta-editor-summary-text:hover {
          background-color: var(--background-color-tertiary);
          border-radius: var(--border-radius-default); }
      .overview__meta-editor-summary-no-edit {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        word-break: break-word;
        width: 100%; }
      .overview__meta-editor-summary-edit-mode {
        display: flex;
        font-size: var(--text-size-m);
        cursor: text; }
        .overview__meta-editor-summary-edit-mode-error .inline-input__wrapper .input-box {
          border-color: var(--content-color-error); }
        .overview__meta-editor-summary-edit-mode-description {
          display: flex;
          width: 95%;
          align-items: center;
          margin-top: var(--spacing-xs); }
          .overview__meta-editor-summary-edit-mode-description-left {
            display: flex;
            align-items: center;
            font-size: var(--text-size-m);
            color: var(--content-color-error); }
        .overview__meta-editor-summary-edit-mode-word-count {
          margin-left: auto;
          font-size: var(--text-size-s);
          line-height: var(--line-height-s);
          color: var(--content-color-tertiary); }
          .overview__meta-editor-summary-edit-mode-word-count-error {
            color: var(--content-color-error); }
      .overview__meta-editor-summary-edit-icon {
        margin-left: var(--spacing-l);
        display: flex;
        align-items: center;
        cursor: pointer;
        visibility: hidden; }
        .overview__meta-editor-summary-edit-icon use {
          fill: var(--content-color-secondary); }
        .overview__meta-editor-summary-edit-icon svg > path[fill] {
          fill: var(--content-color-secondary); }
      .overview__meta-editor-summary-edit-mode:hover .overview__meta-editor-summary-edit-icon {
        visibility: visible; }
    .overview__meta-editor .unsaved-changes {
      display: flex;
      align-items: center; }
      .overview__meta-editor .unsaved-changes__icon {
        margin-right: var(--spacing-s); }
      .overview__meta-editor .unsaved-changes__message {
        font-size: var(--text-size-s);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary); }
    .overview__meta-editor-description {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }
      .overview__meta-editor-description-empty-state {
        color: var(--content-color-secondary); }
      .overview__meta-editor-description-label {
        margin-bottom: var(--spacing-s); }
      .overview__meta-editor-description-md {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
        .overview__meta-editor-description-md p {
          margin: var(--spacing-zero); }
        .overview__meta-editor-description-md a {
          color: var(--content-color-link);
          text-decoration: none; }
      .overview__meta-editor-description-edit-mode {
        display: flex;
        cursor: text;
        width: 100%; }
        .overview__meta-editor-description-edit-mode-wrapper {
          width: 100%; }
      .overview__meta-editor-description-edit-icon {
        margin-left: var(--spacing-l);
        display: flex;
        align-items: center;
        cursor: pointer;
        visibility: hidden; }
        .overview__meta-editor-description-edit-icon use {
          fill: var(--content-color-secondary); }
        .overview__meta-editor-description-edit-icon svg > path[fill] {
          fill: var(--content-color-secondary); }
      .overview__meta-editor-description-edit-mode:hover .overview__meta-editor-description-edit-icon {
        visibility: visible; }
    .overview__meta-editor-summary-edit-icon, .overview__meta-editor-description-edit-icon {
      margin-left: var(--spacing-l);
      display: flex;
      align-items: center;
      cursor: pointer;
      visibility: hidden; }
      .overview__meta-editor-summary-edit-icon use, .overview__meta-editor-description-edit-icon use {
        fill: var(--content-color-secondary); }
      .overview__meta-editor-summary-edit-icon svg > path[fill], .overview__meta-editor-description-edit-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .overview__meta-editor-summary-edit-mode:hover .overview__meta-editor-summary-edit-icon,
    .overview__meta-editor-description-edit-mode:hover .overview__meta-editor-description-edit-icon {
      visibility: visible; }
  .overview-version-label {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding-bottom: var(--spacing-l);
    margin-top: var(--spacing-xxl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
  .overview__versions__segment {
    display: flex;
    flex-direction: row;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    align-items: center;
    padding: var(--spacing-l) var(--spacing-s); }
    .overview__versions__segment__info {
      width: 100%; }
      .overview__versions__segment__info-non-editable {
        display: flex;
        flex-direction: row;
        margin-bottom: var(--spacing-m);
        align-items: center; }
        .overview__versions__segment__info-non-editable .overview__versions__segment-name {
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-l);
          display: flex;
          align-items: center;
          color: var(--content-color-primary);
          cursor: pointer;
          max-width: 240px; }
          .overview__versions__segment__info-non-editable .overview__versions__segment-name-text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        .overview__versions__segment__info-non-editable .overview__versions__segment-visibility {
          font-style: normal;
          font-weight: normal;
          font-size: var(--text-size-s);
          color: var(--content-color-tertiary);
          margin: var(--spacing-zero) var(--spacing-s); }
    .overview__versions__segment-btn {
      padding: var(--spacing-s);
      margin-left: var(--spacing-l); }
    .overview__versions__segment-summary {
      font-weight: normal;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
  .overview__versions__emptyState {
    margin-top: var(--spacing-s); }
    .overview__versions__emptyState .api-dev-empty-state__body {
      color: var(--content-color-secondary);
      margin: var(--spacing-zero);
      font-size: var(--text-size-m); }

.overview__content__container {
  display: flex;
  justify-content: center;
  overflow: auto; }
  .overview__content__container__network {
    overflow: visible; }

.loading {
  margin: auto; }

.overview__description__preview {
  padding: calc(var(--spacing-xs)/2) var(--spacing-zero); }
  .overview__description__preview .description-preview__edit-icon {
    display: none; }
  .overview__description__preview:hover {
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-default); }

.versions-repo-options {
  margin-left: var(--spacing-m);
  margin-right: var(--spacing-s); }
  .versions-repo-options .versions-repo-options__button {
    border-radius: var(--border-radius-default);
    max-width: 200px; }
    .versions-repo-options .versions-repo-options__button__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: var(--text-weight-regular);
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-xs); }
    .versions-repo-options .versions-repo-options__button__repo-icon {
      display: flex; }
    .versions-repo-options .versions-repo-options__button .versions-repo-options__button__icons {
      display: flex;
      align-items: center; }
  .versions-repo-options .versions-repo-options__button__icons {
    height: var(--size-xs); }

.versions-repo-options-menu {
  border-width: var(--spacing-zero);
  padding: var(--spacing-zero);
  background: var(--background-color-primary);
  overflow: hidden !important; }
  .versions-repo-options-menu .versions-menu {
    display: flex;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    background: var(--background-color-primary);
    cursor: auto;
    height: calc(var(--size-s)*2);
    padding: var(--spacing-zero);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .versions-repo-options-menu .versions-menu-left {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl);
      width: calc(var(--size-m)*4);
      min-width: calc(var(--size-m)*4);
      height: var(--size-m);
      color: var(--content-color-primary);
      box-shadow: inset 0px -1px 0px var(--highlight-background-color-primary); }
      .versions-repo-options-menu .versions-menu-left__name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .versions-repo-options-menu .versions-menu-left--heading {
        font-weight: var(--text-weight-medium);
        color: var(--grey-50);
        line-height: var(--line-height-s); }
    .versions-repo-options-menu .versions-menu-right {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: var(--spacing-s);
      width: 171px;
      height: var(--size-m);
      color: var(--content-color-link);
      box-shadow: inset 0px -1px 0px var(--highlight-background-color-primary); }
      .versions-repo-options-menu .versions-menu-right--btn {
        cursor: pointer; }
      .versions-repo-options-menu .versions-menu-right--heading {
        font-weight: var(--text-weight-medium);
        color: var(--grey-50);
        line-height: var(--line-height-s);
        flex-grow: 1; }
    .versions-repo-options-menu .versions-menu .versions-menu-right--error {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: var(--spacing-s);
      width: 218px;
      height: var(--size-m);
      line-height: var(--line-height-s);
      box-shadow: inset 0px -1px 0px var(--highlight-background-color-primary);
      color: var(--content-color-secondary); }
    .versions-repo-options-menu .versions-menu .versions-menu-right--branch {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: var(--spacing-s);
      width: 171px;
      height: var(--size-m);
      line-height: var(--line-height-s);
      box-shadow: inset 0px -1px 0px var(--highlight-background-color-primary);
      color: var(--content-color-secondary);
      flex-grow: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .versions-repo-options-menu .versions-menu .versions-menu-right--branch--text {
        width: 100%; }
      .versions-repo-options-menu .versions-menu .versions-menu-right--branch .aether-link-text {
        max-width: 100%; }
    .versions-repo-options-menu .versions-menu .versions-menu-right--navigate {
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      height: var(--size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
      .versions-repo-options-menu .versions-menu .versions-menu-right--navigate:hover {
        color: var(--content-color-link); }
  .versions-repo-options-menu .versions-menu__content {
    overflow: auto;
    height: calc(100% - 48px); }

.api-sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.api-sidebar-list {
  flex: 1;
  overflow-y: auto; }
  .api-sidebar-list .collection-list__loading-indicator {
    display: flex;
    margin-left: 65px;
    height: 28px;
    align-items: center; }
  .api-sidebar-list:hover .api-sidebar-list__item__left-section__indent {
    height: 100%;
    width: 11px;
    border-right: thin solid var(--border-color-default); }
  .api-sidebar-list:hover .collection-sidebar__indent:not(.active-indent) {
    border-right: thin solid var(--border-color-default); }
  .api-sidebar-list .sidebar-list-item__name {
    margin-right: var(--spacing-xs); }
  .api-sidebar-list .sidebar-list-item__content-wrapper {
    margin-left: var(--spacing-zero); }
  .api-sidebar-list .sidebar-list-item__left-actions-container {
    position: relative; }
  .api-sidebar-list .api-sidebar-list-right-meta-content {
    margin-left: var(--spacing-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .api-sidebar-list .api-sidebar-list-right-meta-content__text {
      max-width: 120px;
      display: inline-flex;
      align-items: center; }
    .api-sidebar-list .api-sidebar-list-right-meta-content__icon {
      display: inline-flex;
      align-items: center; }
  .api-sidebar-list .sidebar-list-item__icon-container {
    justify-content: start;
    margin-right: var(--spacing-zero); }

.api-sidebar-list-empty-item {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: var(--content-color-secondary);
  padding: 20px 15px;
  text-align: center; }
  .api-sidebar-list-empty-item .entity-empty {
    border: none;
    padding: 30px 25px 40px 25px; }
    .api-sidebar-list-empty-item .entity-empty .entity-empty__title {
      font-size: 14px;
      margin-bottom: 16px; }
    .api-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      margin-bottom: 24px; }
    .api-sidebar-list-empty-item .entity-empty .entity-empty__title,
    .api-sidebar-list-empty-item .entity-empty .entity-empty__subtitle {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .api-sidebar-list-empty-item .entity-empty .entity-empty__learn .entity-empty__learn__mouse-click-icon {
      padding-right: 8px; }

.api-sidebar-empty__down {
  padding-right: var(--spacing-s);
  padding-left: var(--spacing-s);
  display: flex;
  flex: 1; }
  .api-sidebar-empty__down-section {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    display: flex;
    flex: 1;
    flex-direction: column; }
    .api-sidebar-empty__down-section .lesson-container {
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-radius: var(--border-radius-default);
      margin-top: var(--spacing-m); }
      .api-sidebar-empty__down-section .lesson-container .lesson-section {
        display: flex;
        flex: 1;
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
        .api-sidebar-empty__down-section .lesson-container .lesson-section .lesson-img {
          display: flex; }
          .api-sidebar-empty__down-section .lesson-container .lesson-section .lesson-img__content {
            display: block;
            width: 86px;
            height: 87px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 0;
            background-image: url(data:image/svg+xml;base64, );
            flex: 1; }
        .api-sidebar-empty__down-section .lesson-container .lesson-section .lesson-txt {
          align-self: center;
          flex-direction: column;
          display: flex;
          flex: 1 0 58%;
          padding-right: var(--spacing-l); }
          .api-sidebar-empty__down-section .lesson-container .lesson-section .lesson-txt__header {
            font-weight: var(--text-weight-medium);
            color: var(--content-color-secondary);
            flex: 1;
            display: flex;
            font-size: var(--text-size-s);
            line-height: var(--line-height-s); }
          .api-sidebar-empty__down-section .lesson-container .lesson-section .lesson-txt__summary {
            font-size: var(--text-size-s);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            flex: 1;
            display: flex;
            color: var(--content-color-secondary); }
      .api-sidebar-empty__down-section .lesson-container .lesson-start {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: var(--spacing-s) var(--spacing-zero); }
        .api-sidebar-empty__down-section .lesson-container .lesson-start__btn {
          font-size: var(--text-size-s);
          line-height: var(--line-height-s); }

.api-dropdown-menu {
  margin-top: 0;
  margin-right: 3px;
  width: 201px; }
  .api-dropdown-menu .dropdown-menu-item .api-action-item {
    display: flex;
    flex: 1; }

.api-sidebar-list__item__empty-state {
  margin-left: calc(var(--spacing-l) + var(--spacing-xs));
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l); }

.api-sidebar-list__item__left-section {
  display: flex;
  flex-direction: row;
  margin-right: var(--spacing-s);
  height: 100%;
  align-items: center; }
  .api-sidebar-list__item__left-section__indent {
    width: 12px; }
  .api-sidebar-list__item__left-section__toggle-list {
    margin-left: var(--spacing-xs);
    height: var(--size-xs);
    width: var(--size-xs);
    background-color: unset; }
    .api-sidebar-list__item__left-section__toggle-list use {
      fill: var(--content-color-primary); }
    .api-sidebar-list__item__left-section__toggle-list svg > path[fill] {
      fill: var(--content-color-primary); }
    .api-sidebar-list__item__left-section__toggle-list:hover, .api-sidebar-list__item__left-section__toggle-list.is-hovered {
      background-color: var(--highlight-background-color-tertiary); }
      .api-sidebar-list__item__left-section__toggle-list:hover use, .api-sidebar-list__item__left-section__toggle-list.is-hovered use {
        fill: var(--content-color-primary); }
      .api-sidebar-list__item__left-section__toggle-list:hover svg > path[fill], .api-sidebar-list__item__left-section__toggle-list.is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }
  .api-sidebar-list__item__left-section .is-left-meta-visible {
    visibility: visible; }
  .api-sidebar-list__item__left-section .is-left-meta-not-visible {
    visibility: hidden; }

.hide-icon {
  padding: var(--spacing-xs); }

.api-sidebar-empty-shell {
  border-right: 1px solid var(--border-color-default);
  border-left: 1px solid var(--border-color-default);
  overflow: hidden;
  animation: fade 1s ease-in-out infinite;
  background-color: var(--background-color-primary);
  padding-top: 8px; }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--title__dropdown {
    height: 8px;
    width: 8px;
    border-radius: var(--border-radius-default);
    margin-left: 16px;
    background-color: var(--background-color-tertiary); }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--title__name {
    height: 8px;
    width: 48px;
    margin-right: 32px;
    background-color: var(--background-color-tertiary);
    margin-left: 16px;
    border-radius: var(--border-radius-default); }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--title,
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--item {
    height: 30px;
    display: flex;
    align-items: center; }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section:nth-of-type(2) {
    margin-top: 16px; }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--item__icon {
    height: 8px;
    width: 18px;
    border-radius: var(--border-radius-default);
    margin-left: 16px;
    background-color: var(--background-color-tertiary); }
  .api-sidebar-empty-shell .api-sidebar-empty-shell--section--item__url {
    height: 8px;
    margin-right: 32px;
    background-color: var(--background-color-tertiary);
    margin-left: 16px;
    border-radius: var(--border-radius-default); }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.entity-empty__description {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  padding: var(--spacing-zero) 36px;
  line-height: var(--line-height-s); }
  .entity-empty__description .entity-learn-more-link {
    padding: var(--spacing-zero) var(--spacing-xs);
    font-size: var(--text-size-s); }

.api-entity-collapse-section {
  margin: var(--spacing-l) var(--spacing-s);
  display: flex;
  flex: 1;
  flex-direction: column; }
  .api-entity-collapse-section .api-entity-header {
    font-weight: var(--text-weight-medium);
    padding: var(--spacing-zero) var(--spacing-l);
    height: var(--size-m);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-secondary); }
    .api-entity-collapse-section .api-entity-header .api-entity-header__left-section {
      display: flex;
      cursor: pointer; }
      .api-entity-collapse-section .api-entity-header .api-entity-header__left-section .api-entity-header__icon {
        display: flex;
        align-items: center; }
      .api-entity-collapse-section .api-entity-header .api-entity-header__left-section .api-entity-header__title {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary);
        margin-left: var(--spacing-xs); }
    .api-entity-collapse-section .api-entity-header .api-entity-header__right-section .api-entity-header__action {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .api-entity-collapse-section .api-entity-header .api-entity-header__right-section .api-entity-header__action .api-entity-header__add-button {
        display: flex;
        font-size: var(--text-size-m);
        color: var(--content-color-link); }
      .api-entity-collapse-section .api-entity-header .api-entity-header__right-section .api-entity-header__action .api-entity-header__add-options {
        font-weight: var(--text-weight-regular); }
        .api-entity-collapse-section .api-entity-header .api-entity-header__right-section .api-entity-header__action .api-entity-header__add-options .add-options__dropdown-button {
          font-weight: var(--text-weight-medium); }
  .api-entity-collapse-section .api-entity-contents {
    min-height: 10vh;
    margin: var(--spacing-s) var(--spacing-zero); }
    .api-entity-collapse-section .api-entity-contents.is-collapsed {
      display: none; }

.api-dev-table {
  font-family: var(--text-family-default);
  display: flex;
  flex-direction: column;
  flex: 1; }

.api-dev-table-body {
  display: flex;
  flex-direction: column;
  flex: 1; }

.api-dev-table-row {
  display: flex;
  align-items: center;
  height: var(--size-m); }
  .api-dev-table-row .row-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: var(--size-m) !important;
    height: var(--size-m); }
  .api-dev-table-row .api-dev-table-row__cell {
    display: flex;
    align-items: center;
    flex: 0 0 15%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .api-dev-table-row .api-dev-table-row__cell.shrinked {
      margin-right: 16px; }
  .api-dev-table-row .api-dev-table-row__cell:first-child {
    flex: 0 0 30%; }
  .api-dev-table-row .row-hover__cell:last-child {
    visibility: hidden;
    margin-left: auto;
    justify-content: flex-end;
    overflow: unset; }
    .api-dev-table-row .row-hover__cell:last-child.shrinked {
      flex: 0 0 7%; }

.api-dev-table-row-monitors {
  height: max-content !important;
  min-height: 43px;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: var(--spacing-zero) !important; }

.api-dev-table-row-uptime-monitors {
  height: max-content !important;
  min-height: 43px;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: var(--spacing-zero) !important; }

.api-dev-table-header-monitors {
  margin-left: var(--spacing-zero) !important;
  margin-right: var(--spacing-zero) !important; }

.row-hover {
  padding: var(--spacing-xs) var(--spacing-s); }
  .row-hover:hover, .row-hover.is-hovered {
    background-color: var(--background-color-secondary);
    border-radius: var(--border-radius-default); }
    .row-hover:hover .row-hover__cell:last-child, .row-hover.is-hovered .row-hover__cell:last-child {
      display: flex;
      visibility: visible; }

.api-dev-table-header {
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  margin: var(--spacing-zero) var(--spacing-s); }
  .api-dev-table-header .api-dev-table-header__cell:last-child {
    margin-left: auto; }
    .api-dev-table-header .api-dev-table-header__cell:last-child.shrinked {
      flex: 0 0 7%; }
  .api-dev-table-header .empty-column {
    margin-right: var(--spacing-xxl); }
  .api-dev-table-header .api-dev-table-header__cell {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }
    .api-dev-table-header .api-dev-table-header__cell-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .api-dev-table-header .api-dev-table-header__helper-icon {
    display: flex;
    padding: var(--spacing-zero) var(--spacing-xs);
    margin-right: var(--spacing-s); }

.entity-last-updated__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.entity-name__icon {
  display: flex;
  margin-right: var(--spacing-s); }

/**
   * We needed to set min-width as 0 because of this issue -
   * https://css-tricks.com/flexbox-truncated-text/
   */
.entity-name__link {
  min-width: 0; }

/**
   * We needed to set display as block because of this issue -
   * https://westerndevs.com/css/Using-Overflow-Ellipsis-in-Inline-Flex/
   */
.entity-name__label {
  display: block;
  font-size: var(--text-size-m);
  padding: 2px var(--spacing-zero);
  color: var(--content-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -webkit-fill-available;
  margin-right: var(--spacing-s); }

.entity-version__label {
  height: var(--size-xs);
  padding: var(--spacing-zero) var(--spacing-s);
  margin-right: var(--spacing-xs);
  border-radius: 30px;
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-medium);
  background-color: var(--background-color-tertiary);
  color: var(--content-color-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre; }

.entity-version__current-label {
  border: 1px solid var(--border-color-default);
  background-color: var(--background-color-primary);
  color: var(--content-color-tertiary); }

.entity-version__icon {
  cursor: pointer; }
  .entity-version__icon .info__icon use {
    fill: var(--content-color-tertiary); }
  .entity-version__icon .info__icon svg > path[fill] {
    fill: var(--content-color-tertiary); }

.entity-version__markdown {
  color: var(--content-color-primary);
  line-height: 20px; }
  .entity-version__markdown h1,
  .entity-version__markdown h2,
  .entity-version__markdown h3,
  .entity-version__markdown h4,
  .entity-version__markdown h5,
  .entity-version__markdown h6 {
    line-height: 1.5;
    margin: 1.5em 0 0.5em; }
  .entity-version__markdown h1 {
    font-size: 18px;
    font-weight: 700; }
  .entity-version__markdown h2 {
    font-size: 16px;
    font-weight: 700; }
  .entity-version__markdown h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700; }
  .entity-version__markdown h4 {
    font-size: 14px;
    font-weight: 700; }
  .entity-version__markdown h5 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600; }
  .entity-version__markdown h6 {
    font-size: 12px;
    font-weight: 600; }
  .entity-version__markdown hr {
    border-style: none;
    border-width: 0;
    border-bottom: 1px solid var(--border-color-default); }
  .entity-version__markdown blockquote {
    padding-left: 16px;
    margin-left: 8px;
    border-left: 4px solid var(--border-color-default);
    color: var(--content-color-secondary); }
    .entity-version__markdown blockquote blockquote {
      margin-left: 20px; }
  .entity-version__markdown p, .entity-version__markdown span {
    margin: 3px 0;
    font-size: 12px;
    font-weight: 400; }
  .entity-version__markdown em {
    font-style: italic; }
  .entity-version__markdown strong {
    font-weight: var(--text-weight-medium); }
  .entity-version__markdown ul, .entity-version__markdown ol {
    margin: 5px; }
  .entity-version__markdown a {
    color: var(--content-color-link);
    text-decoration: none; }
    .entity-version__markdown a:hover {
      text-decoration: underline; }
  .entity-version__markdown pre {
    padding: 3px;
    background-color: var(--background-color-primary);
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
    .entity-version__markdown pre code {
      padding: 0;
      background-color: transparent;
      border: 0;
      border-radius: 0; }
  .entity-version__markdown code {
    padding: 1px 3px;
    font-family: "IBMPlexMono", "Cousine", monospace;
    font-size: 12px;
    background-color: var(--background-color-primary);
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
  .entity-version__markdown table {
    width: 100%;
    margin: 8px 0;
    border-radius: var(--border-radius-default);
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid var(--border-color-default); }
    .entity-version__markdown table th,
    .entity-version__markdown table td {
      max-width: 360px;
      padding: 4px 8px;
      word-break: normal;
      vertical-align: top;
      white-space: pre-line;
      border: 1px solid var(--border-color-default); }
      .entity-version__markdown table th:first-child,
      .entity-version__markdown table td:first-child {
        border-left: none; }
      .entity-version__markdown table th:last-child,
      .entity-version__markdown table td:last-child {
        border-right: none; }
    .entity-version__markdown table th {
      border-top: none; }
    .entity-version__markdown table tr:last-child th,
    .entity-version__markdown table tr:last-child td {
      border-bottom: none; }
  .entity-version__markdown img {
    max-width: 100%; }
  .entity-version__markdown p {
    margin: 0; }

.entity-validation__status {
  font-size: var(--text-size-s);
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-default);
  padding: var(--spacing-xs) var(--spacing-s);
  cursor: pointer;
  background: var(--background-color-tertiary);
  height: var(--size-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .entity-validation__status.warning {
    font-weight: var(--text-weight-medium);
    background-color: var(--background-color-warning);
    border-radius: 100px; }
  .entity-validation__status.error {
    border-radius: 100px; }
  .entity-validation__status.refresh {
    border-radius: 100px; }
  .entity-validation__status.success {
    background-color: var(--background-color-success);
    border-radius: 100px;
    font-weight: var(--text-weight-medium); }
  .entity-validation__status.validating {
    background: var(--background-color-secondary);
    cursor: default; }
    .entity-validation__status.validating .loading-indicator-wrapper {
      padding-left: var(--spacing-xs);
      padding-right: var(--spacing-s);
      transform: scale(0.7); }
  .entity-validation__status.validate .entity-validation__status_text {
    padding-left: unset; }
  .entity-validation__status.is-validate-disabled {
    cursor: default;
    opacity: 0.5; }
  .entity-validation__status .entity-validation__status_text {
    padding-left: var(--spacing-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.documentation-validation__status {
  font-size: 12px;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-default);
  cursor: pointer;
  background: transparent; }
  .documentation-validation__status.warning {
    border-radius: 100px;
    font-weight: var(--text-weight-medium);
    background-color: var(--background-color-warning); }
  .documentation-validation__status.refresh {
    border-radius: 100px;
    background: var(--background-color-secondary); }
  .documentation-validation__status.success {
    border-radius: 100px;
    background-color: var(--background-color-success); }
  .documentation-validation__status.validating {
    border-radius: 100px;
    background: var(--background-color-secondary);
    cursor: default; }
    .documentation-validation__status.validating .loading-indicator-wrapper {
      padding-left: var(--spacing-xs);
      padding-right: var(--spacing-s);
      transform: scale(0.7); }
  .documentation-validation__status.validate .documentation-validation__status_text {
    padding-left: unset; }
  .documentation-validation__status.is-validate-disabled {
    cursor: default;
    opacity: 0.5; }
  .documentation-validation__status .documentation-validation__status_text {
    margin-right: var(--spacing-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .documentation-validation__status .documentation-validation__status_icon {
    margin-right: var(--spacing-s);
    margin-left: var(--spacing-s); }

.api-dev-remove-from-workspace-modal__actions {
  display: flex;
  flex-direction: row-reverse; }

.api-dev-remove-from-workspace-modal__action-remove {
  background-color: var(--base-color-error);
  margin-left: var(--spacing-s); }

.api-dev-table-row__delete {
  min-width: var(--size-m);
  height: var(--size-m);
  margin-left: var(--spacing-s);
  display: flex;
  justify-content: center;
  align-items: center; }
  .api-dev-table-row__delete.small {
    width: 24px;
    min-width: 24px;
    height: 24px; }

.validation-info {
  width: auto; }
  .validation-info .tooltip-wrapper {
    padding: var(--spacing-l); }

.validation-info__description {
  line-height: 20px;
  color: var(--content-color-primary); }

.validation-info__actions {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing-l); }
  .validation-info__actions .validation-info__action_secondary {
    flex: 0 0 40%;
    font-weight: var(--text-weight-medium); }
  .validation-info__actions .validation-info__action_primary {
    flex: 0 0 57%;
    margin-left: var(--spacing-s);
    font-weight: var(--text-weight-medium); }

.api-documentation-dropdown .api-documentation-dropdown-button-icon {
  display: flex;
  margin-left: var(--spacing-xs); }

.api-documentation-dropdown-button {
  max-width: 200px; }

.api-documentation-dropdown .api-documentation-item {
  display: flex;
  margin-right: var(--spacing-s);
  width: 85%; }

.api-documentation-dropdown-menu-item.dropdown-menu-item {
  margin: 0 var(--spacing-xs);
  padding: 0 var(--spacing-xs) 0 var(--spacing-m);
  border-radius: var(--border-radius-default); }

.api-documentation-dropdown-menu-item:hover .api-documentation-dropdown__more-actions {
  display: initial; }

.api-documentation-dropdown-menu-item.is-selected {
  background-color: var(--highlight-background-color-secondary); }

.api-documentation-dropdown__more-actions {
  display: none;
  margin-left: auto; }

.api-documentation-dropdown__extra-actions {
  border-top: var(--border-width-default) solid var(--border-color-default); }

.api-documentation-dropdown .dropdown-menu {
  width: 280px; }

.api-documentation-dropdown__divider {
  border-top: 1px solid var(--border-color-strong);
  margin: var(--spacing-s) 0; }

.api-editor-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .api-editor-container__network {
    overflow: visible; }

.api-editor {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  min-height: 0; }
  .api-editor .api-tab-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0; }
    .api-editor .api-tab-content .api-tab-content-pane {
      overflow-y: hidden;
      overflow-x: auto; }

.api-editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: var(--text-size-m);
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) var(--spacing-s);
  background-color: var(--background-color-primary);
  min-width: 600px; }
  .api-editor-header__comments {
    cursor: pointer; }
  .api-editor-header .api-editor-header__left-section {
    display: flex;
    align-items: center;
    color: var(--content-color-primary);
    min-width: 0px;
    margin-left: var(--spacing-s); }
    .api-editor-header .api-editor-header__left-section .api-name-label {
      color: var(--content-color-primary);
      display: flex;
      align-items: center;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      min-width: 0px;
      max-width: 300px; }
      .api-editor-header .api-editor-header__left-section .api-name-label .breadcrumb__text {
        font-size: var(--text-size-l); }
      .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename {
        display: none;
        margin-right: var(--spacing-xs);
        margin-left: var(--spacing-xs); }
        .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename:hover use, .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename.is-hovered use {
          fill: var(--content-color-primary); }
        .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename:hover svg > path[fill], .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename.is-hovered svg > path[fill] {
          fill: var(--content-color-primary); }
      .api-editor-header .api-editor-header__left-section .api-name-label:hover .edit-icon-rename, .api-editor-header .api-editor-header__left-section .api-name-label.is-hovered .edit-icon-rename {
        display: inline-flex;
        cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-name-label:hover .copy-link-icon, .api-editor-header .api-editor-header__left-section .api-name-label.is-hovered .copy-link-icon {
        display: inline-flex;
        cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-name-label .copy-link-icon {
        display: none;
        margin-right: var(--spacing-xs); }
      .api-editor-header .api-editor-header__left-section .api-name-label .api-name-input {
        display: none; }
    .api-editor-header .api-editor-header__left-section .api-version-label {
      color: var(--content-color-tertiary);
      background-color: var(--background-color-tertiary);
      padding: var(--spacing-zero) var(--spacing-s);
      height: var(--size-xs);
      font-size: var(--text-size-s);
      font-weight: var(--text-weight-medium);
      white-space: pre;
      text-overflow: ellipsis;
      min-width: 0px;
      max-width: 100px;
      border-radius: 30px;
      cursor: auto; }
    .api-editor-header .api-editor-header__left-section .api-show-version {
      font-weight: var(--text-weight-regular);
      height: var(--size-s);
      border-radius: unset;
      color: var(--content-color-primary);
      padding: unset;
      margin-left: var(--spacing-s);
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
      margin-right: var(--spacing-s);
      white-space: nowrap;
      cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-show-version:hover, .api-editor-header .api-editor-header__left-section .api-show-version.is-hovered {
        color: var(--content-color-link); }
  .api-editor-header .api-editor-header__right-section {
    display: flex;
    align-items: center; }
    .api-editor-header .api-editor-header__right-section .button-wrapper {
      box-sizing: border-box;
      height: var(--size-m);
      display: flex;
      align-items: stretch;
      padding: var(--spacing-s);
      margin-right: 2px;
      cursor: pointer;
      user-select: none; }
      .api-editor-header .api-editor-header__right-section .button-wrapper .button-icon {
        margin-right: var(--spacing-xs); }
      .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button {
        background: initial; }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.button-disabled.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled.is-hovered {
          background: initial; }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.is-hovered {
          background-color: var(--highlight-background-color-primary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .watch-label {
        margin-left: var(--spacing-s); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .unwatch-icon use {
        fill: var(--content-color-secondary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .unwatch-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button {
        padding: var(--spacing-zero);
        margin-right: var(--spacing-s); }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button .button-icon {
          height: var(--size-m);
          width: var(--size-m); }
          .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button .button-icon.is-active {
            background-color: var(--highlight-background-color-tertiary); }
    .api-editor-header .api-editor-header__right-section .api-watch-button {
      margin-right: var(--spacing-s); }
    .api-editor-header .api-editor-header__right-section .api-mode-switcher {
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-l); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper {
        display: flex;
        justify-content: center;
        height: var(--size-m);
        width: 70px; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
          height: 28px;
          width: var(--size-m); }
          .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.right {
            left: 36px; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item {
          align-self: center;
          display: flex; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
          height: 100%;
          flex: 0 0 32px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper.disabled {
          opacity: 0.3; }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon use {
        fill: var(--content-color-tertiary); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon.active use {
        fill: var(--base-color-brand); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon.active svg > path[fill] {
        fill: var(--base-color-brand); }
    .api-editor-header .api-editor-header__right-section .comments-ctx-toggler {
      padding: var(--spacing-zero) var(--spacing-s);
      font-size: var(--text-size-m);
      align-items: center;
      color: var(--content-color-brand);
      margin-right: var(--spacing-m); }
      .api-editor-header .api-editor-header__right-section .comments-ctx-toggler > .comment-wrapper {
        cursor: pointer; }
        .api-editor-header .api-editor-header__right-section .comments-ctx-toggler > .comment-wrapper.disabled {
          opacity: 0.4;
          cursor: not-allowed; }

.api-context-menu-dropdown .dropdown-menu {
  margin-top: var(--spacing-zero);
  margin-right: 3px;
  width: 200px; }

.unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer {
  display: flex;
  flex-direction: row;
  flex: 1; }
  .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__left {
    display: flex;
    flex: 1; }
    .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__left > .btn.is-focused {
      border: 1px solid var(--base-color-info); }
  .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__right {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }
    .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__right > .btn {
      margin-left: var(--spacing-m); }
      .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__right > .btn:focus, .unsaved-api-version-confirmation-modal .unsaved-api-version-confirmation-modal__footer .unsaved-api-version-confirmation-modal__footer__right > .btn.is-focused {
        border: 1px solid var(--base-color-info); }

.version-stage-dropdown {
  overflow: hidden; }
  .version-stage-dropdown .version-stage-dropdown__button {
    display: flex;
    flex-direction: row;
    max-width: 240px;
    height: 100%; }
    .version-stage-dropdown .version-stage-dropdown__button__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-size-s); }
      .version-stage-dropdown .version-stage-dropdown__button__text__badge {
        margin-right: var(--spacing-zero); }
    .version-stage-dropdown .version-stage-dropdown__button .version-stage-dropdown__button__icons {
      display: flex;
      align-items: center; }
      .version-stage-dropdown .version-stage-dropdown__button .version-stage-dropdown__button__icons .version-stage-dropdown__button__icons__item {
        margin-left: var(--spacing-xs); }

.version-stage-dropdown-menu {
  border-width: var(--spacing-zero);
  overflow-y: auto;
  width: 180px; }
  .version-stage-dropdown-menu-link {
    color: var(--content-color-secondary);
    padding: var(--spacing-s); }

.api-version-edit-modal {
  display: flex; }
  .api-version-edit-modal .api-version-edit-modal__content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    color: var(--content-color-primary); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__label {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__input {
      margin-top: var(--spacing-xs);
      margin-bottom: var(--spacing-s); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__visibility {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: var(--spacing-l); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__visibility .input-checkbox {
        height: calc(var(--size-s)/2);
        min-width: calc(var(--size-s)/2);
        width: calc(var(--size-s)/2);
        margin-right: var(--spacing-s); }
        .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__visibility .input-checkbox.is-selected {
          background-color: var(--base-color-info); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__visibility .api-version-edit-modal__content__visibility-label {
        line-height: var(--line-height-s);
        cursor: pointer;
        user-select: none;
        font-size: var(--text-size-m); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__visibility .api-version-edit-modal__content__visibility-info {
        display: inline-flex;
        margin-left: var(--spacing-s); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__dropdown {
      display: flex;
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-l);
      flex-direction: column; }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__dropdown .api-version-edit-modal__content__dropdown__label {
        font-weight: var(--text-weight-medium);
        color: var(--content-color-secondary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__dropdown .dropdown {
        flex: 1;
        min-width: 0;
        margin-top: var(--spacing-xs); }
        .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__dropdown .dropdown .api-version-edit-modal__content__dropdown-button {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          font-size: var(--text-size-m);
          line-height: var(--line-height-m); }
          .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__dropdown .dropdown .api-version-edit-modal__content__dropdown-button .api-version-edit-modal__content__dropdown-value {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre;
            font-weight: var(--text-weight-regular);
            color: var(--content-color-primary); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__summary {
      margin-bottom: var(--spacing-l); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__summary .api-version-edit-modal__content__summary__label {
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-bold);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__summary .textarea {
        height: 74px;
        font-size: var(--text-size-m); }
    .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__banner {
      background-color: var(--background-color-warning);
      color: var(--content-color-primary);
      display: flex;
      align-items: center;
      padding: var(--spacing-l); }
      .api-version-edit-modal .api-version-edit-modal__content .api-version-edit-modal__content__banner .api-version-edit-modal__content__banner__content {
        margin-left: var(--spacing-m);
        font-size: var(--text-size-m); }
  .api-version-edit-modal .api-version-edit-modal__footer {
    display: flex;
    justify-content: flex-end; }
    .api-version-edit-modal .api-version-edit-modal__footer .api-version-edit-modal__footer__save-button {
      margin-left: var(--spacing-s); }
  .api-version-edit-modal .modal-header {
    height: 66px;
    align-items: center; }
    .api-version-edit-modal .modal-header .modal-header-title {
      font-weight: var(--text-weight-medium);
      font-size: var(--spacing-l);
      line-height: var(--line-height-m);
      display: flex;
      align-items: center;
      padding-left: var(--spacing-xl);
      padding-bottom: var(--spacing-xl);
      padding-top: 22px;
      color: var(--content-color-primary); }
  .api-version-edit-modal .modal-content {
    flex: initial;
    padding-top: var(--spacing-s);
    padding-bottom: var(--spacing-xs); }
  .api-version-edit-modal .modal-footer {
    padding: var(--spacing-zero); }

.api-editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: var(--text-size-m);
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) var(--spacing-s);
  background-color: var(--background-color-primary);
  min-width: 600px; }
  .api-editor-header__comments {
    cursor: pointer; }
  .api-editor-header .api-editor-header__left-section {
    display: flex;
    align-items: center;
    color: var(--content-color-primary);
    min-width: 0px;
    margin-left: var(--spacing-s); }
    .api-editor-header .api-editor-header__left-section .api-name-label {
      color: var(--content-color-primary);
      display: flex;
      align-items: center;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      min-width: 0px;
      max-width: 300px; }
      .api-editor-header .api-editor-header__left-section .api-name-label .breadcrumb__text {
        font-size: var(--text-size-l); }
      .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename {
        display: none;
        margin-right: var(--spacing-xs);
        margin-left: var(--spacing-xs); }
        .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename:hover use, .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename.is-hovered use {
          fill: var(--content-color-primary); }
        .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename:hover svg > path[fill], .api-editor-header .api-editor-header__left-section .api-name-label .edit-icon-rename.is-hovered svg > path[fill] {
          fill: var(--content-color-primary); }
      .api-editor-header .api-editor-header__left-section .api-name-label:hover .edit-icon-rename, .api-editor-header .api-editor-header__left-section .api-name-label.is-hovered .edit-icon-rename {
        display: inline-flex;
        cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-name-label:hover .copy-link-icon, .api-editor-header .api-editor-header__left-section .api-name-label.is-hovered .copy-link-icon {
        display: inline-flex;
        cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-name-label .copy-link-icon {
        display: none;
        margin-right: var(--spacing-xs); }
      .api-editor-header .api-editor-header__left-section .api-name-label .api-name-input {
        display: none; }
    .api-editor-header .api-editor-header__left-section .api-version-label {
      color: var(--content-color-tertiary);
      background-color: var(--background-color-tertiary);
      padding: var(--spacing-zero) var(--spacing-s);
      height: var(--size-xs);
      font-size: var(--text-size-s);
      font-weight: var(--text-weight-medium);
      white-space: pre;
      text-overflow: ellipsis;
      min-width: 0px;
      max-width: 100px;
      border-radius: 30px;
      cursor: auto; }
    .api-editor-header .api-editor-header__left-section .api-show-version {
      font-weight: var(--text-weight-regular);
      height: var(--size-s);
      border-radius: unset;
      color: var(--content-color-primary);
      padding: unset;
      margin-left: var(--spacing-s);
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
      margin-right: var(--spacing-s);
      white-space: nowrap;
      cursor: pointer; }
      .api-editor-header .api-editor-header__left-section .api-show-version:hover, .api-editor-header .api-editor-header__left-section .api-show-version.is-hovered {
        color: var(--content-color-link); }
  .api-editor-header .api-editor-header__right-section {
    display: flex;
    align-items: center; }
    .api-editor-header .api-editor-header__right-section .button-wrapper {
      box-sizing: border-box;
      height: var(--size-m);
      display: flex;
      align-items: stretch;
      padding: var(--spacing-s);
      margin-right: 2px;
      cursor: pointer;
      user-select: none; }
      .api-editor-header .api-editor-header__right-section .button-wrapper .button-icon {
        margin-right: var(--spacing-xs); }
      .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button {
        background: initial; }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.button-disabled.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.button-disabled.is-hovered {
          background: initial; }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-report-button.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.is-hovered, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button:hover, .api-editor-header .api-editor-header__right-section .button-wrapper.api-share-button.is-hovered {
          background-color: var(--highlight-background-color-primary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .watch-label {
        margin-left: var(--spacing-s); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .unwatch-icon use {
        fill: var(--content-color-secondary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper .unwatch-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
      .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button {
        padding: var(--spacing-zero);
        margin-right: var(--spacing-s); }
        .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button .button-icon {
          height: var(--size-m);
          width: var(--size-m); }
          .api-editor-header .api-editor-header__right-section .button-wrapper.api-context-menu-button .button-icon.is-active {
            background-color: var(--highlight-background-color-tertiary); }
    .api-editor-header .api-editor-header__right-section .api-watch-button {
      margin-right: var(--spacing-s); }
    .api-editor-header .api-editor-header__right-section .api-mode-switcher {
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-l); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper {
        display: flex;
        justify-content: center;
        height: var(--size-m);
        width: 70px; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
          height: 28px;
          width: var(--size-m); }
          .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.right {
            left: 36px; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-active-item {
          align-self: center;
          display: flex; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
          height: 100%;
          flex: 0 0 32px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .api-editor-header .api-editor-header__right-section .api-mode-switcher.plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__wrapper.disabled {
          opacity: 0.3; }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon use {
        fill: var(--content-color-tertiary); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon.active use {
        fill: var(--base-color-brand); }
      .api-editor-header .api-editor-header__right-section .api-mode-switcher .api-mode-switcher__icon.active svg > path[fill] {
        fill: var(--base-color-brand); }
    .api-editor-header .api-editor-header__right-section .comments-ctx-toggler {
      padding: var(--spacing-zero) var(--spacing-s);
      font-size: var(--text-size-m);
      align-items: center;
      color: var(--content-color-brand);
      margin-right: var(--spacing-m); }
      .api-editor-header .api-editor-header__right-section .comments-ctx-toggler > .comment-wrapper {
        cursor: pointer; }
        .api-editor-header .api-editor-header__right-section .comments-ctx-toggler > .comment-wrapper.disabled {
          opacity: 0.4;
          cursor: not-allowed; }

.api-context-menu-dropdown .dropdown-menu {
  margin-top: var(--spacing-zero);
  margin-right: 3px;
  width: 200px; }

.delete-api-container-wrapper {
  display: flex;
  flex-direction: column; }
  .delete-api-container-wrapper__alert {
    margin-top: var(--spacing-l);
    background-color: var(--background-color-error);
    border-radius: var(--border-radius-default);
    display: flex;
    flex-direction: row; }
    .delete-api-container-wrapper__alert__icon {
      padding: var(--spacing-m) var(--spacing-zero) var(--spacing-m) var(--spacing-m);
      display: flex;
      align-items: center; }
      .delete-api-container-wrapper__alert__icon use {
        fill: var(--content-color-error); }
      .delete-api-container-wrapper__alert__icon svg > path[fill] {
        fill: var(--content-color-error); }
    .delete-api-container-wrapper__alert__text {
      padding: var(--spacing-m);
      color: var(--content-color-error);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }

.api-dev-delete-modal__actions {
  display: flex;
  flex-direction: row-reverse; }
  .api-dev-delete-modal__actions .btn.is-focused {
    box-shadow: var(--shadow-focus); }

.api-dev-delete-modal__action-delete {
  background-color: var(--base-color-error);
  margin-left: var(--spacing-s); }

.api-version-create-modal {
  display: flex; }
  .api-version-create-modal .api-version-create-modal__horizontal-break {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding-left: 20%;
    padding-right: 20%;
    width: 80%; }
  .api-version-create-modal .api-version-create-modal__content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    color: var(--content-color-primary); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__banner {
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-m); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__banner .link-text {
        color: var(--content-color-secondary); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__banner .link-text .aether-link-text {
          border-bottom: none; }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__input {
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-xl); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__visibility {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: var(--spacing-l); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__visibility .input-checkbox {
        height: calc(var(--size-s)/2);
        min-width: calc(var(--size-s)/2);
        width: calc(var(--size-s)/2);
        margin-right: var(--spacing-s);
        border-radius: var(--border-radius-s); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__visibility .input-checkbox.is-selected {
          background-color: var(--blue-50); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__visibility .api-version-create-modal__content__visibility-label {
        line-height: var(--line-height-m);
        cursor: pointer;
        user-select: none; }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__visibility .api-version-create-modal__content__visibility__info {
        display: inline-flex;
        margin-left: var(--spacing-s); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__show-options {
      display: flex;
      flex-direction: row;
      margin-bottom: var(--spacing-m); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__show-options .toggle-icon {
        cursor: pointer; }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__show-options .api-version-create-modal__content__show-options__label {
        cursor: pointer;
        user-select: none;
        color: var(--content-color-secondary);
        font-size: var(--text-size-m); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__label {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-m);
      user-select: none;
      color: var(--content-color-secondary); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__helper-text {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__dropdown {
      display: flex;
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-l); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__dropdown .dropdown {
        flex: 1;
        min-width: 0; }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__dropdown .dropdown .api-version-create-modal__content__dropdown-button {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__dropdown .dropdown .api-version-create-modal__content__dropdown-button .api-version-create-modal__content__dropdown-value {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre; }
    .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over {
      display: flex;
      flex-direction: column; }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__checkbox-wrapper {
        display: flex;
        margin-bottom: var(--spacing-m);
        font-size: var(--text-size-m); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__checkbox-wrapper .api-version-create-modal__content__checkbox {
          display: flex;
          margin-right: var(--spacing-xs);
          height: calc(var(--size-s)/2);
          width: calc(var(--size-s)/2);
          min-width: calc(var(--size-s)/2);
          border-radius: var(--border-radius-s); }
          .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__checkbox-wrapper .api-version-create-modal__content__checkbox.is-selected {
            background-color: var(--blue-50); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__checkbox-wrapper .api-version-create-modal__content__checkbox-label {
          user-select: none;
          align-self: center;
          cursor: pointer;
          font-weight: var(--text-weight-regular);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          color: var(--content-color-primary); }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-all {
        margin-bottom: var(--spacing-l);
        margin-left: var(--spacing-s);
        display: flex; }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-all .input-checkbox {
          margin-right: var(--spacing-s);
          height: calc(var(--size-s)/2);
          width: calc(var(--size-s)/2);
          min-width: calc(var(--size-s)/2);
          border-radius: var(--border-radius-s); }
          .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-all .input-checkbox.is-selected {
            background-color: var(--blue-50); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-all .api-version-create-modal__content__select-all__label {
          user-select: none;
          cursor: pointer; }
      .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-schema {
        margin-bottom: var(--spacing-s);
        margin-left: var(--spacing-s);
        display: flex; }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-schema .input-checkbox {
          margin-right: var(--spacing-s);
          height: calc(var(--size-s)/2);
          width: calc(var(--size-s)/2);
          min-width: calc(var(--size-s)/2);
          border-radius: var(--border-radius-s); }
          .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-schema .input-checkbox.is-selected {
            background-color: var(--base-color-info); }
        .api-version-create-modal .api-version-create-modal__content .api-version-create-modal__content__carry-over .api-version-create-modal__content__select-schema .api-version-create-modal__content__select-all__label {
          user-select: none;
          cursor: pointer; }
  .api-version-create-modal .api-version-create-modal__footer {
    justify-content: flex-end; }
    .api-version-create-modal .api-version-create-modal__footer .api-version-create-modal__footer__add-button {
      margin-left: var(--spacing-s); }
  .api-version-create-modal .modal-content {
    flex: initial;
    padding-top: var(--spacing-zero);
    padding-bottom: var(--spacing-zero); }
  .api-version-create-modal .modal-footer {
    padding: var(--spacing-zero); }

.api-offline {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .api-offline.sidebar {
    padding: var(--spacing-xxl) var(--spacing-l);
    margin-top: var(--spacing-xxl); }
  .api-offline.api-editor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .api-offline.context-bar {
    padding: var(--spacing-xl) var(--spacing-zero);
    margin-top: var(--spacing-xxxl); }
  .api-offline__blank-state {
    padding: var(--spacing-l); }
  .api-offline__content {
    text-align: center; }
    .api-offline__content__header {
      margin-bottom: var(--spacing-s); }
    .api-offline__content__sub-header {
      margin-bottom: var(--spacing-l); }

.api-import-complete-modal .modal-content .imported-data-status-wrapper {
  padding: var(--spacing-l) var(--spacing-xxxl); }
  .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__title {
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-l); }
  .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle {
    display: flex;
    flex-direction: column; }
    .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle .imported-data-status--failed, .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle .imported-data-status--passed {
      display: flex; }
      .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle .imported-data-status--failed i, .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle .imported-data-status--passed i {
        margin-right: var(--spacing-m); }
    .api-import-complete-modal .modal-content .imported-data-status-wrapper .imported-data-status__subtitle .imported-data-status--failed {
      margin-bottom: var(--spacing-l); }

.api-import-complete-modal .modal-content .content-separator {
  display: flex;
  padding-left: var(--spacing-xxxl);
  padding-right: var(--spacing-l);
  margin-top: var(--spacing-xxl);
  margin-bottom: var(--spacing-l); }
  .api-import-complete-modal .modal-content .content-separator .separator__title {
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary); }
  .api-import-complete-modal .modal-content .content-separator .separator__horizontal {
    flex: 1;
    margin-left: var(--spacing-s);
    position: relative;
    top: var(--spacing-s);
    border-top: var(--border-width-default) solid var(--border-color-default); }

.api-import-complete-modal .modal-content .after-import-section {
  padding: var(--spacing-s); }
  .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option {
    padding: var(--spacing-s);
    display: flex;
    margin-bottom: var(--spacing-m); }
    .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option:last-child {
      margin-bottom: var(--spacing-zero); }
    .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option .option__bullet-point-wrapper {
      font-size: var(--text-size-xs);
      flex: 0 0 var(--size-m); }
    .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option .option__text-wrapper {
      margin-right: var(--spacing-xxl); }
      .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option .option__text-wrapper .option__label {
        font-weight: var(--text-weight-medium);
        margin-bottom: var(--spacing-xs); }
      .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option .option__text-wrapper .option__description {
        color: var(--content-color-secondary); }
    .api-import-complete-modal .modal-content .after-import-section .after-import-options .after-import-option .option__toggle-switch-wrapper {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      align-items: flex-start; }

.api-import-complete-modal .modal-footer {
  border-top: var(--border-width-default) solid var(--border-color-default);
  padding: var(--spacing-l); }

.generation-config-options__toggle-button {
  display: inline-flex;
  align-items: center;
  margin-top: var(--spacing-l);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-link);
  cursor: pointer; }
  .generation-config-options__toggle-button .toggle-button-icon {
    margin-right: var(--spacing-xs); }

.generation-config-options-wrapper {
  margin-top: var(--spacing-s);
  padding: var(--spacing-m);
  display: flex;
  flex-direction: column;
  flex: 1 0;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  min-width: 30%; }

.api-dev-remove-from-workspace-modal__actions {
  display: flex;
  flex-direction: row-reverse; }

.api-dev-remove-from-workspace-modal__action-remove {
  background-color: var(--base-color-error);
  margin-left: var(--spacing-s); }

.generate-collection-modal-button {
  background-color: var(--background-color-tertiary);
  color: var(--content-color-secondary);
  white-space: nowrap;
  height: var(--size-s);
  font-weight: var(--text-weight-medium); }
  .generate-collection-modal-button:hover, .generate-collection-modal-button.is-hovered {
    background-color: var(--highlight-background-color-tertiary); }
  .generate-collection-modal-button:active, .generate-collection-modal-button.is-active {
    background-color: var(--highlight-background-color-tertiary); }
  .generate-collection-modal-button.is-disabled {
    opacity: 0.5;
    cursor: default;
    background-color: var(--background-color-tertiary); }

.generate-collection-modal {
  line-height: var(--line-height-m);
  display: flex; }
  .generate-collection-modal .generate-collection-content-container {
    display: flex;
    flex-direction: column;
    flex: 1 0; }
    .generate-collection-modal .generate-collection-content-container .collection-name-input .input-field {
      margin-bottom: var(--spacing-xs); }
    .generate-collection-modal .generate-collection-content-container .collection-name-input .collection-name__error {
      visibility: hidden;
      color: var(--content-color-error);
      font-size: var(--text-size-s);
      margin-bottom: var(--spacing-s); }
    .generate-collection-modal .generate-collection-content-container .collection-name-input.is-required .collection-name__error {
      visibility: visible; }
    .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
      margin-top: var(--spacing-l); }
      .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element {
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        display: flex;
        margin: var(--spacing-xs);
        align-items: center;
        flex: 1 0 220px;
        padding: var(--spacing-xs) var(--spacing-s);
        cursor: pointer; }
        .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element .api-elements-options__card {
          display: flex;
          align-items: flex-end;
          margin-left: var(--spacing-l); }
        .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element:hover {
          background-color: var(--highlight-background-color-primary);
          border-radius: var(--spacing-xs); }
        .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element .api-element-icon {
          align-self: center;
          display: flex; }
          .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element .api-element-icon i {
            height: auto;
            width: auto; }
          .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element .api-element-icon svg {
            width: var(--size-s);
            height: var(--size-s); }
        .generate-collection-modal .generate-collection-content-container .api-elements-options-wrapper .api-elements-options .api-element .api-element-button-text {
          display: flex;
          flex-direction: column;
          margin-left: var(--spacing-l); }
  .generate-collection-modal .modal-footer {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.create-monitor-entity-modal {
  height: 640px; }
  @media (max-height: 660px) {
    .create-monitor-entity-modal {
      height: 70vh; } }
  .create-monitor-entity-modal .modal-header {
    background-color: var(--background-color-primary);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .create-monitor-entity-modal .modal-header .modal-header-title {
      padding: var(--spacing-m) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
      .create-monitor-entity-modal .modal-header .modal-header-title .tabs {
        height: 100%; }
        .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab {
          font-size: var(--text-size-m);
          line-height: var(--line-height-l);
          height: 100%;
          cursor: default; }
          .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done {
            color: var(--content-color-secondary); }
            .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done use {
              fill: var(--content-color-secondary); }
            .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done svg > path[fill] {
              fill: var(--content-color-secondary); }
            .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover, .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered {
              color: var(--content-color-primary); }
              .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover use, .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered use {
                fill: var(--content-color-primary); }
              .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover svg > path[fill], .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered svg > path[fill] {
                fill: var(--content-color-primary); }
          .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-active:hover, .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab.is-active.is-hovered {
            color: var(--content-color-primary); }
          .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab .create-monitor-entity-modal__tab {
            display: flex;
            align-items: center; }
            .create-monitor-entity-modal .modal-header .modal-header-title .tabs .tab .create-monitor-entity-modal__tab .create-monitor-entity-modal__tab-name {
              margin-left: var(--spacing-xs); }
  .create-monitor-entity-modal .modal-content {
    line-height: var(--line-height-m);
    display: flex;
    background-color: var(--background-color-primary); }
    .create-monitor-entity-modal .modal-content .create-monitor-entity__error {
      width: 100%;
      display: flex;
      align-items: center; }
    .create-monitor-entity-modal .modal-content .create-monitor-entity-modal__content {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex: 1; }
      .create-monitor-entity-modal .modal-content .create-monitor-entity-modal__content .create-monitor-entity-modal__content-wrapper .create-monitor-entity-modal__content-wrapper__table {
        height: 100%;
        flex: 1; }
        .create-monitor-entity-modal .modal-content .create-monitor-entity-modal__content .create-monitor-entity-modal__content-wrapper .create-monitor-entity-modal__content-wrapper__table .create-monitor-entity-modal__data-editor {
          height: 100%; }
          .create-monitor-entity-modal .modal-content .create-monitor-entity-modal__content .create-monitor-entity-modal__content-wrapper .create-monitor-entity-modal__content-wrapper__table .create-monitor-entity-modal__data-editor .data-editor {
            height: 100%; }
            .create-monitor-entity-modal .modal-content .create-monitor-entity-modal__content .create-monitor-entity-modal__content-wrapper .create-monitor-entity-modal__content-wrapper__table .create-monitor-entity-modal__data-editor .data-editor .data-editor {
              overflow-y: auto;
              height: 100%; }
    .create-monitor-entity-modal .modal-content .select-collection__tabs .tab-secondary.is-disabled {
      color: var(--content-color-secondary);
      opacity: 0.4;
      cursor: not-allowed; }
    .create-monitor-entity-modal .modal-content .select-collection .tabs {
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      background-color: var(--background-color-tertiary);
      margin-bottom: var(--spacing-l);
      border-radius: var(--border-radius-default); }
      .create-monitor-entity-modal .modal-content .select-collection .tabs .tab-primary {
        padding: var(--spacing-s);
        background-color: var(--background-color-tertiary); }
      .create-monitor-entity-modal .modal-content .select-collection .tabs .is-active {
        background-color: var(--background-color-primary);
        color: var(--highlight-background-color-brand);
        box-shadow: none; }
    .create-monitor-entity-modal .modal-content .select-collection .collection-name-wrapper {
      margin-bottom: var(--spacing-l); }
    .create-monitor-entity-modal .modal-content .select-collection .collection-name,
    .create-monitor-entity-modal .modal-content .select-collection .select-collection__content {
      display: flex;
      padding-top: var(--spacing-s); }
    .create-monitor-entity-modal .modal-content .select-collection .collection-name__input,
    .create-monitor-entity-modal .modal-content .select-collection .select-collection__dropdown {
      flex: 0 0 40%; }
    .create-monitor-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown {
      width: 100%; }
    .create-monitor-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown-head {
      display: flex;
      justify-content: space-between; }
      .create-monitor-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown-head .dropdown-head__label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre; }
    .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper__intro {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      width: 100%;
      margin-bottom: var(--spacing-xl); }
    .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper {
      display: flex;
      flex-direction: column;
      flex: 1 0; }
      .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor {
        display: flex;
        flex-direction: column; }
        .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__header .data-editor__header__cell {
          font-size: var(--text-size-m);
          font-weight: var(--text-weight-medium);
          color: var(--content-color-secondary);
          font-weight: var(--text-weight-medium); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row {
          font-size: var(--text-size-m);
          color: var(--content-color-primary); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .data-editor__reorder {
            width: var(--size-s); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .dropdown {
            margin: var(--spacing-zero) var(--spacing-xs); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .dropdown-button .btn {
            background-color: transparent;
            padding: var(--spacing-zero); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .data-editor__cell--time {
            display: flex;
            flex: 1;
            margin-right: var(--spacing-xxl); }
            .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .data-editor__cell--time .postfix {
              padding-left: var(--spacing-xs);
              line-height: var(--line-height-l); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time, .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time {
            margin-right: var(--spacing-zero); }
          .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time, .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time {
            margin-right: var(--spacing-xxl); }
      .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__content-wrapper .create-monitor-entity-modal__content-wrapper__table {
        flex: 1; }
    .create-monitor-entity-modal .modal-content .select-collection .create-monitor-entity-modal__footer__helptext {
      margin-top: var(--text-size-m);
      color: var(--content-color-secondary); }
    .create-monitor-entity-modal .modal-content .configure-monitor.is-loading {
      display: flex;
      justify-content: center;
      align-items: center; }
    .create-monitor-entity-modal .modal-content .configure-monitor .monitor-name-wrapper,
    .create-monitor-entity-modal .modal-content .configure-monitor .version-tag-wrapper,
    .create-monitor-entity-modal .modal-content .configure-monitor .environment-wrapper {
      margin-bottom: var(--spacing-l); }
    .create-monitor-entity-modal .modal-content .configure-monitor .monitor-name,
    .create-monitor-entity-modal .modal-content .configure-monitor .environment,
    .create-monitor-entity-modal .modal-content .configure-monitor .version-tag {
      display: flex;
      padding-top: var(--spacing-s); }
    .create-monitor-entity-modal .modal-content .configure-monitor .monitor-name__input {
      flex: 0 0 40%; }
    .create-monitor-entity-modal .modal-content .configure-monitor .version-tag__dropdown,
    .create-monitor-entity-modal .modal-content .configure-monitor .environment__dropdown {
      flex: 0 0 40%; }
      .create-monitor-entity-modal .modal-content .configure-monitor .version-tag__dropdown .dropdown,
      .create-monitor-entity-modal .modal-content .configure-monitor .environment__dropdown .dropdown {
        width: 100%; }
      .create-monitor-entity-modal .modal-content .configure-monitor .version-tag__dropdown .dropdown-head,
      .create-monitor-entity-modal .modal-content .configure-monitor .environment__dropdown .dropdown-head {
        display: flex;
        justify-content: space-between; }
        .create-monitor-entity-modal .modal-content .configure-monitor .version-tag__dropdown .dropdown-head .dropdown-head__label,
        .create-monitor-entity-modal .modal-content .configure-monitor .environment__dropdown .dropdown-head .dropdown-head__label {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: pre; }
    .create-monitor-entity-modal .modal-content .configure-monitor .environment__learn-more-text {
      padding-left: var(--spacing-xs); }
    .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper {
      margin-bottom: var(--spacing-l); }
      .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper .monitor-run-frequency {
        display: flex;
        padding-top: var(--spacing-s); }
        .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper .monitor-run-frequency .monitor-schedule-selector {
          flex: 0 0 40%;
          flex-direction: column; }
          .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper .monitor-run-frequency .monitor-schedule-selector .dropdown {
            flex: 1;
            margin: var(--spacing-zero); }
          .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper .monitor-run-frequency .monitor-schedule-selector .time-option-dropdown {
            margin: var(--spacing-s) var(--spacing-zero); }
        .create-monitor-entity-modal .modal-content .configure-monitor .monitor-run-frequency-wrapper .monitor-run-frequency .monitor-run-frequency__learn-more-text {
          padding-left: var(--spacing-xs); }
    .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group {
      margin-bottom: var(--spacing-xl); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__label, .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__label--regions {
        font-size: var(--text-size-m);
        line-height: var(--line-height-l);
        font-weight: var(--text-weight-medium);
        padding-bottom: var(--spacing-s); }
        .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__label.is-error, .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .is-error.create-monitor-entity__body__label--regions {
          color: var(--content-color-error); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__label--regions {
        padding-bottom: var(--spacing-zero); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__input {
        display: flex; }
        .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__input .create-monitor-entity__body__field {
          display: flex;
          flex: 0 0 430px;
          flex-direction: column;
          margin-bottom: auto;
          height: 100%; }
        .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__input .input-checkbox {
          margin-right: var(--spacing-xs); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group .create-monitor-entity__body__select-group--regions__radio {
        margin-right: var(--spacing-xs); }
    .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input.create-monitor-entity__body__input-regions--auto {
      display: none; }
    .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input.create-monitor-entity__body__input-regions--manual {
      display: flex; }
    .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__field {
      flex-wrap: wrap;
      flex: 0 0 40%;
      flex-direction: column; }
    .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__input__checkbox {
      display: flex;
      flex: 1;
      color: var(--content-color-primary);
      margin-top: var(--spacing-s); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__input__checkbox .input-checkbox {
        margin-right: var(--spacing-s); }
      .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__input__checkbox--icon {
        display: inline-flex;
        padding-left: var(--spacing-xs);
        vertical-align: -2px; }
        .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__input__checkbox--icon use {
          fill: var(--content-color-tertiary); }
        .create-monitor-entity-modal .modal-content .configure-monitor .create-monitor-entity__body__input-group--regions .create-monitor-entity__body__input .create-monitor-entity__body__input__checkbox--icon svg > path[fill] {
          fill: var(--content-color-tertiary); }
    .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper {
      margin-bottom: var(--spacing-xl); }
      .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preferences-toggle {
        padding-left: var(--spacing-zero); }
      .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference {
        margin: var(--spacing-m) var(--spacing-zero); }
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .additional-preference__checkbox {
          display: flex; }
          .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .additional-preference__checkbox .checkbox-label {
            padding-left: var(--spacing-m);
            cursor: default;
            -webkit-user-select: none;
            user-select: none; }
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .notifications__input .input-field {
          margin: var(--spacing-xs) var(--spacing-zero);
          margin-left: var(--spacing-xxl); }
          .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .notifications__input .input-field .input {
            flex: 0 0 300px; }
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .notifications__input .input__meta {
          margin: var(--spacing-xs) var(--spacing-zero);
          margin-left: var(--spacing-xxl);
          font-size: var(--text-size-s); }
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .notifications__input .input__meta.error {
          color: var(--content-color-error); }
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .timeout__input,
        .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .delay__input {
          display: flex;
          align-items: center; }
          .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .timeout__input .input-field,
          .create-monitor-entity-modal .modal-content .configure-monitor .additional-preferences-wrapper .additional-preference .delay__input .input-field {
            flex: 0 0 150px;
            margin: var(--spacing-xs) var(--spacing-zero);
            margin-left: var(--spacing-xxl); }
  .create-monitor-entity-modal .help-text {
    color: var(--content-color-secondary);
    padding-left: var(--spacing-xl); }
  .create-monitor-entity-modal .input-label,
  .create-monitor-entity-modal .dropdown-label,
  .create-monitor-entity-modal .checkbox-group-label {
    font-weight: var(--text-weight-medium); }
  .create-monitor-entity-modal .modal-footer {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .create-monitor-entity-modal .modal-footer .create-monitor-entity-modal__footer {
      display: flex;
      flex: 1;
      justify-content: flex-end; }
      .create-monitor-entity-modal .modal-footer .create-monitor-entity-modal__footer > * {
        height: var(--size-m);
        font-weight: var(--text-weight-medium); }
  .create-monitor-entity-modal .action-button__cancel {
    margin-right: var(--spacing-s); }
  .create-monitor-entity-modal .action-button__generate {
    width: 40%; }

.api-monitoring-uptime-monitor-short-field {
  display: flex;
  flex: 0 0 7% !important;
  padding-right: var(--spacing-s); }

.api-monitoring-uptime-monitor-timeline {
  display: flex;
  flex: 0 0 36% !important;
  padding-right: var(--spacing-s); }

.create-mock-entity-modal {
  height: 600px; }
  @media (max-height: 620px) {
    .create-mock-entity-modal {
      height: 70vh; } }
  .create-mock-entity-modal .modal-header {
    background-color: var(--background-color-primary);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .create-mock-entity-modal .modal-header .modal-header-title {
      padding: var(--spacing-m) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
      .create-mock-entity-modal .modal-header .modal-header-title .tabs {
        height: 100%; }
        .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab {
          font-size: var(--text-size-m);
          line-height: var(--line-height-l);
          height: 100%;
          cursor: default; }
          .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done {
            display: flex;
            align-items: center;
            color: var(--content-color-secondary); }
            .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done use {
              fill: var(--content-color-secondary); }
            .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done svg > path[fill] {
              fill: var(--content-color-secondary); }
            .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover, .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered {
              color: var(--content-color-primary); }
              .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover use, .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered use {
                fill: var(--content-color-primary); }
              .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done:hover svg > path[fill], .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-done.is-hovered svg > path[fill] {
                fill: var(--content-color-primary); }
          .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-active:hover, .create-mock-entity-modal .modal-header .modal-header-title .tabs .tab.is-active.is-hovered {
            color: var(--content-color-primary); }
  .create-mock-entity-modal .modal-content {
    padding: var(--spacing-xl);
    display: flex;
    justify-content: center;
    overflow: visible; }
    .create-mock-entity-modal .modal-content .create-mock-entity-modal__content {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex: 1 0; }
    .create-mock-entity-modal .modal-content .select-collection {
      overflow: auto; }
      .create-mock-entity-modal .modal-content .select-collection__tabs .tab-secondary.is-disabled {
        color: var(--content-color-secondary);
        opacity: 0.4;
        cursor: not-allowed; }
      .create-mock-entity-modal .modal-content .select-collection .tabs {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        background-color: var(--background-color-tertiary);
        margin-bottom: var(--spacing-l);
        border-radius: var(--border-radius-default); }
        .create-mock-entity-modal .modal-content .select-collection .tabs .tab-primary {
          background-color: var(--background-color-tertiary);
          padding: var(--spacing-s); }
        .create-mock-entity-modal .modal-content .select-collection .tabs .is-active {
          background-color: var(--background-color-primary);
          color: var(--highlight-background-color-brand);
          box-shadow: none; }
      .create-mock-entity-modal .modal-content .select-collection .generate-new-content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1 0; }
        .create-mock-entity-modal .modal-content .select-collection .generate-new-content-wrapper .collection-name__input {
          margin-top: var(--spacing-s);
          width: 333px; }
      .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right__intro {
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary);
        width: 100%;
        margin-bottom: var(--spacing-xl); }
        .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right__intro .learn-more-link {
          line-height: var(--line-height-s);
          padding: var(--spacing-zero) var(--spacing-xs); }
        .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right__intro .create-mock-entity-modal__right__intro__heading {
          font-weight: var(--text-weight-medium);
          display: block;
          margin-bottom: var(--spacing-xs); }
      .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right {
        flex: 1; }
        .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor {
          border: none; }
          .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__row {
            border-right: none; }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__row .data-editor__reorder {
              width: var(--size-s); }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__row .dropdown {
              margin: var(--spacing-zero) var(--spacing-xs); }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__row .dropdown-button .btn {
              background-color: transparent;
              padding: var(--spacing-zero); }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__row .data-editor__cell {
              align-items: center; }
          .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__header {
            border-right: none; }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__header .data-editor__header__cell {
              align-items: center;
              font-size: var(--text-size-s);
              font-weight: var(--text-weight-medium);
              color: var(--content-color-secondary); }
          .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__cell--path {
            display: flex;
            flex: 1; }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__cell--path .auto-suggest {
              margin: var(--spacing-zero); }
            .create-mock-entity-modal .modal-content .select-collection .create-mock-entity-modal__right .create-mock-entity-modal__right__table .data-editor .data-editor__cell--path .prefix {
              font-size: var(--text-size-m);
              padding-left: var(--spacing-s);
              line-height: var(--line-height-l);
              color: var(--content-color-secondary); }
      .create-mock-entity-modal .modal-content .select-collection .intro-wrapper {
        margin-bottom: var(--spacing-xl);
        line-height: var(--line-height-m); }
        .create-mock-entity-modal .modal-content .select-collection .intro-wrapper .intro-wrapper__learn-more-text {
          padding-left: var(--spacing-zero); }
      .create-mock-entity-modal .modal-content .select-collection .select-collection {
        padding-top: var(--spacing-s); }
        .create-mock-entity-modal .modal-content .select-collection .select-collection-wrapper {
          flex: 1 0; }
        .create-mock-entity-modal .modal-content .select-collection .select-collection__dropdown {
          width: 333px; }
      .create-mock-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown {
        width: 100%; }
      .create-mock-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown-head {
        display: flex;
        justify-content: space-between; }
        .create-mock-entity-modal .modal-content .select-collection .select-collection__dropdown .dropdown-head .dropdown-head__label {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: pre; }
    .create-mock-entity-modal .modal-content .configure-mock.is-loading {
      display: flex;
      justify-content: center;
      align-items: center; }
    .create-mock-entity-modal .modal-content .configure-mock .mock-name {
      width: 37%; }
    .create-mock-entity-modal .modal-content .configure-mock .mock-name-wrapper,
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper,
    .create-mock-entity-modal .modal-content .configure-mock .environment-wrapper {
      padding: var(--spacing-s) var(--spacing-zero); }
    .create-mock-entity-modal .modal-content .configure-mock .mock-name,
    .create-mock-entity-modal .modal-content .configure-mock .version-tag,
    .create-mock-entity-modal .modal-content .configure-mock .environment {
      display: flex;
      align-items: end; }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag__dropdown,
    .create-mock-entity-modal .modal-content .configure-mock .environment__dropdown {
      flex: 0 0 37%; }
      .create-mock-entity-modal .modal-content .configure-mock .version-tag__dropdown .dropdown,
      .create-mock-entity-modal .modal-content .configure-mock .environment__dropdown .dropdown {
        width: 100%; }
      .create-mock-entity-modal .modal-content .configure-mock .version-tag__dropdown .dropdown-head,
      .create-mock-entity-modal .modal-content .configure-mock .environment__dropdown .dropdown-head {
        display: flex;
        justify-content: space-between; }
        .create-mock-entity-modal .modal-content .configure-mock .version-tag__dropdown .dropdown-head .dropdown-head__label,
        .create-mock-entity-modal .modal-content .configure-mock .environment__dropdown .dropdown-head .dropdown-head__label {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: pre; }
    .create-mock-entity-modal .modal-content .configure-mock .environment__learn-more-text {
      padding-left: var(--spacing-xs); }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .label-wrapper .version-tag__error {
      position: relative;
      left: 171px;
      color: var(--content-color-tertiary); }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .version-tag .version-tag__dropdown.input {
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: var(--line-height-l);
      padding-right: var(--spacing-l);
      color: var(--content-color-tertiary); }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .version-tag .version-tag__dropdown.error {
      justify-content: flex-end;
      padding-right: var(--spacing-s);
      border: var(--border-width-default) var(--border-style-solid) var(--content-color-error); }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .version-tag .version-tag__dropdown .dropdown {
      width: 100%; }
    .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .version-tag .version-tag__dropdown .dropdown-head {
      display: flex;
      justify-content: space-between; }
      .create-mock-entity-modal .modal-content .configure-mock .version-tag-wrapper .version-tag .version-tag__dropdown .dropdown-head .dropdown-head__label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre; }
    .create-mock-entity-modal .modal-content .configure-mock .checkbox-label {
      padding-left: var(--spacing-xs);
      cursor: pointer !important;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .create-mock-entity-modal .modal-content .configure-mock .mock-option-wrapper {
      display: flex;
      padding: var(--spacing-s) var(--spacing-zero); }
      .create-mock-entity-modal .modal-content .configure-mock .mock-option-wrapper .mock-option {
        display: flex;
        flex: 0 0 37%; }
    .create-mock-entity-modal .modal-content .configure-mock .mock-delay__options {
      padding-left: var(--spacing-xs);
      width: 37%; }
    .create-mock-entity-modal .modal-content .configure-mock .mock-delay-selector {
      padding: var(--spacing-s) var(--spacing-zero); }
    .create-mock-entity-modal .modal-content .configure-mock .mock-delay__checkbox-label {
      font-weight: var(--text-weight-regular); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__card__center {
      width: 480px;
      margin: var(--spacing-zero) auto; }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header-container {
      display: flex; }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header__icon {
      margin-right: var(--spacing-l); }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header__icon i {
        height: auto;
        width: auto; }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header {
      margin-bottom: var(--spacing-xxl); }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header .create-mock-entity-modal__content__header__text {
        margin-bottom: var(--spacing-xxl); }
        .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header .create-mock-entity-modal__content__header__text .create-mock-entity-modal__content__header__text__title {
          font-size: var(--text-size-l);
          line-height: var(--line-height-m);
          color: var(--content-color-primary); }
          .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header .create-mock-entity-modal__content__header__text .create-mock-entity-modal__content__header__text__title b {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: var(--text-weight-medium); }
        .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header .create-mock-entity-modal__content__header__text .create-mock-entity-modal__content__header__text__text {
          font-size: var(--text-size-m);
          color: var(--content-color-tertiary); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .separator {
      display: flex;
      color: var(--content-color-tertiary);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      align-items: center; }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .separator .separator-line {
        flex: 1;
        margin-left: var(--spacing-m);
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer__title {
      color: var(--content-color-secondary);
      margin-left: var(--spacing-xxxl);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin-bottom: var(--spacing-xl); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer ul {
      list-style-type: square;
      padding-inline-start: var(--spacing-xl);
      color: var(--content-color-secondary); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step {
      margin-bottom: var(--spacing-xl); }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__title {
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l); }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__text {
        color: var(--content-color-secondary);
        font-size: var(--text-size-m);
        padding-left: var(--spacing-xl); }
        .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__text .learn-more-link {
          color: var(--content-color-link);
          cursor: pointer; }
        .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__text .btn-text {
          padding-left: var(--spacing-zero); }
        .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__text .monitor-url.btn-text {
          text-align: left; }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__footer .create-mock-entity-modal__step .create-mock-entity-modal__step__copy {
        padding-left: var(--spacing-xl);
        padding-top: var(--spacing-l); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header__helper-text {
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      word-break: break-word; }
      .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__content__header__helper-text .create-mock-entity-modal__content__header__helper-text__entity-name {
        font-weight: var(--text-weight-medium); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__footer__helptext {
      color: var(--content-color-secondary);
      margin-left: var(--spacing-xxxl); }
    .create-mock-entity-modal .modal-content .next-steps.create-mock-entity-modal__body .create-mock-entity-modal__step__text__bold {
      font-weight: var(--text-weight-medium); }
    .create-mock-entity-modal .modal-content .create-new-mock__error-blank-state {
      display: flex; }
    .create-mock-entity-modal .modal-content .mock-delay-selector .mock-delay__options {
      min-width: unset; }
  .create-mock-entity-modal .create-mock-entity-modal__footer__helptext {
    margin-top: var(--spacing-xl);
    color: var(--content-color-secondary); }
    .create-mock-entity-modal .create-mock-entity-modal__footer__helptext .learn-more-link {
      color: var(--content-color-link); }
  .create-mock-entity-modal .help-text {
    color: var(--content-color-tertiary);
    padding-left: var(--spacing-xxl); }
  .create-mock-entity-modal .input-label,
  .create-mock-entity-modal .dropdown-label {
    font-weight: var(--text-weight-medium); }
  .create-mock-entity-modal .dropdown__menu-list {
    min-height: var(--size-m); }
  .create-mock-entity-modal .modal-footer {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .create-mock-entity-modal .modal-footer .create-mock-entity-modal__footer {
      display: flex;
      flex: 1;
      justify-content: flex-end; }
      .create-mock-entity-modal .modal-footer .create-mock-entity-modal__footer > * {
        height: var(--size-m);
        font-weight: var(--text-weight-medium); }
  .create-mock-entity-modal .action-button__cancel {
    margin-right: var(--spacing-s); }
  .create-mock-entity-modal .action-button__generate {
    width: 40%; }

.create-documentation-entity-modal .modal-content {
  line-height: var(--line-height-m);
  padding: var(--spacing-l);
  display: flex; }
  .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0; }
    .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper .intro-content-wrapper {
      margin-bottom: var(--spacing-xl); }
      .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper .intro-content-wrapper .intro-subtitle_learn-more {
        color: var(--content-color-link);
        cursor: pointer; }
    .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper .collection-name-input-wrapper {
      margin-bottom: var(--spacing-xl); }
      .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper .collection-name-input-wrapper .collection-name-input-header {
        font-weight: var(--text-weight-medium);
        margin-bottom: var(--spacing-s); }
      .create-documentation-entity-modal .modal-content .create-documentation-entity-wrapper .collection-name-input-wrapper .collection-name-input {
        width: 60%; }

.create-documentation-entity-modal .modal-footer {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .create-documentation-entity-modal .modal-footer .actions {
    display: flex;
    flex-basis: 55%; }
    .create-documentation-entity-modal .modal-footer .actions .btn {
      font-weight: var(--text-weight-medium);
      height: var(--size-m); }
      .create-documentation-entity-modal .modal-footer .actions .btn.btn-secondary {
        margin-right: var(--spacing-s); }
      .create-documentation-entity-modal .modal-footer .actions .btn.btn-primary {
        flex: 1; }

.create-test-suite-entity-modal .modal-content {
  line-height: var(--line-height-m);
  padding: var(--spacing-l);
  display: flex; }
  .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0; }
    .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .intro-content-wrapper {
      margin-bottom: var(--spacing-l); }
      .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .intro-content-wrapper .intro-subtitle_learn-more {
        color: var(--content-color-link);
        cursor: pointer; }
    .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .test-suite-name-input-wrapper {
      margin-bottom: var(--spacing-l); }
      .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .test-suite-name-input-wrapper .test-suite-name-input-header {
        font-weight: var(--text-weight-medium);
        margin-bottom: var(--spacing-s); }
      .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .test-suite-name-input-wrapper .test-suite-name-input {
        width: 60%; }
    .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .generation-config-options__toggle-button {
      display: inline-flex;
      align-items: center;
      font-weight: var(--text-weight-medium);
      color: var(--content-color-link);
      cursor: pointer; }
      .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .generation-config-options__toggle-button .toggle-button-icon {
        margin-right: var(--spacing-xs); }
    .create-test-suite-entity-modal .modal-content .create-test-suite-entity-wrapper .generation-config-options-wrapper {
      margin-top: var(--spacing-s);
      padding: var(--spacing-l);
      display: flex;
      flex-direction: column;
      flex: 1 0;
      overflow-y: auto;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.create-test-suite-entity-modal .modal-footer {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .create-test-suite-entity-modal .modal-footer .actions {
    display: flex;
    flex-basis: 60%; }
    .create-test-suite-entity-modal .modal-footer .actions .btn {
      font-weight: var(--text-weight-medium);
      height: var(--spacing-xxl); }
      .create-test-suite-entity-modal .modal-footer .actions .btn.btn-secondary {
        margin-right: var(--spacing-s); }
      .create-test-suite-entity-modal .modal-footer .actions .btn.btn-primary {
        flex: 1; }

.entity-last-run__status {
  display: flex;
  margin-right: var(--spacing-s);
  border-radius: 30px;
  height: var(--size-xs);
  padding: var(--spacing-zero) var(--spacing-s);
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-medium);
  line-height: var(--line-height-s);
  text-align: center; }
  .entity-last-run__status.success {
    background-color: var(--background-color-success);
    color: var(--content-color-success); }
    .entity-last-run__status.success.shrinked {
      display: block;
      white-space: nowrap;
      overflow: hidden; }
  .entity-last-run__status.failed {
    background-color: var(--background-color-error);
    color: var(--content-color-error); }
    .entity-last-run__status.failed.shrinked {
      display: block;
      white-space: nowrap;
      overflow: hidden; }
  .entity-last-run__status.notest {
    background-color: var(--background-color-secondary);
    color: var(--content-color-secondary); }
    .entity-last-run__status.notest.shrinked {
      display: block;
      white-space: nowrap;
      overflow: hidden; }
  .entity-last-run__status.error {
    align-items: center;
    background-color: var(--background-color-error);
    color: var(--content-color-error); }
  .entity-last-run__status.no-test {
    color: var(--content-color-secondary);
    padding: unset; }
  .entity-last-run__status-icon {
    margin-right: var(--spacing-xs); }

.entity-last-run__report {
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-s);
  color: var(--content-color-secondary);
  padding: var(--spacing-zero); }
  .entity-last-run__report:hover, .entity-last-run__report.is-hovered {
    color: var(--content-color-brand); }

.entity-last-run__error {
  color: var(--content-color-error);
  cursor: pointer;
  font-size: var(--text-size-m); }

.run-test-btn {
  min-width: 63px;
  height: var(--size-s);
  margin-right: var(--spacing-s);
  padding: var(--spacing-s); }

.more-actions-dropdown.is-open {
  visibility: visible; }

.test-suite-name {
  flex: 0 0 24% !important; }

.test-suite-last-run {
  flex: 0 0 27% !important;
  height: var(--size-xs);
  flex-wrap: wrap; }

.test-suite-validation {
  flex: 0 0 13% !important; }

.test-suite-last-updated {
  flex: 0 0 16% !important; }

.api-status-icon {
  margin-right: var(--spacing-xs); }

.collection-schema-sync-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto; }
  .collection-schema-sync-view.is-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }
  .collection-schema-sync-view__content {
    display: flex;
    flex: 1;
    overflow: auto; }

.collection-schema-sync-view__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-s) var(--spacing-l);
  color: var(--content-color-primary); }
  .collection-schema-sync-view__header-title {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium); }
  .collection-schema-sync-view__header-actions {
    display: flex; }
    .collection-schema-sync-view__header-actions__select-all-changes {
      display: flex;
      font-size: var(--text-size-m);
      align-items: center;
      margin-right: var(--spacing-m); }
      .collection-schema-sync-view__header-actions__select-all-changes--label {
        margin-left: var(--spacing-xs); }
        .collection-schema-sync-view__header-actions__select-all-changes--label.is-disabled {
          opacity: 0.5;
          cursor: default;
          -webkit-user-select: none;
          user-select: none; }
    .collection-schema-sync-view__header-actions__confirm {
      width: 190px; }

.collection-schema-sync-view__description {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  padding: var(--spacing-s) var(--spacing-l);
  padding-top: unset;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .collection-schema-sync-view__description > p {
    margin: var(--spacing-zero); }
    .collection-schema-sync-view__description > p > a {
      color: var(--content-color-link);
      text-decoration: none; }

.collection-schema-sync-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: var(--text-size-s);
  overflow: hidden;
  padding: var(--spacing-l); }
  .collection-schema-sync-content:hover {
    overflow-y: auto; }
  .collection-schema-sync-content__collapsible {
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-l);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default);
    color: var(--content-color-primary); }
    .collection-schema-sync-content__collapsible.collapsed {
      background: var(--background-color-secondary); }
    .collection-schema-sync-content__collapsible.response {
      margin-left: var(--spacing-l); }
  .collection-schema-sync-content__heading {
    display: flex;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }
    .collection-schema-sync-content__heading .collection-schema-diff--toggle-icon {
      margin-right: var(--spacing-s);
      vertical-align: middle;
      cursor: pointer; }
      .collection-schema-sync-content__heading .collection-schema-diff--toggle-icon:hover {
        border-radius: var(--border-radius-default);
        background-color: var(--highlight-background-color-tertiary); }
  .collection-schema-sync-content__request {
    display: inline; }
    .collection-schema-sync-content__request-method {
      display: inline;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
  .collection-schema-sync-content__element-title {
    margin-left: var(--spacing-s); }
  .collection-schema-sync-content .collection-schema-sync-content__sub-heading {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-l);
    align-items: flex-start; }
    .collection-schema-sync-content .collection-schema-sync-content__sub-heading__message {
      background-color: var(--background-color-tertiary);
      padding: var(--spacing-s);
      border-radius: var(--border-radius-default);
      flex: 1; }
  .collection-schema-sync-content__section-inner__accept {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 125px;
    margin-left: 24px; }
    .collection-schema-sync-content__section-inner__accept--label {
      margin-left: var(--spacing-s); }
      .collection-schema-sync-content__section-inner__accept--label.is-disabled {
        opacity: 0.5;
        cursor: default;
        -webkit-user-select: none;
        user-select: none; }
  .collection-schema-sync-content__section {
    margin-left: var(--spacing-l);
    margin-top: var(--spacing-xxl); }
    .collection-schema-sync-content__section-inner {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .collection-schema-sync-content__section-inner .pm-diff {
        flex: 3; }
  .collection-schema-sync-content__title {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-m);
    text-transform: uppercase;
    margin-bottom: var(--spacing-s); }
  .collection-schema-sync-content .validation-message {
    margin-bottom: var(--spacing-m);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.collection-schema-sync-update-summary {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: var(--content-color-primary); }
  .collection-schema-sync-update-summary .api-dev-empty-state__image-wrapper .collection-schema-sync--success {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE2MCAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjgwIiBjeT0iODAiIHI9IjgwIiBmaWxsPSIjMjZCNDdGIi8+CjxwYXRoIGQ9Ik0xMTUgNTguMTk3MkMxMTUgNTMuNjcxNyAxMTEuMzg1IDUwIDEwNi45MjEgNTBDMTA0LjM5NCA1MCAxMDIuMTM5IDUxLjE4MDcgMTAwLjY1NyA1My4wMjQxTDEwMC42NTMgNTMuMDIxMUw3MS41MzgzIDg5LjMwNTNMNTkuMDEyMyA3NS41NDEyTDU5LjAwNjIgNzUuNTQ3M0M1Ny41Mjk3IDczLjkyNTggNTUuNDI0MiA3Mi45MDU0IDUzLjA3ODcgNzIuOTA1NEM0OC42MTU2IDcyLjkwMjMgNDUgNzYuNTcwNyA0NSA4MS4wOTk1QzQ1IDgzLjI0NTEgNDUuODIwMyA4NS4xOTAzIDQ3LjE0OCA4Ni42NTE1TDQ3LjE0MTkgODYuNjU3N0w2NS45ODczIDEwNy4zNjRMNjUuOTkzNCAxMDcuMzU4QzY3LjQ2OTkgMTA4Ljk4IDY5LjU3NTUgMTEwIDcxLjkyMDkgMTEwQzc0LjQ0ODcgMTEwIDc2LjcwMyAxMDguODE5IDc4LjE4NTYgMTA2Ljk3Nkw3OC4xODg3IDEwNi45NzlMMTEzLjE4OCA2My4zNzAzTDExMy4xODUgNjMuMzY3MkMxMTQuMzE5IDYxLjk1ODQgMTE0Ljk5OSA2MC4xNTgxIDExNC45OTkgNTguMTk3NUwxMTUgNTguMTk3MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); }
  .collection-schema-sync-update-summary .api-dev-empty-state .collection-schema-update-summary__feedback {
    font-size: var(--text-size-l);
    text-align: center; }
    .collection-schema-sync-update-summary .api-dev-empty-state .collection-schema-update-summary__feedback .feedback-text {
      margin-bottom: var(--spacing-l); }

.collection-schema-sync-sidebar {
  overflow: hidden;
  padding: var(--spacing-l);
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  display: flex;
  flex-direction: column;
  flex: 0 0 22%;
  color: var(--content-color-primary); }
  .collection-schema-sync-sidebar:hover {
    overflow-y: auto; }
  .collection-schema-sync-sidebar__items-count {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-xl); }
  .collection-schema-sync-sidebar__items {
    display: grid;
    grid-template-columns: min-content min-content 1fr min-content;
    gap: var(--spacing-m) var(--spacing-s);
    font-size: var(--text-size-m); }
    .collection-schema-sync-sidebar__items .item__toggle-icon-wrapper {
      grid-column-start: 1; }
      .collection-schema-sync-sidebar__items .item__toggle-icon-wrapper.is-response {
        grid-column-start: 2;
        justify-self: end; }
      .collection-schema-sync-sidebar__items .item__toggle-icon-wrapper .item__toggle-icon:hover {
        cursor: pointer; }
    .collection-schema-sync-sidebar__items .item__request-icon {
      font-weight: var(--text-weight-bold);
      font-size: var(--text-size-xs); }
    .collection-schema-sync-sidebar__items .item__meta.is-response {
      display: inherit;
      grid-template-columns: min-content 1fr; }
      .collection-schema-sync-sidebar__items .item__meta.is-response .item__example-icon-wrapper {
        margin-right: var(--spacing-s); }
    .collection-schema-sync-sidebar__items .item__meta.is-property {
      grid-column-start: 3; }
      .collection-schema-sync-sidebar__items .item__meta.is-property.is-response {
        margin-left: var(--spacing-xl);
        grid-template-columns: 1fr; }
      .collection-schema-sync-sidebar__items .item__meta.is-property:hover {
        text-decoration: underline;
        cursor: pointer; }
    .collection-schema-sync-sidebar__items .item__name {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      text-overflow: ellipsis;
      overflow: hidden;
      line-height: var(--line-height-s);
      min-height: var(--size-s); }
      .collection-schema-sync-sidebar__items .item__name:hover {
        text-decoration: underline;
        cursor: pointer; }

.api-dev-empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .api-dev-empty-state__image-wrapper {
    margin: var(--spacing-xl) var(--spacing-zero); }
  .api-dev-empty-state__blankState-wrapper {
    padding: var(--spacing-l); }
  .api-dev-empty-state__title {
    margin: var(--spacing-s); }
  .api-dev-empty-state__body {
    margin: var(--spacing-s) var(--spacing-zero);
    font-size: var(--text-size-l); }
  .api-dev-empty-state__action-wrapper {
    display: flex;
    margin-bottom: var(--spacing-xl); }
    .api-dev-empty-state__action-wrapper > * {
      margin: var(--spacing-s); }
  .api-dev-empty-state__subtext {
    margin: var(--spacing-l) var(--spacing-zero); }

.new-api-modal-content {
  display: flex;
  padding: var(--spacing-l); }

.new-api-modal .new-api-modal-container {
  display: flex;
  flex: 1; }
  .new-api-modal .new-api-modal-container .new-api-modal-tabs-container {
    flex: 1; }
  .new-api-modal .new-api-modal-container--loading-step {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center; }

.new-api-modal-footer:not(:empty) {
  padding: var(--spacing-l);
  border-top: var(--border-width-default) var(--border-color-default) var(--border-style-solid);
  flex-direction: row;
  justify-content: flex-end; }
  .new-api-modal-footer:not(:empty) .btn-primary {
    margin-left: var(--spacing-l); }

.new-api-modal .nextSteps-actions {
  justify-content: space-between;
  padding-left: 32px; }

.new-api-modal-tabs-header {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .new-api-modal-tabs-header--create, .new-api-modal-tabs-header--import {
    color: var(--content-color-primary); }
  .new-api-modal-tabs-header .new-api-modal-import-tab {
    display: flex;
    flex-direction: row; }
    .new-api-modal-tabs-header .new-api-modal-import-tab .import-tab--new-badge {
      width: var(--size-m);
      height: var(--size-xs);
      padding: var(--spacing-zero) var(--spacing-xs);
      border-radius: 30px;
      background-color: var(--background-color-info);
      color: var(--content-color-info);
      font-weight: var(--text-weight-medium);
      margin-left: var(--spacing-xs); }

.new-api-modal-tab-contents {
  display: flex;
  flex-direction: column;
  flex: 1; }

.new-api-modal-tab-content.is-hidden {
  display: none; }

.create-api-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: var(--content-color-primary); }
  .create-api-container .api-section {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-l); }
    .create-api-container .api-section__input {
      margin-top: var(--spacing-xs); }
    .create-api-container .api-section__name {
      padding-top: var(--spacing-l); }
    .create-api-container .api-section__version {
      padding-top: var(--spacing-s); }
    .create-api-container .api-section__error-text {
      color: var(--content-color-brand);
      font-size: var(--text-size-s);
      visibility: hidden; }
      .create-api-container .api-section__error-text.visible {
        visibility: visible; }
    .create-api-container .api-section--hr-bottom-border {
      margin-top: var(--spacing-l);
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .create-api-container .schema-section {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-l) var(--spacing-zero); }
    .create-api-container .schema-section__details {
      display: flex;
      justify-content: space-between;
      padding-top: var(--spacing-l); }
    .create-api-container .schema-section .schema-type {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin-right: var(--spacing-xxxl); }
      .create-api-container .schema-section .schema-type__header {
        display: flex;
        align-items: center;
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-xs); }
        .create-api-container .schema-section .schema-type__header--info-icon {
          height: auto;
          padding: var(--spacing-zero) var(--spacing-s); }
    .create-api-container .schema-section .schema-format {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .create-api-container .schema-section .schema-format__header {
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-xs); }
    .create-api-container .schema-section__dropdown {
      width: 100%; }
    .create-api-container .schema-section__button {
      justify-content: space-between;
      display: flex; }

.create-api-next-steps {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-l);
  color: var(--content-color-primary); }
  .create-api-next-steps-header {
    display: flex;
    line-height: var(--line-height-m);
    align-items: center; }
    .create-api-next-steps-header__title-wrapper {
      margin-left: var(--spacing-l);
      font-size: var(--text-size-l); }
      .create-api-next-steps-header__title-wrapper .create-api-next-steps-header__title {
        color: var(--content-color-primary);
        display: inline-flex; }
        .create-api-next-steps-header__title-wrapper .create-api-next-steps-header__title--api-name {
          max-width: 320px;
          margin-right: var(--spacing-xs); }
      .create-api-next-steps-header__title-wrapper .create-api-next-steps-header__subtitle {
        font-size: var(--text-size-s);
        color: var(--content-color-secondary); }
  .create-api-next-steps .separator {
    display: flex;
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-l);
    margin: var(--spacing-xl) 0; }
    .create-api-next-steps .separator-title {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary); }
    .create-api-next-steps .separator-horizontal {
      flex: 1;
      margin-left: var(--spacing-s);
      position: relative;
      top: var(--spacing-s);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .create-api-next-steps-content {
    padding: var(--spacing-s);
    display: flex;
    margin-bottom: var(--spacing-m); }
    .create-api-next-steps-content:last-child {
      margin-bottom: var(--spacing-zero); }
    .create-api-next-steps-content .content-bullet-point-wrapper {
      font-size: calc(var(--text-size-xs)/2);
      flex: 0 0 var(--size-m); }
    .create-api-next-steps-content .content-text__label {
      font-weight: var(--text-weight-medium);
      margin-bottom: var(--spacing-xs); }
    .create-api-next-steps-content .content-text__description {
      color: var(--content-color-secondary); }
  .create-api-next-steps .learn-more__text-button {
    padding: var(--spacing-xs);
    display: inline; }

.import-api-container {
  padding: var(--spacing-l) var(--spacing-zero); }
  .import-api-container .import-api-option {
    margin-bottom: var(--spacing-xl); }
    .import-api-container .import-api-option--code-repository .entity-empty__title {
      font-size: var(--text-size-m) !important;
      line-height: var(--line-height-m) !important; }
    .import-api-container .import-api-option--api-gateway .entity-empty__title {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }
    .import-api-container .import-api-option:last-child {
      margin-bottom: var(--spacing-zero); }
    .import-api-container .import-api-option--continue-btn {
      height: var(--size-m);
      margin: var(--spacing-s) var(--spacing-zero); }
    .import-api-container .import-api-option--file-dropzone {
      display: inline-flex;
      margin: var(--spacing-s) var(--spacing-zero); }
      .import-api-container .import-api-option--file-dropzone .import-api-option--continue-btn {
        margin: var(--spacing-zero); }

.files-and-options-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-shrink: 0; }
  .files-and-options-container .files-and-options-header {
    display: flex;
    margin-bottom: var(--spacing-l);
    margin-top: var(--spacing-s); }
    .files-and-options-container .files-and-options-header--title {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      color: var(--content-color-primary);
      margin-right: var(--spacing-s); }
    .files-and-options-container .files-and-options-header--files-info {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      margin-left: var(--spacing-s); }
  .files-and-options-container .file-list-container {
    margin-bottom: var(--spacing-xl); }
    .files-and-options-container .file-list-container .import-file-list .data-editor {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      max-height: 18.3vh; }
      .files-and-options-container .file-list-container .import-file-list .data-editor__header {
        padding-left: var(--spacing-zero);
        flex: 0 0 30px;
        background-color: var(--background-color-secondary); }
        .files-and-options-container .file-list-container .import-file-list .data-editor__header__cell {
          font-size: var(--text-size-s);
          font-weight: var(--text-weight-medium); }
          .files-and-options-container .file-list-container .import-file-list .data-editor__header__cell__title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--content-color-tertiary); }
      .files-and-options-container .file-list-container .import-file-list .data-editor__row:last-child {
        display: none; }
      .files-and-options-container .file-list-container .import-file-list .data-editor__row:nth-last-child(2) {
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .files-and-options-container .file-list-container .import-file-list .data-editor__row .data-editor__custom-row.is-focused .data-editor__cells .data-editor__cell:last-child, .files-and-options-container .file-list-container .import-file-list .data-editor__row .data-editor__custom-row:hover .data-editor__cells .data-editor__cell:last-child {
        padding-right: var(--spacing-zero); }
      .files-and-options-container .file-list-container .import-file-list .data-editor__row .data-editor__custom-row .data-editor__cell {
        align-items: center;
        justify-content: flex-start;
        padding: var(--spacing-xs); }
        .files-and-options-container .file-list-container .import-file-list .data-editor__row .data-editor__custom-row .data-editor__cell__content .auto-suggest {
          color: var(--content-color-primary); }
    .files-and-options-container .file-list-container .import-file-list__column-enabled-cell, .files-and-options-container .file-list-container .import-file-list__column-name-cell, .files-and-options-container .file-list-container .import-file-list__column-format-cell {
      width: 100%;
      display: flex;
      padding: var(--spacing-xs);
      justify-content: flex-start;
      align-items: center;
      color: var(--content-color-primary);
      white-space: pre; }
    .files-and-options-container .file-list-container .import-file-list__column-enabled-cell {
      justify-content: flex-end; }
      .files-and-options-container .file-list-container .import-file-list__column-enabled-cell .is-selected {
        background-color: var(--base-color-brand);
        border-color: var(--base-color-brand); }
    .files-and-options-container .file-list-container .import-file-list__column-name-cell-content {
      text-overflow: ellipsis;
      overflow: hidden; }
    .files-and-options-container .file-list-container .import-file-list__column-name-cell-folder-icon .btn {
      cursor: default; }
    .files-and-options-container .file-list-container .import-file-list__column-format-cell-content {
      text-overflow: ellipsis;
      overflow: hidden; }
  .files-and-options-container .generate-collection-container .generate-collection-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-s); }
    .files-and-options-container .generate-collection-container .generate-collection-checkbox .input-checkbox.is-selected {
      background-color: var(--base-color-brand);
      border-color: var(--base-color-brand); }
    .files-and-options-container .generate-collection-container .generate-collection-checkbox .generate-collection-checkbox-label {
      margin-left: var(--spacing-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary); }
    .files-and-options-container .generate-collection-container .generate-collection-checkbox .generate-collection--info-icon {
      height: auto;
      padding: var(--spacing-xs) var(--spacing-s); }
  .files-and-options-container .generate-collection-container .select-api-element-dropdown-header {
    margin-left: var(--spacing-xxl);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-xs);
    color: var(--content-color-secondary); }
    .files-and-options-container .generate-collection-container .select-api-element-dropdown-header.is-disabled {
      color: var(--content-color-tertiary);
      opacity: 0.6; }
  .files-and-options-container .generate-collection-container .select-api-element-dropdown {
    margin-left: var(--spacing-xxl);
    margin-bottom: var(--spacing-m);
    display: flex; }
    .files-and-options-container .generate-collection-container .select-api-element-dropdown .select-api-element-dropdown-button {
      flex: 0 0 70%; }
      .files-and-options-container .generate-collection-container .select-api-element-dropdown .select-api-element-dropdown-button .btn {
        width: 100%;
        justify-content: space-between; }
  .files-and-options-container .generate-collection-container .configurations-options-container {
    margin-left: var(--spacing-xxl); }
    .files-and-options-container .generate-collection-container .configurations-options-container.generation-disabled {
      margin-top: var(--spacing-l);
      margin-left: 0; }
    .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-header {
      display: flex;
      align-items: center;
      color: var(--base-color-primary);
      margin: var(--spacing-s) var(--spacing-zero);
      cursor: pointer; }
      .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-header .toggle-button-icon {
        margin-right: var(--spacing-s); }
      .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-header.is-disabled {
        color: var(--content-color-tertiary);
        opacity: 0.6;
        cursor: default; }
        .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-header.is-disabled .toggle-button-icon use {
          fill: var(--content-color-tertiary); }
        .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-header.is-disabled .toggle-button-icon svg > path[fill] {
          fill: var(--content-color-tertiary); }
    .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-content-wrapper {
      margin-left: var(--spacing-s); }
      .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-content-wrapper .configurations-options-content {
        margin-bottom: var(--spacing-xxl); }
        .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-content-wrapper .configurations-options-content:last-child {
          margin-bottom: var(--spacing-zero); }
        .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-content-wrapper .configurations-options-content-header {
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-s);
          margin-bottom: var(--spacing-s);
          color: var(--content-color-primary); }
        .files-and-options-container .generate-collection-container .configurations-options-container .configurations-options-content-wrapper .configurations-options-content .options-wrapper {
          padding: var(--spacing-m);
          border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.api-dev-multilevel-searchable-dropdown-wrapper .dropdown {
  width: 100%; }
  .api-dev-multilevel-searchable-dropdown-wrapper .dropdown .dropdown-button {
    width: 100%;
    justify-content: space-between;
    background-color: initial; }
  .api-dev-multilevel-searchable-dropdown-wrapper .dropdown .dropdown-button:hover {
    background-color: var(--highlight-background-color-secondary); }

.api-dev-multilevel-searchable-dropdown-wrapper.is-disabled {
  opacity: 0.4; }

.multilevel-searchable-dropdown div.search-input {
  position: sticky;
  top: 0px;
  z-index: 1;
  margin: var(--spacing-xs) var(--spacing-zero);
  border-radius: initial;
  margin-top: var(--spacing-zero);
  padding: var(--spacing-s) var(--spacing-l);
  border: 0px;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.multilevel-searchable-dropdown .dropdown-menu {
  padding: var(--spacing-zero);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius-default); }
  .multilevel-searchable-dropdown .dropdown-menu__previous-button-wrapper .btn {
    border-radius: initial;
    width: 100%;
    justify-content: flex-start; }
  .multilevel-searchable-dropdown .dropdown-menu__previous-button-text {
    width: 414px;
    padding-left: var(--spacing-m); }
  .multilevel-searchable-dropdown .dropdown-menu .loading-indicator-wrapper {
    display: flex;
    justify-content: center;
    padding: var(--spacing-l); }

.multilevel-searchable-dropdown .dropdown-menu-item {
  cursor: pointer; }
  .multilevel-searchable-dropdown .dropdown-menu-item--default {
    position: sticky;
    bottom: 0;
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    margin-top: auto;
    padding: var(--spacing-l); }
  .multilevel-searchable-dropdown .dropdown-menu-item .item-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center; }
    .multilevel-searchable-dropdown .dropdown-menu-item .item-wrapper .item-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.multilevel-searchable-dropdown .empty-dropdown-menu-message {
  justify-content: center;
  display: flex;
  color: var(--content-color-tertiary);
  font-size: var(--text-size-m);
  flex-grow: 1;
  padding: var(--spacing-l);
  text-align: center; }
  .multilevel-searchable-dropdown .empty-dropdown-menu-message span {
    align-self: center; }

.multilevel-searchable-dropdown .selected-label {
  width: 414px;
  color: var(--content-color-primary);
  font-weight: var(--text-weight-regular);
  font-size: var(--text-size-m); }

.overview-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-bottom: var(--spacing-xxl); }
  .overview-content__build {
    max-width: 880px;
    margin: 0 auto; }
  .overview-content .version-content {
    min-width: var(--spacing-zero);
    display: flex;
    flex: 1 1 59%;
    flex-direction: column;
    margin-top: var(--spacing-xxl);
    padding: var(--spacing-zero) var(--spacing-l); }
  .overview-content .release-content {
    min-width: var(--spacing-zero);
    display: flex;
    flex: 1 1 33%;
    margin-top: var(--spacing-xxl);
    padding: var(--spacing-zero) var(--spacing-l); }

.version-summary {
  margin-top: var(--spacing-l); }
  .version-summary .overview__meta-editor-summary {
    padding: unset; }

.version-schema-info {
  display: flex;
  margin-right: unset; }
  .version-schema-info .view-schema-text {
    font-size: var(--text-size-m);
    margin-right: var(--spacing-zero); }
  .version-schema-info .view-schema-icon {
    color: var(--content-color-link); }

.release-list-empty {
  margin-top: var(--spacing-m); }

.release-list-item .release-header {
  display: flex;
  height: 20px;
  align-items: center;
  flex-direction: row;
  margin-top: var(--spacing-l); }
  .release-list-item .release-header__name {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    cursor: pointer;
    font-weight: var(--text-weight-bold); }
  .release-list-item .release-header .git-tag {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .release-list-item .release-header .git-tag__icon {
      line-height: var(--line-height-s);
      margin-right: var(--spacing-xs); }
  .release-list-item .release-header .view-release-button {
    display: none; }

.relation-overview-header {
  margin-top: var(--spacing-xxl);
  display: flex;
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding-bottom: var(--spacing-xs); }
  .relation-overview-header .header-text {
    display: flex;
    align-items: center; }
    .relation-overview-header .header-text.network-mode {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: var(--spacing-l); }
  .relation-overview-header .header-dropdown {
    display: flex;
    margin-left: auto; }

.documentation-overview__entity-icon {
  margin-right: var(--spacing-xs); }

.documentation-overview-header__icon {
  height: var(--size-m);
  width: var(--size-m); }
  .documentation-overview-header__icon:hover, .documentation-overview-header__icon.is-hovered {
    background-color: var(--highlight-background-color-primary); }

.documentation-overview-widgets {
  display: flex; }

.relation-overview-body {
  display: flex;
  padding: var(--spacing-s);
  align-items: center; }
  .relation-overview-body--empty {
    padding: var(--spacing-l) var(--spacing-s); }
  .relation-overview-body .relation-overview-info {
    min-width: var(--spacing-zero);
    width: 90%;
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs); }
  .relation-overview-body .api-dev-table-row__delete {
    visibility: hidden; }
  .relation-overview-body:hover, .relation-overview-body.is-hovered {
    background-color: var(--background-color-secondary); }
    .relation-overview-body:hover .api-dev-table-row__delete, .relation-overview-body.is-hovered .api-dev-table-row__delete {
      visibility: visible; }
  .relation-overview-body .entity-validation__status {
    display: none; }
    .relation-overview-body .entity-validation__status__active {
      display: inline-flex; }
  .relation-overview-body:hover .entity-validation__status, .relation-overview-body.is-hovered .entity-validation__status {
    display: inline-flex; }
  .relation-overview-body .relation-overview-name {
    display: flex;
    justify-content: unset;
    padding: unset;
    height: 20px; }
    .relation-overview-body .relation-overview-name .relation-icon {
      display: flex;
      margin-right: var(--spacing-s); }
  .relation-overview-body .relation-overview__meta-info {
    margin-left: var(--spacing-xl); }
  .relation-overview-body .relation-overview-widget {
    margin-left: var(--spacing-xxl); }

.mock-overview-header__icon {
  height: var(--size-m);
  width: var(--size-m); }
  .mock-overview-header__icon:hover, .mock-overview-header__icon.is-hovered {
    background-color: var(--highlight-background-color-primary); }

.mock-overview-widgets {
  display: flex; }

.documentation-tab-wrapper {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden; }

.documentation-tab-wrapper-legacy {
  height: 100%;
  overflow: hidden; }

.documentation-tab-wrapper-network {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden; }

.documentation-tab-sidebar {
  border-right: var(--border-width-l) var(--border-style-solid) var(--border-color-default);
  max-height: 100%;
  width: 285px;
  max-width: 285px;
  padding: var(--spacing-m);
  overflow-x: auto;
  overflow-y: auto;
  box-sizing: border-box; }
  .documentation-tab-sidebar .sidebar-list-item__name-wrapper {
    display: flex;
    align-items: center; }
  .documentation-tab-sidebar .schema-doc-invalid-yaml-json .sidebar-list-item__name-wrapper {
    color: var(--content-color-secondary);
    font-style: italic; }
  .documentation-tab-sidebar-heading {
    margin-left: var(--spacing-s); }
  .documentation-tab-sidebar-empty-state {
    margin: 0;
    margin-left: var(--spacing-s); }
  .documentation-tab-sidebar-button {
    height: 24px;
    width: 24px; }
  .documentation-tab-sidebar .schema-documentation-sidebar .documentation-list__folder {
    display: flex;
    justify-content: flex-start;
    padding: 2px var(--spacing-zero) 2px var(--spacing-zero); }
  .documentation-tab-sidebar .schema-documentation-sidebar .documentation-list__item-name {
    min-height: 32px;
    max-height: 64px;
    padding-top: 0px; }
  .documentation-tab-sidebar .sidebar-list-item {
    padding-left: var(--spacing-zero);
    height: 32px; }
  .documentation-tab-sidebar .sidebar-list-item__content-wrapper {
    margin-left: var(--spacing-zero); }
  .documentation-tab-sidebar .sidebar-list-item.selected {
    background-color: var(--background-color-tertiary); }
  .documentation-tab-sidebar .sidebar-list-item.selected + .collection-documentation-folder-container {
    margin-top: var(--spacing-s); }
  .documentation-tab-sidebar .sidebar-list-item.selected + .schema-folder-container {
    margin-top: var(--spacing-s); }
  .documentation-tab-sidebar .documentation-list__title {
    text-transform: uppercase;
    font-size: var(--text-size-m);
    color: var(--content-color-tertiary);
    margin-bottom: var(--spacing-s); }
  .documentation-tab-sidebar .documentation-list__item {
    display: contents; }
  .documentation-tab-sidebar .documentation-list__items-container {
    /**
       * Displaying the icons in grid allows us to indent all the items description
       * and icons correctly as shown below without the need to hard code any
       * min-width or max-width
       *
       * icon-1                   description-1
       * long-icon-1 .            description-2
       * long-long-long-icon-2    description-3
       */
    display: grid;
    /**
       * max-content is meant to specify that the width of the icon columns would
       * the max-width of the icon and the rest area would be taken by its description
       */
    grid-template-columns: max-content 1fr;
    row-gap: var(--spacing-l);
    column-gap: var(--spacing-s);
    padding-bottom: var(--spacing-m);
    align-items: flex-start; }
  .documentation-tab-sidebar .documentation-list__item-name {
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    word-break: break-word;
    min-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: 2px; }
    .documentation-tab-sidebar .documentation-list__item-name:hover {
      text-decoration-color: black;
      text-decoration: underline;
      cursor: pointer; }
  .documentation-tab-sidebar .documentation-list__schema-path-icon {
    position: relative;
    top: 2px; }
  .documentation-tab-sidebar .documentation-list__request-item-icon {
    padding: 2px !important;
    word-break: initial; }
  .documentation-tab-sidebar .documentation-list__item-icon {
    display: inherit;
    justify-self: end; }
    .documentation-tab-sidebar .documentation-list__item-icon.with-padding {
      padding: var(--spacing-xs) var(--spacing-zero) var(--spacing-xs) var(--spacing-zero); }
    .documentation-tab-sidebar .documentation-list__item-icon .icon-button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      margin-right: var(--spacing-zero) !important;
      padding: var(--spacing-zero);
      display: inherit; }
      .documentation-tab-sidebar .documentation-list__item-icon .icon-button:active {
        outline: none; }
    .documentation-tab-sidebar .documentation-list__item-icon .list-icon {
      vertical-align: middle; }
  .documentation-tab-sidebar .documentation-list__folder {
    display: flex;
    justify-content: flex-start;
    padding: 4px var(--spacing-zero) 2px var(--spacing-zero); }
  .documentation-tab-sidebar .documentation-list__folder-icon {
    display: block; }
    .documentation-tab-sidebar .documentation-list__folder-icon .list-icon {
      vertical-align: unset; }
  .documentation-tab-sidebar .documentation-list-item__marker {
    width: 0;
    height: 0;
    align-self: center; }
    .documentation-tab-sidebar .documentation-list-item__marker--visible {
      margin-right: var(--spacing-s);
      margin-bottom: var(--spacing-s);
      width: var(--spacing-s);
      height: var(--spacing-s);
      border-radius: var(--border-radius-max);
      background-color: var(--content-color-brand); }
  .documentation-tab-sidebar .collection-documentation-folder-container {
    display: grid;
    grid-template-columns: min-content min-content 1fr min-content;
    gap: 0px 6px;
    align-items: flex-start;
    margin-left: 10px; }
    .documentation-tab-sidebar .collection-documentation-folder-container .children-container {
      grid-column: span 4; }
    .documentation-tab-sidebar .collection-documentation-folder-container .collection-documentation-folder-container {
      grid-template-columns: var(--spacing-l) min-content 1fr min-content; }
  .documentation-tab-sidebar .schema-folder-container {
    display: grid;
    grid-template-columns: min-content min-content 1fr min-content;
    gap: 0px 6px;
    align-items: flex-start;
    margin-left: 10px; }
    .documentation-tab-sidebar .schema-folder-container .children-container {
      grid-column: span 4; }
    .documentation-tab-sidebar .schema-folder-container .schema-folder-container {
      grid-template-columns: 0px var(--spacing-xxl); }
  .documentation-tab-sidebar .doc-warning-icon {
    display: flex;
    margin-left: var(--spacing-s);
    align-items: center; }

.documentation-tab-sidebar-title {
  margin: var(--spacing-zero) 1px; }

.documentation-tab-content {
  height: 100%;
  flex: 1;
  overflow: auto; }

.documentation-tab__generate-documentation {
  width: 185px;
  height: var(--size-m); }

.documentation-tab__add-existing-documentation {
  width: 185px;
  height: var(--size-m);
  margin-top: var(--spacing-l); }

.api-description-description {
  margin-top: var(--spacing-l);
  cursor: default; }

.api-description-label {
  margin-bottom: var(--spacing-s); }

.api-description-md {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-primary);
  word-break: break-word;
  width: 100%;
  overflow: auto; }

.api-description-md p {
  margin: var(--spacing-zero); }

.api-description-md a {
  color: var(--content-color-link);
  text-decoration: none; }

.api-description-edit-mode {
  display: flex;
  cursor: text;
  width: 100%;
  justify-content: space-between; }

.api-description-edit-mode-wrapper {
  width: 100%; }

.api-description-edit-icon {
  margin-left: var(--spacing-l);
  height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  visibility: hidden; }

.api-description-edit-icon use {
  fill: var(--content-color-secondary); }

.api-description-edit-icon svg > path[fill] {
  fill: var(--content-color-secondary); }

.api-description-edit-mode:hover .api-description-edit-icon {
  visibility: visible; }

.api-description {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.test-tab-table .api-dev-table-header__cell {
  color: var(--content-color-secondary) !important; }

.test-tab-table .row-hover__cell:last-child {
  margin-left: unset !important; }

.test-tab-table .api-dev-table-row__cell.shrinked {
  margin-right: var(--spacing-s) !important; }

.test-tab-table .arrow-column {
  margin-right: var(--spacing-xxl); }

.test-tab-table .api-dev-table-body .row-parent {
  display: flex;
  min-height: 44px;
  flex-direction: column;
  justify-content: center;
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  margin: var(--spacing-zero) var(--spacing-s); }
  .test-tab-table .api-dev-table-body .row-parent .row-hover {
    padding: unset !important;
    min-height: 44px;
    box-sizing: border-box; }
  .test-tab-table .api-dev-table-body .row-parent .api-dev-table-row {
    color: var(--content-color-primary); }
    .test-tab-table .api-dev-table-body .row-parent .api-dev-table-row .row-arrow:hover {
      background-color: var(--background-color-secondary); }
  .test-tab-table .api-dev-table-body .row-parent .detailed-section {
    width: 100%;
    background: var(--background-color-secondary);
    display: flex;
    font-size: var(--text-size-m); }
    .test-tab-table .api-dev-table-body .row-parent .detailed-section .empty-section {
      width: 24%;
      margin-left: var(--spacing-xl); }
    .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section {
      margin: var(--spacing-xs) var(--spacing-zero);
      margin-right: var(--spacing-m);
      margin-left: var(--spacing-s);
      font-size: inherit;
      color: var(--content-color-secondary);
      width: 75%;
      box-sizing: border-box; }
      .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row {
        min-height: var(--size-xs);
        padding: var(--spacing-m) var(--spacing-zero); }
        .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row .detail-row-header {
          display: flex;
          justify-content: space-between;
          padding: var(--spacing-zero) var(--spacing-xs); }
          .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row .detail-row-header .view-report {
            cursor: pointer; }
        .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row ul {
          list-style: none;
          font-size: var(--text-size-s);
          padding-left: var(--spacing-xl); }
        .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row ul li::before {
          content: "\2022";
          color: var(--content-color-error);
          font-weight: bold;
          display: inline-block;
          width: 1em;
          margin-left: -1em; }
        .test-tab-table .api-dev-table-body .row-parent .detailed-section .filled-section .detail-row li {
          line-height: var(--line-height-m); }

.release-test-tab-container .release-test-tab-heading {
  margin: var(--spacing-l);
  color: var(--content-color-primary); }

.release-test-tab-container .release-test-tab {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-zero) var(--spacing-xl); }
  .release-test-tab-container .release-test-tab .release-test-tab-header {
    color: var(--content-color-secondary);
    height: var(--size-m);
    padding: var(--spacing-s); }
  .release-test-tab-container .release-test-tab .release-test-tab-body {
    border-top: var(--border-width-default) solid var(--border-color-default); }
    .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row {
      background-color: var(--background-color-primary);
      height: 44px;
      display: flex;
      box-sizing: border-box;
      align-items: center;
      padding: var(--spacing-m) var(--spacing-s);
      border-bottom: var(--border-width-default) solid var(--border-color-default);
      font-size: var(--text-size-m); }
      .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row .test-tab-row-icon {
        margin-right: var(--spacing-xs); }
      .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row .test-tab-row-text {
        margin-bottom: 2px;
        color: var(--content-color-primary); }
        .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row .test-tab-row-text__error {
          color: var(--content-color-error);
          margin-bottom: 2px; }
          .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row .test-tab-row-text__error__retry-link {
            cursor: pointer;
            text-decoration: underline; }
      .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row .relation-cell {
        display: flex;
        align-items: center; }
    .release-test-tab-container .release-test-tab .release-test-tab-body .release-test-tab-body-row:hover {
      background-color: var(--background-color-secondary); }
  .release-test-tab-container .release-test-tab .release-test-tab-body:first-child {
    border-top: var(--border-width-default) solid var(--border-color-default); }

.empty-test-state-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .empty-test-state-wrapper__heading {
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-s); }
  .empty-test-state-wrapper__components {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-s); }

.release-overview-tab {
  align-self: center;
  max-width: 880px;
  margin: var(--spacing-zero) auto;
  width: 100%;
  display: flex;
  padding-top: var(--spacing-xl);
  flex-direction: column; }
  .release-overview-tab__title {
    padding-left: 19px;
    margin-bottom: var(--spacing-s); }
  .release-overview-tab__notes {
    padding-left: var(--spacing-l);
    padding-right: var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .release-overview-tab__notes-empty-state {
      color: var(--content-color-secondary); }
    .release-overview-tab__notes-label {
      margin-bottom: var(--spacing-s); }
    .release-overview-tab__notes-md {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-primary); }
      .release-overview-tab__notes-md p {
        margin: var(--spacing-zero); }
      .release-overview-tab__notes-md a {
        color: var(--content-color-link);
        text-decoration: none; }
    .release-overview-tab__notes-edit-mode {
      display: flex;
      cursor: text;
      width: 100%; }
      .release-overview-tab__notes-edit-mode-wrapper {
        width: 100%; }
    .release-overview-tab__notes-edit-icon {
      margin-left: var(--spacing-l);
      display: flex;
      align-items: center;
      cursor: pointer;
      visibility: hidden; }
      .release-overview-tab__notes-edit-icon use {
        fill: var(--content-color-secondary); }
      .release-overview-tab__notes-edit-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .release-overview-tab__notes-edit-mode:hover .release-overview-tab__notes-edit-icon {
      visibility: visible; }

.open-external-link-modal-message {
  margin-top: 20px; }

.open-external-link-modal-message-url {
  color: var(--content-color-link); }

.recommendations {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-secondary);
  font-size: 12px;
  display: flex;
  flex-direction: column; }
  .recommendations .recommendation-item {
    position: relative;
    padding: 0 10px;
    background-color: var(--background-color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center; }
    .recommendations .recommendation-item .recommendation-banner {
      flex: 0 0 32px;
      width: 32px;
      height: 40px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ0SURBVHgB7ZZLbBtFGMf/s2s7dhKSOM8mbYoTkwoQR1ABIcoB9VBx4MCpPIVEJSKhJpQbElQ9wA0hVZVQBEWVKiFFKgeQekKcSpQegsKjINVx0jZ+xTaxndjOPmf4ZrephLp27C2cyE9a7czuzHz/+eabbwbYZ5//Oww+qU4fPc2HR0+ikPuh58Lih/CJLwGJ9x7pGBYDVQgEZD0ENRa5sHAbPlDgg6nzK/pOXSxbloCmicKNRT0Dn/gSIGE77KUr4rD9U7Xn2JNLSyZ84lvAyDfXN26GouI7HirhAWgrBoQQSiWfeZFkvyy4eGhlZeXV2OTk98GAmuacL0SHlW8ZO1hvZ8yWBIh8vrvM7DMAn6HA62syHGcMXwlL/yQ6OnEL/4aAQip1JBjCVQEWR+vc4hb/YGBs/MpeDZsKqBRzR23b+pEx1gkfUL93+4bGvmjaptGPUjYbg8qvU3EYPiEBNlOU53oHDiw2atN4F6j8UiPjlhAwLA797sOp7gUFrSps+9JmMtnbyEzA62Mllz7Jgefv1TULG1UTW7oFiwvnuW8mCkNYVdAdUjHUFUQ04g5NLY+wnvBpKp7zsuXpAZu2mXybZOjXXBXJsgmNK9Btb+MSTt/rpo18zcCNfA2/bdQcL7kq2JtowH0CtrbSgwziFVle3dTAWQA9kTBCwQDaQXrtz8JuShCTxWL60ZYE6DX+hAwfzeYo1k10hzvkWqJUrTvvdihua6jrbpZWbPFCKwLY8s9LTztCTI6OgOp8rOkGbM7RLrZNS7KtO+VcJvvM7OxspKmA96ffubaWXPlUluVcVdUVoFsW/GBRP43iQpJI3HxDMap/zMy81ecpYObUqVFKo88ahuHUpbd3k4Rp2WgXi/rYtvSacAYzTUMuYYwb7HFPAZ/PzWWpXb5UKjv1kMoo4tt3+y667k6kK6iQGAOZdMqpa1Zw2VOAW7Ony6XNhUxq3QorHILbTuApSnuntmlaMAw3+Po7A9A1DXfurP9Czpidm5v7x2npmYoLqeQsvT7L1W0UdIVcSTcfs7U7h3T79rbcMRyxgQgeG+mmPYWvBw/G3/Zq7zk1tRMXSW35QKeKCLMpobQWhCaJrFZd412UEacGnTNMqIZyrlEfTwH9/fEKFDd7xfsCGIo0XwIZpNJwtbpDGZFT4grgqYf7EKDUTMf4R9GJxneDpsdxYT1xFkz5WJYz2xZulzVaCjcwZWxIYxalWzljSZBi5XB/GPGhTqjkd7J+eWg8/nozG3tfSNLJszSQI0IeA9mKhmKNXE0Hk0HrLQ310ox7w0EcinYgcDdg6Sg+PzA2MUNv/kAC4HriGJh6Ueb0PRsz5DlnZ0bGJy+jBdq6lG6sJ16jGR+ni99xJjBy74cQWzTSNbqoXq38nvhy6sQJHf81G6urI9m1tdhfqdSh+fl5Ffvss49P/gaZyviDWI/BPwAAAABJRU5ErkJggg==); }
    .recommendations .recommendation-item .recommendation-description {
      line-height: 20px;
      padding: 10px 8px;
      align-items: center;
      word-break: break-word; }
      .recommendations .recommendation-item .recommendation-description .recommendation-description-title {
        font-weight: 600; }
      .recommendations .recommendation-item .recommendation-description .recommendation-action {
        display: inline-block;
        margin-left: 4px;
        font-weight: 600;
        color: var(--highlight-background-color-brand);
        cursor: pointer; }
    .recommendations .recommendation-item .recommendation-dismiss {
      cursor: pointer;
      line-height: 20px;
      padding: 14px 8px 14px 4px; }
    .recommendations .recommendation-item:hover, .recommendations .recommendation-item.is-hovered {
      background-color: var(--background-color-tertiary); }

.loading-indicator-wrapper.sign-out-loading-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 10px; }

.sign-out-loading--text {
  margin-left: 150px; }

.sign-out-warning--checkbox {
  position: absolute;
  margin-top: 0px; }
  .sign-out-warning--checkbox-text {
    margin-left: 24px; }

.sign-out-warning-container {
  background-color: var(--background-color-error);
  padding: 10px 10px 10px 15px;
  margin-bottom: 15px;
  border-radius: var(--border-radius-default);
  display: flex;
  flex-direction: column;
  flex-shrink: 0; }
  .sign-out-warning-container .sign-out-warning--header {
    color: var(--content-color-error);
    font-weight: 600; }
  .sign-out-warning-container .sign-out-warning--warning-icon {
    margin-right: 7px;
    margin-top: 2px;
    flex-shrink: 0; }
    .sign-out-warning-container .sign-out-warning--warning-icon use {
      fill: var(--base-color-error); }
    .sign-out-warning-container .sign-out-warning--warning-icon svg > path[fill] {
      fill: var(--base-color-error); }
  .sign-out-warning-container .sign-out-warning--text {
    padding-right: 10px;
    margin-left: 24px; }
  .sign-out-warning-container .sign-out-warning--list {
    list-style-type: decimal;
    padding-left: 0;
    list-style-position: inside; }
  .sign-out-warning-container .sign-out-settings-icon {
    vertical-align: middle; }

.sidebar-mock-listing__error__wrapper {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.sidebar-mock-listing__error {
  display: flex;
  flex: 1;
  align-items: center;
  margin-top: var(--spacing-xxl);
  flex-direction: column;
  min-height: 300px; }
  .sidebar-mock-listing__error__content {
    text-align: center; }
    .sidebar-mock-listing__error__content__header {
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-l); }
    .sidebar-mock-listing__error__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m);
      margin: var(--spacing-l) var(--spacing-xl); }
  .sidebar-mock-listing__error__retry-button {
    height: var(--size-m);
    width: 100px; }

.sidebar-mock-listing__container {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .sidebar-mock-listing__container__list {
    flex: 1; }

.mock-action-item-wrapper {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  padding: 0 var(--spacing-l);
  width: 100%; }

.mock-request-access-tooltip-body {
  padding: var(--spacing-xs); }
  .mock-request-access-tooltip-body .title {
    padding-bottom: var(--spacing-m);
    line-height: 18px;
    font-size: var(--text-size-s); }

.call-logs__error__wrapper {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.call-logs__error {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: 300px; }
  .call-logs__error__illustration {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K); }
  .call-logs__error__content {
    text-align: center; }
    .call-logs__error__content__header {
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-l); }
    .call-logs__error__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m);
      margin: var(--spacing-l) var(--spacing-zero); }
  .call-logs__error__retry-button {
    height: var(--size-m);
    width: 180px; }

.call-logs__empty-search-results {
  display: flex;
  flex: 1; }
  .call-logs__empty-search-results .no-result {
    margin: var(--spacing-zero) var(--spacing-xl);
    flex: 1; }

.call-logs__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin: var(--spacing-xxl) var(--spacing-zero);
  color: var(--content-color-primary); }
  .call-logs__empty__header {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-l);
    margin-top: var(--spacing-l); }
  .call-logs__empty__body {
    font-size: var(--text-size-m);
    margin-top: var(--spacing-l);
    line-height: var(--line-height-m); }
    .call-logs__empty__body__header, .call-logs__empty__body__steps {
      margin-bottom: var(--spacing-l); }
    .call-logs__empty__body__steps__url {
      color: var(--content-color-link);
      cursor: pointer;
      word-break: break-all;
      width: fit-content; }
    .call-logs__empty__body__steps .btn {
      font-weight: var(--text-weight-regular); }
    .call-logs__empty__body__copy__button {
      height: var(--size-s); }
      .call-logs__empty__body__copy__button__icon {
        margin-right: var(--spacing-s); }
  .call-logs__empty .learn-more-link {
    color: var(--content-color-link); }

.call-logs__list__wrapper {
  display: flex;
  flex: 1;
  overflow-x: auto; }

.call-logs__list {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 768px; }
  .call-logs__list__header {
    margin: var(--spacing-l); }
    .call-logs__list__header__title {
      display: inline-block;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      line-height: var(--line-height-m); }
    .call-logs__list__header__refresh-button {
      margin-left: var(--spacing-s);
      vertical-align: middle; }
    .call-logs__list__header__is-loading {
      cursor: default; }
      .call-logs__list__header__is-loading svg {
        animation: spin 1s linear infinite; }
    .call-logs__list__header__search-bar {
      max-width: 296px;
      margin-top: var(--spacing-l);
      display: flex;
      flex: 1;
      border-radius: var(--border-radius-default);
      height: var(--size-m); }
      .call-logs__list__header__search-bar .input-search {
        margin-top: var(--spacing-zero); }
  .call-logs__list__body {
    font-size: var(--text-size-m);
    padding: 0 var(--spacing-m);
    color: var(--content-color-primary); }
    .call-logs__list__body__load-more {
      text-align: center;
      padding: var(--spacing-l) var(--spacing-zero); }
    .call-logs__list__body__is-loading {
      opacity: 0.4; }
    .call-logs__list__body__header {
      padding: var(--spacing-s);
      padding-left: var(--spacing-zero);
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      color: var(--content-color-secondary);
      margin-top: var(--spacing-l);
      height: 40px;
      box-sizing: border-box; }
      .call-logs__list__body__header__time, .call-logs__list__body__header__request, .call-logs__list__body__header__response {
        display: inline-block;
        vertical-align: sub;
        line-height: var(--line-height-s); }
      .call-logs__list__body__header__time {
        width: 20%;
        min-width: 20%;
        margin: var(--spacing-zero) var(--spacing-xxl); }
      .call-logs__list__body__header__request {
        width: 35%;
        min-width: 35%;
        margin-right: var(--spacing-xxl); }
      .call-logs__list__body__header__response {
        width: 25%;
        min-width: 25%; }
  .call-logs__list__footer {
    padding: var(--spacing-xxl) 0;
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    color: var(--content-color-primary);
    margin: var(--spacing-xl) var(--spacing-m) var(--spacing-zero);
    font-size: var(--text-size-m); }
    .call-logs__list__footer .learn-more-link {
      color: var(--content-color-link); }
  .call-logs__list__item__details {
    padding-left: var(--spacing-xxl); }
    .call-logs__list__item__details.is-even {
      background-color: var(--background-color-secondary); }
  .call-logs__list__item__title {
    cursor: pointer;
    position: relative;
    padding: var(--spacing-s);
    padding-left: var(--spacing-zero);
    line-height: var(--line-height-l);
    height: 40px;
    box-sizing: border-box; }
    .call-logs__list__item__title__request-icon {
      float: left;
      margin-right: var(--spacing-xs);
      text-transform: uppercase; }
      .call-logs__list__item__title__request-icon .collection-sidebar-list-item__request__label {
        line-height: var(--line-height-l); }
    .call-logs__list__item__title__date {
      display: inline-block;
      width: 20%;
      min-width: 20%;
      margin-right: var(--spacing-xxl);
      vertical-align: middle; }
    .call-logs__list__item__title__path {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 35%;
      min-width: 35%;
      margin-right: var(--spacing-xxl);
      vertical-align: middle; }
    .call-logs__list__item__title__example-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 25%;
      min-width: 25%;
      vertical-align: middle; }
    .call-logs__list__item__title__error-container {
      display: inline-block;
      width: 25%;
      min-width: 25%;
      vertical-align: middle; }
    .call-logs__list__item__title__error-example-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--content-color-error);
      max-width: 70%;
      display: inline-block;
      vertical-align: middle; }
    .call-logs__list__item__title__error-icon {
      vertical-align: middle;
      margin-left: var(--spacing-s); }
    .call-logs__list__item__title__error-tooltip {
      margin-left: var(--spacing-xs);
      vertical-align: middle; }
      .call-logs__list__item__title__error-tooltip__content {
        max-width: 224px; }
        .call-logs__list__item__title__error-tooltip__content__header {
          font-weight: var(--text-weight-medium); }
    .call-logs__list__item__title__arrow-icon {
      display: inline-block;
      height: var(--size-s);
      width: var(--size-s);
      text-align: center;
      margin-right: var(--spacing-s); }
      .call-logs__list__item__title__arrow-icon i {
        vertical-align: middle; }
    .call-logs__list__item__title.is-even {
      background: var(--background-color-secondary); }
    .call-logs__list__item__title.is-visible {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .call-logs__list__item__title.is-disabled {
      cursor: default; }
  .call-logs__list__item__body, .call-logs__list__item__header {
    position: relative;
    padding: var(--spacing-s);
    padding-left: var(--spacing-zero);
    display: inline-block;
    cursor: pointer;
    color: var(--content-color-tertiary);
    line-height: var(--line-height-s); }
    .call-logs__list__item__body__arrow-icon, .call-logs__list__item__header__arrow-icon {
      margin-right: var(--spacing-m);
      display: inline-block; }
      .call-logs__list__item__body__arrow-icon i, .call-logs__list__item__header__arrow-icon i {
        vertical-align: middle; }
    .call-logs__list__item__body__title, .call-logs__list__item__header__title {
      vertical-align: middle; }
    .call-logs__list__item__body__loader, .call-logs__list__item__header__loader {
      text-align: center;
      transform: scale(0.7); }
    .call-logs__list__item__body__error, .call-logs__list__item__header__error {
      margin-left: var(--spacing-xxl);
      color: var(--content-color-tertiary); }
      .call-logs__list__item__body__error__retry, .call-logs__list__item__header__error__retry {
        display: inline-block;
        cursor: pointer;
        color: var(--content-color-link); }
    .call-logs__list__item__body__wrapper, .call-logs__list__item__header__wrapper {
      display: inline-block;
      margin-left: var(--spacing-xxl);
      color: var(--content-color-tertiary);
      overflow-x: auto;
      overflow-y: auto;
      max-height: 240px;
      width: 90%;
      white-space: pre;
      font-family: var(--text-family-code); }
      .call-logs__list__item__body__wrapper__item, .call-logs__list__item__header__wrapper__item {
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
        .call-logs__list__item__body__wrapper__item__value, .call-logs__list__item__header__wrapper__item__value {
          color: var(--blue-30); }
  .call-logs__list__item__body__download {
    padding-left: var(--spacing-xxl);
    color: var(--content-color-tertiary); }
  .call-logs__list__item__body__response {
    padding-bottom: var(--spacing-s); }

.mock-details__loading {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center; }

.mock-details__error__wrapper {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.mock-details__error {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: 300px; }
  .mock-details__error__illustration {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K); }
  .mock-details__error__content {
    text-align: center;
    font-size: 12px; }
    .mock-details__error__content__header {
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-l); }
    .mock-details__error__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m);
      margin: var(--spacing-l) var(--spacing-zero); }
  .mock-details__error__retry-button {
    height: var(--size-m);
    width: 180px; }

.mock-details__content-wrapper {
  display: flex;
  flex: 1;
  overflow-x: auto; }

.mock-details__content {
  display: flex;
  flex: 1;
  flex-direction: column; }

.mock-info-context-view-loading {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center; }

.mock-info-context-view-wrapper {
  overflow-y: hidden;
  display: flex;
  flex-direction: column; }
  .mock-info-context-view-wrapper .right-context-bar__title {
    color: var(--content-color-primary); }
  .mock-info-context-view-wrapper .mock-info-context-view {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }
    .mock-info-context-view-wrapper .mock-info-context-view__error__wrapper {
      display: flex;
      flex: 1;
      overflow-y: auto; }
    .mock-info-context-view-wrapper .mock-info-context-view__error {
      display: flex;
      flex: 1;
      align-items: center;
      margin-top: var(--spacing-l);
      flex-direction: column;
      min-height: 300px; }
      .mock-info-context-view-wrapper .mock-info-context-view__error__content {
        text-align: center; }
        .mock-info-context-view-wrapper .mock-info-context-view__error__content__header {
          color: var(--content-color-primary);
          margin-top: var(--spacing-l);
          font-size: var(--text-size-l);
          font-weight: var(--text-weight-medium);
          line-height: var(--line-height-l); }
        .mock-info-context-view-wrapper .mock-info-context-view__error__content__sub-header {
          font-size: var(--text-size-m);
          color: var(--content-color-secondary);
          line-height: var(--line-height-m);
          margin: var(--spacing-l) var(--spacing-xl); }
      .mock-info-context-view-wrapper .mock-info-context-view__error__retry-button {
        height: var(--size-m);
        width: 100px; }
    .mock-info-context-view-wrapper .mock-info-context-view__entity {
      margin-bottom: var(--spacing-xl); }
      .mock-info-context-view-wrapper .mock-info-context-view__entity__label {
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-medium);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary);
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs); }
      .mock-info-context-view-wrapper .mock-info-context-view__entity__content {
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        display: flex;
        flex: 1;
        margin-right: var(--spacing-s);
        margin-top: var(--spacing-xs);
        align-items: center; }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button {
          background-color: transparent;
          height: var(--size-xs);
          width: var(--size-xs);
          margin-left: var(--spacing-m); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy use {
            fill: var(--content-color-secondary); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy svg > path[fill] {
            fill: var(--content-color-secondary); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy:hover use, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy.is-hovered use {
            fill: var(--content-color-primary); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy:hover svg > path[fill], .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__copy.is-hovered svg > path[fill] {
            fill: var(--content-color-primary); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__success {
            cursor: default; }
            .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__success use {
              fill: var(--content-color-success); }
            .mock-info-context-view-wrapper .mock-info-context-view__entity__content__button__success svg > path[fill] {
              fill: var(--content-color-success); }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content .activity-item-profile-pic-wrapper {
          margin: var(--spacing-zero); }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content .activity-item-profile-pic-wrapper .pm-user-avatar-icon {
            height: var(--size-s);
            width: var(--size-s); }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content .activity-item-user {
          margin-left: var(--spacing-s);
          font-weight: var(--text-weight-regular); }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__id, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__url, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__environment {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__id, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__url {
          line-height: var(--line-height-m);
          background-color: var(--background-color-secondary);
          padding: 6px var(--spacing-s);
          border-radius: var(--border-radius-default); }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__environment {
          margin-right: var(--spacing-s);
          color: var(--content-color-primary);
          cursor: pointer; }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection:hover, .mock-info-context-view-wrapper .mock-info-context-view__entity__content__environment:hover {
            text-decoration: underline; }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection {
          max-width: 50%; }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection-fork-label {
          max-width: 25%; }
        .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection-version-tag {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-left: var(--spacing-xs);
          padding: 0px var(--spacing-s);
          border-radius: 30px;
          font-size: var(--text-size-s);
          font-weight: var(--text-weight-medium);
          color: var(--content-color-secondary);
          background-color: var(--background-color-tertiary);
          line-height: var(--line-height-s);
          max-width: 25%; }
          .mock-info-context-view-wrapper .mock-info-context-view__entity__content__collection-version-tag__current {
            border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
            background-color: var(--background-color-primary);
            color: var(--content-color-tertiary); }

.mock-details-header {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-medium);
  padding: 0 var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  min-width: 768px; }
  .mock-details-header__mock-inactive-label {
    color: var(--content-color-tertiary);
    background-color: var(--background-color-tertiary);
    padding: var(--spacing-zero) var(--spacing-s);
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-medium);
    white-space: pre;
    text-overflow: ellipsis;
    min-width: 0px;
    max-width: 100px;
    border-radius: 30px;
    cursor: auto;
    margin-left: var(--spacing-s); }
  .mock-details-header__mock-name-wrapper {
    display: flex;
    flex: 1;
    min-width: 0;
    color: var(--content-color-primary);
    margin-right: var(--spacing-l);
    max-width: 240px;
    line-height: var(--line-height-m);
    align-items: center; }
  .mock-details-header__copy-link {
    display: none;
    margin-left: var(--spacing-s); }
  .mock-details-header__mock-name-wrapper:hover .mock-details-header__copy-link {
    display: inline-flex; }
  .mock-details-header__mock-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .mock-details-header__mock-actions {
    display: flex;
    align-items: center; }
    .mock-details-header__mock-actions__copy, .mock-details-header__mock-actions__refresh, .mock-details-header__mock-actions__docs {
      margin-right: 2px;
      height: var(--size-m);
      padding: var(--spacing-s); }
      .mock-details-header__mock-actions__copy__icon, .mock-details-header__mock-actions__refresh__icon, .mock-details-header__mock-actions__docs__icon {
        margin-right: var(--spacing-xs); }
    .mock-details-header__mock-actions__more-options {
      min-width: var(--size-m);
      height: var(--size-m);
      padding: var(--spacing-s); }

.mocks-dropdown-menu {
  min-width: 220px; }
  .mocks-dropdown-menu .dropdown-menu-item {
    padding: 0; }
    .mocks-dropdown-menu .dropdown-menu-item .dropdown-menu-item-icon {
      margin-right: var(--spacing-s); }
  .mocks-dropdown-menu .mock-action-item {
    display: flex;
    flex: 1; }

.mock-edit-container {
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 56px; }
  .mock-edit-container__title {
    font-size: var(--text-size-xxl);
    font-weight: var(--text-weight-medium);
    padding-top: var(--spacing-xxl); }
  .mock-edit-container__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: var(--spacing-zero);
    overflow-x: hidden;
    overflow-y: overlay; }
    .mock-edit-container__content .permissions-loading {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center; }
    .mock-edit-container__content .mock-edit-form__error {
      display: flex;
      align-items: center;
      margin-top: var(--spacing-xxl);
      flex-direction: column;
      flex: 1;
      justify-content: center; }
      .mock-edit-container__content .mock-edit-form__error .creation-error__icon {
        display: block;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K);
        margin-top: var(--spacing-zero);
        margin-bottom: var(--spacing-zero); }
      .mock-edit-container__content .mock-edit-form__error .creation-error__title {
        font-size: var(--text-size-l);
        font-weight: var(--text-weight-medium);
        margin-top: var(--spacing-l);
        margin-bottom: var(--spacing-zero);
        color: var(--content-color-primary); }
      .mock-edit-container__content .mock-edit-form__error .creation-error__subtitle {
        font-size: var(--text-size-m);
        margin: var(--spacing-l) var(--spacing-xl);
        color: var(--content-color-secondary); }
      .mock-edit-container__content .mock-edit-form__error .creation-error__actions .btn-primary {
        font-size: var(--text-size-m);
        height: var(--spacing-xxl);
        min-width: 60px;
        line-height: var(--line-height-xs); }
    .mock-edit-container__content .mock-edit-form__content {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding-right: 70px; }
      .mock-edit-container__content .mock-edit-form__content .step1.create-mock-form__body {
        display: flex;
        flex-direction: column;
        padding: var(--spacing-xl) var(--spacing-zero); }
      .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group {
        margin-bottom: var(--spacing-l); }
        .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__label {
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          margin-bottom: var(--spacing-s);
          font-weight: var(--text-weight-medium); }
          .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__label.is-error {
            color: var(--base-color-error); }
        .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input {
          display: flex; }
          .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext {
            padding-left: var(--spacing-xxl);
            color: var(--content-color-tertiary);
            max-width: 522px; }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext__content {
              max-width: 100%; }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext .learn-more-link {
              color: var(--content-color-link);
              font-weight: var(--text-weight-regular); }
          .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field {
            display: flex;
            min-width: 320px;
            height: 100%; }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field__label {
              cursor: pointer;
              font-weight: var(--text-weight-medium); }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .environment-dropdown__button-label {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .input-box {
              border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .input-box__error {
              border: var(--border-width-default) var(--border-style-solid) var(--content-color-error);
              background-color: var(--background-color-primary); }
            .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .btn-secondary {
              border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
              border-radius: var(--border-radius-default);
              background: var(--background-color-secondary); }
          .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .input-checkbox {
            margin-right: var(--spacing-s); }
        .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .mock-name-empty__msg-container {
          margin-top: var(--spacing-xs); }
          .mock-edit-container__content .mock-edit-form__content .step1 .create-mock-form__body__input-group .mock-name-empty__msg-container__text {
            color: var(--content-color-error); }
      .mock-edit-container__content .mock-edit-form__content .is-loading {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center; }
      .mock-edit-container__content .mock-edit-form__content .create-mock-form__version-dropdown {
        width: 320px; }
        .mock-edit-container__content .mock-edit-form__content .create-mock-form__version-dropdown .create-mock-form__version-dropdown__button-label {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .mock-edit-container__footer {
    margin-right: 70px;
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .mock-edit-container__footer .btn-secondary {
      margin-right: var(--spacing-s); }
  .mock-edit-container__footer__button__container {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl); }
    .mock-edit-container__footer__button__container .btn-primary {
      min-width: 280px; }

.mock-delay-selector {
  width: 100%; }
  .mock-delay-selector .mock-delay__checkbox {
    display: flex; }
  .mock-delay-selector .mock-delay__checkbox-label {
    cursor: pointer;
    font-weight: var(--text-weight-medium); }
  .mock-delay-selector .mock-delay__options {
    min-width: 293px; }
    .mock-delay-selector .mock-delay__options .delay-duration-type-dropdown {
      margin-top: var(--spacing-m);
      height: var(--spacing-xxl); }
    .mock-delay-selector .mock-delay__options .delay-duration__input-wrapper {
      margin-top: var(--spacing-m); }
      .mock-delay-selector .mock-delay__options .delay-duration__input-wrapper .delay-duration__input {
        display: flex;
        width: fit-content; }
        .mock-delay-selector .mock-delay__options .delay-duration__input-wrapper .delay-duration__input .delay-duration__input-unit {
          margin: 6px auto;
          align-self: center;
          height: 100%;
          justify-content: center;
          position: relative;
          left: 6px;
          cursor: default; }
          .mock-delay-selector .mock-delay__options .delay-duration__input-wrapper .delay-duration__input .delay-duration__input-unit.is-disabled {
            color: var(--content-color-tertiary); }
        .mock-delay-selector .mock-delay__options .delay-duration__input-wrapper .delay-duration__input .delay-duration__input-field.is-disabled {
          cursor: default;
          opacity: 0.4; }
    .mock-delay-selector .mock-delay__options .delay-duration__error {
      display: flex;
      color: var(--base-color-error); }

.mock-edit-tab__loading {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center; }

.mock-edit-tab__error {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: 300px; }
  .mock-edit-tab__error__illustration {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K); }
  .mock-edit-tab__error__content {
    text-align: center;
    font-size: var(--text-size-m); }
    .mock-edit-tab__error__content__header {
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-l); }
    .mock-edit-tab__error__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m);
      margin: var(--spacing-l) var(--spacing-zero); }
  .mock-edit-tab__error__retry-button {
    height: var(--size-m);
    width: 180px; }

.mock-create-container {
  flex-direction: column;
  display: flex;
  height: 100%;
  overflow: auto;
  margin: var(--spacing-xl) var(--spacing-xxl) var(--spacing-zero) 56px;
  font-size: var(--text-size-m); }
  .mock-create-container .mock-create-container__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    color: var(--content-color-primary);
    overflow: auto;
    padding: var(--spacing-l) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
    height: 100%; }
    .mock-create-container .mock-create-container__content .step1.create-mock-form__body {
      display: flex;
      flex-direction: column; }
    .mock-create-container .mock-create-container__content .step1.is-loading {
      flex: 1;
      align-items: center;
      justify-content: center; }
    .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group {
      margin-bottom: var(--spacing-l); }
      .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__label {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-s);
        font-weight: var(--text-weight-medium); }
        .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__label.is-error {
          color: var(--base-color-error); }
      .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input {
        display: flex; }
        .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext {
          padding-left: var(--spacing-xxl);
          color: var(--content-color-tertiary);
          max-width: 522px; }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext__content {
            max-width: 100%; }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__input__helptext .learn-more-link {
            color: var(--content-color-link);
            font-weight: var(--text-weight-regular); }
        .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field {
          display: flex;
          min-width: 350px;
          height: 100%; }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field__label {
            cursor: pointer;
            font-weight: var(--text-weight-medium); }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .environment-dropdown__button-label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .input-box {
            border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .input-box__error {
            border: var(--border-width-default) var(--border-style-solid) var(--content-color-error);
            background-color: var(--background-color-primary); }
          .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .create-mock-form__body__field .btn-secondary {
            border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
            border-radius: var(--border-radius-default);
            background: var(--background-color-secondary); }
        .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .create-mock-form__body__input .input-checkbox {
          margin-right: var(--spacing-s); }
      .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .mock-name-empty__msg-container {
        margin-top: var(--spacing-xs); }
        .mock-create-container .mock-create-container__content .step1 .create-mock-form__body__input-group .mock-name-empty__msg-container__text {
          color: var(--content-color-error); }
    .mock-create-container .mock-create-container__content .mock-delay__options {
      min-width: 323px; }
  .mock-create-container .mock-create-header {
    border-bottom: var(--border-width-default) solid var(--border-color-default); }
    .mock-create-container .mock-create-header .mock-create-header__title {
      color: var(--content-color-primary);
      font-size: var(--text-size-xxl);
      font-weight: var(--text-weight-medium); }
    .mock-create-container .mock-create-header .tabs {
      height: 40px; }
    .mock-create-container .mock-create-header .tab {
      line-height: 40px;
      cursor: default; }
    .mock-create-container .mock-create-header .tab-primary {
      padding: var(--spacing-zero) var(--spacing-xl) var(--spacing-zero) var(--spacing-zero); }
      .mock-create-container .mock-create-header .tab-primary .tab-text-wrapper {
        padding: var(--spacing-zero);
        margin: var(--spacing-zero); }
      .mock-create-container .mock-create-header .tab-primary.is-done {
        display: inline-flex;
        justify-content: center;
        align-items: center; }
      .mock-create-container .mock-create-header .tab-primary i {
        margin-right: var(--spacing-xs); }
    .mock-create-container .mock-create-header .mock-create-header__step-number {
      display: inline-block;
      width: 20px; }
  .mock-create-container .assign-mock-collection___search-bar {
    max-width: 296px;
    margin-top: var(--spacing-l);
    display: flex;
    flex: 1;
    border-radius: var(--border-radius-default);
    height: var(--size-m); }
    .mock-create-container .assign-mock-collection___search-bar .input-search {
      margin-top: var(--spacing-zero); }
  .mock-create-container .assign-mock-collection__container {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    padding: var(--spacing-l) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
    height: 100%;
    width: 100%; }
    .mock-create-container .assign-mock-collection__container .assign-mock-collection__body {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .tabs {
        flex: 0 0 30px;
        justify-content: center;
        width: fit-content;
        width: -moz-max-content;
        /* Firefox */
        align-items: center; }
      .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right {
        overflow: hidden;
        min-height: 70px;
        overflow: auto; }
        .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__entity-empty {
          text-align: center;
          color: var(--content-color-secondary); }
          .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__entity-empty__title {
            font-size: var(--text-size-xl);
            font-weight: var(--text-weight-bold);
            margin-bottom: var(--line-height-m);
            margin-top: var(--spacing-l); }
          .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__entity-empty__subtitle {
            font-size: var(--text-size-m);
            margin-top: var(--line-height-m); }
        .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__table {
          height: 100%;
          flex: 1; }
          .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__table .assign-mock-collection__data-editor {
            height: 100%; }
            .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__table .assign-mock-collection__data-editor .data-editor {
              height: 100%; }
              .mock-create-container .assign-mock-collection__container .assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__table .assign-mock-collection__data-editor .data-editor .data-editor {
                overflow-y: auto;
                height: 100%; }
    .mock-create-container .assign-mock-collection__container .step1 {
      overflow: auto; }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__body__tab-content {
        flex: 1; }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .tabs {
        border: var(--border-width-default) solid var(--border-color-default);
        margin-bottom: 17px;
        border-radius: var(--border-radius-default); }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .tabs .tab-primary {
          border-bottom: var(--spacing-zero);
          background-color: var(--highlight-background-color-primary); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .tabs .tab-primary.is-active {
            background-color: var(--background-color-primary); }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .tabs .tab-primary.is-active .tab-text-wrapper {
              box-shadow: none; }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__intro {
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        width: 100%;
        margin-bottom: var(--spacing-l);
        color: var(--content-color-primary); }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__intro .btn-text {
          line-height: var(--line-height-s);
          padding: 0 3px; }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__intro__heading {
        font-weight: 600;
        display: block;
        margin-bottom: var(--spacing-xs); }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right {
        flex: 1; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__helptext {
          color: var(--content-color-primary);
          margin-top: 20px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__helptext .btn-text {
            height: 0px; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__data-editor {
          margin-right: 1px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__data-editor .data-editor__cell--path .prefix {
            display: flex;
            align-items: center; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__data-editor .dropdown-button .btn {
            height: 28px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__data-editor .DraftEditor-editorContainer .public-DraftEditor-content {
            height: 20px; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor {
          display: flex;
          flex-direction: column; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header {
            margin-right: var(--spacing-m);
            flex: 0 0 30px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__rows {
            overflow-y: scroll; }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__rows::-webkit-scrollbar-track {
              background-color: var(--background-color-primary); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header .data-editor__header__cell {
            font-size: var(--text-size-s);
            color: var(--content-color-primary);
            font-weight: 600; }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header .data-editor__header__cell .data-editor__header__cell__title {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header .assign-mock-collection__test-header {
            overflow: hidden; }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header .assign-mock-collection__test-header .input-checkbox {
              min-width: var(--size-xs); }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__header .assign-mock-collection__test-header span {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .data-editor__reorder {
            width: 14px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .dropdown {
            margin: var(--spacing-zero) 5px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .dropdown-button .btn {
            background-color: transparent;
            padding: var(--spacing-zero); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .data-editor__cell--time {
            display: flex;
            flex: 1;
            margin-right: 30px; }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .data-editor__cell--time .postfix {
              font-size: var(--text-size-m);
              padding-left: 5px;
              line-height: 25px;
              color: var(--content-color-secondary); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .data-editor__custom-row.is-focused .data-editor__cell--time, .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row .data-editor__custom-row:hover .data-editor__cell--time {
            margin-right: var(--spacing-zero); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row:last-child .data-editor__custom-row.is-focused .data-editor__cell--time, .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .data-editor .data-editor__row:last-child .data-editor__custom-row:hover .data-editor__cell--time {
            margin-right: 30px; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__test-header {
          display: flex; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__test-header .input-checkbox {
            margin-right: 5px; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__table {
          flex: 1; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card {
          display: flex;
          align-items: center;
          flex: 0 0 224px;
          height: 40px;
          padding: var(--spacing-s);
          cursor: pointer;
          border-radius: var(--border-radius-default); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card:hover, .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card.is-hovered {
            background-color: var(--highlight-background-color-primary); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card .assign-mock-collection__card__icon {
            margin-right: 10px;
            margin-top: 2px;
            flex: 0 0 22px; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card .assign-mock-collection__card__title {
            display: flex;
            align-items: center;
            max-width: 176px; }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card .assign-mock-collection__card__title span {
              color: var(--content-color-primary);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-size: var(--text-size-l); }
            .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__card .assign-mock-collection__card__title .collection-meta-icons {
              overflow: visible; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right .assign-mock-collection__right__collections {
          display: grid;
          box-sizing: border-box;
          grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
          border: var(--border-width-default) solid var(--border-color-default);
          overflow: auto;
          max-height: 100%;
          padding: 10px; }
      .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__table .data-editor {
        border: none; }
        .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__table .data-editor .data-editor__cell--path {
          display: flex;
          flex: 1; }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__table .data-editor .data-editor__cell--path .auto-suggest {
            margin: var(--spacing-zero); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__table .data-editor .data-editor__cell--path .prefix {
            font-size: var(--text-size-m);
            padding-left: 5px;
            line-height: 25px;
            color: var(--content-color-secondary); }
          .mock-create-container .assign-mock-collection__container .step1.assign-mock-collection__body .assign-mock-collection__right__table .data-editor .data-editor__cell--path .data-editor__cell__content {
            margin-left: 3px; }
  .mock-create-container .loading {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center; }
  .mock-create-container .mock-form-footer__container {
    display: flex;
    flex: 0 0 104px;
    align-items: center;
    border-top: var(--border-width-default) solid var(--border-color-default);
    padding: var(--spacing-zero); }
  .mock-create-container .mock-form__footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-size: var(--text-size-m);
    position: relative; }
    .mock-create-container .mock-form__footer .btn-secondary {
      margin-right: var(--spacing-s);
      min-width: 104px;
      font-size: var(--text-size-l); }
    .mock-create-container .mock-form__footer .btn-primary {
      min-width: 280px;
      font-size: var(--text-size-l); }
  .mock-create-container .mock-create__error {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    min-height: 300px; }

.info-pane__mock-servers {
  margin-top: var(--spacing-xl); }
  .info-pane__mock-servers__loading {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-l); }
  .info-pane__mock-servers__header-wrapper {
    display: flex;
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-xs); }
    .info-pane__mock-servers__header-wrapper__label {
      line-height: var(--line-height-s);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      padding-top: var(--spacing-xs);
      padding-bottom: var(--spacing-xs);
      cursor: default;
      flex: 1; }
    .info-pane__mock-servers__header-wrapper__create-new-mock {
      padding-top: 6px;
      padding-bottom: 6px;
      height: var(--size-s); }
      .info-pane__mock-servers__header-wrapper__create-new-mock__icon {
        padding-right: var(--spacing-xs); }
  .info-pane__mock-servers__show-all-mocks-label {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m);
    padding-top: 2px;
    padding-bottom: 2px; }
    .info-pane__mock-servers__show-all-mocks-label:hover {
      cursor: pointer;
      text-decoration: underline; }
  .info-pane__mock-servers__toggle-wrapper {
    float: left;
    cursor: pointer; }
  .info-pane__mock-servers__toggle {
    margin-left: var(--spacing-zero);
    margin-top: var(--spacing-s);
    margin-right: var(--spacing-s);
    border-radius: var(--border-radius-s); }
    .info-pane__mock-servers__toggle :hover {
      background: var(--highlight-background-color-secondary); }
  .info-pane__mock-servers__mock-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-xs); }
    .info-pane__mock-servers__mock-item__link {
      display: flex;
      overflow: hidden; }
      .info-pane__mock-servers__mock-item__link__name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: var(--line-height-s);
        font-size: var(--text-size-m);
        color: var(--content-color-primary);
        padding-top: 2px;
        padding-bottom: 2px; }
        .info-pane__mock-servers__mock-item__link__name .aether-link-text {
          overflow: hidden;
          text-overflow: ellipsis; }
    .info-pane__mock-servers__mock-item__active {
      display: flex;
      align-items: center; }
  .info-pane__mock-servers__empty-state {
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: var(--line-height-s);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }
  .info-pane__mock-servers__error-state {
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: var(--line-height-s);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }
  .info-pane__mock-servers__create-new {
    font-weight: var(--text-weight-regular);
    line-height: var(--line-height-m);
    margin-top: 6px;
    margin-bottom: 6px;
    padding: var(--spacing-zero); }
    .info-pane__mock-servers__create-new__icon {
      padding-right: var(--spacing-s); }

.mock-status-icon {
  margin-right: var(--spacing-xs); }

.inactive-mock-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: var(--spacing-xs);
  background-color: var(--content-color-tertiary); }
  .inactive-mock-indicator__sidebar_fixed {
    margin-right: var(--spacing-xxxl); }
  .inactive-mock-indicator__banner {
    display: flex;
    flex: 1;
    background-color: var(--background-color-secondary);
    justify-content: left;
    align-items: center;
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    line-height: var(--line-height-m);
    margin: 10px var(--spacing-m);
    padding: var(--spacing-l);
    max-height: 52px;
    box-sizing: border-box; }
    .inactive-mock-indicator__banner__icon {
      margin-right: var(--spacing-s); }

.mock-offline__wrapper {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.mock-offline__sidebar {
  padding: var(--spacing-xxl) var(--spacing-l);
  margin-top: var(--spacing-xxl); }
  .mock-offline__sidebar .mock-offline__content__header {
    color: var(--content-color-secondary); }

.mock-offline__tab {
  justify-content: center; }
  .mock-offline__tab .mock-offline__content__header {
    color: var(--content-color-primary); }

.mock-offline__context-bar {
  margin-top: 64px; }
  .mock-offline__context-bar .mock-offline__content__header {
    color: var(--content-color-primary); }

.mock-offline {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  min-height: 200px; }
  .mock-offline__content {
    text-align: center;
    line-height: var(--line-height-m);
    margin-top: var(--spacing-l); }
    .mock-offline__content__header {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-s); }
    .mock-offline__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }

.mock-tab-error {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center; }
  .mock-tab-error__content {
    display: flex;
    width: 415px;
    padding: var(--spacing-l);
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .mock-tab-error__content .error__illustration {
      margin-bottom: var(--spacing-l); }
    .mock-tab-error__content__title {
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-s); }
    .mock-tab-error__content__body {
      color: var(--content-color-secondary);
      text-align: center; }
    .mock-tab-error__content__refresh-button {
      margin-top: var(--spacing-l); }

.mock-no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--content-color-primary);
  flex: 1;
  margin: var(--spacing-zero) var(--spacing-xl); }
  .mock-no-result__label {
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-bold);
    margin-bottom: 10px;
    margin-top: var(--spacing-l); }
  .mock-no-result__subtext {
    font-size: var(--text-size-m);
    opacity: 0.6; }

.custom-mock-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .custom-mock-error__title {
    font-size: var(--text-size-xxl);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-bold);
    margin-bottom: 20px;
    margin-top: var(--spacing-l); }
  .custom-mock-error__subtitle {
    font-size: var(--text-size-l);
    color: var(--content-color-primary);
    margin-bottom: 20px;
    max-width: 410px;
    text-align: center; }
  .custom-mock-error__action .btn {
    font-size: var(--text-size-xl);
    padding: 10px 20px; }

.mock-create-container-v2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  overflow: auto;
  padding-bottom: 36px; }
  .mock-create-container-v2__loading-indicator {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center; }
  .mock-create-container-v2 .mock-form-v2 {
    margin-bottom: 20px; }
    .mock-create-container-v2 .mock-form-v2__radio-button {
      max-width: 345px;
      padding-bottom: var(--spacing-l); }
      .mock-create-container-v2 .mock-form-v2__radio-button > span > label {
        font-weight: var(--text-weight-medium); }
    .mock-create-container-v2 .mock-form-v2__footer {
      margin-left: -290px;
      gap: var(--spacing-s);
      display: flex; }

.assign-mock-collection-container {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-s); }
  .assign-mock-collection-container__dropdown {
    width: 240px;
    margin-top: var(--spacing-s); }
  .assign-mock-collection-container__checkbox {
    margin-bottom: var(--spacing-xs);
    margin-top: var(--spacing-l); }
  .assign-mock-collection-container__helpertext {
    color: var(--content-color-secondary); }
  .assign-mock-collection-container__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-xxl); }
    .assign-mock-collection-container__content__error-message {
      margin-top: var(--spacing-m);
      text-align: center; }
      .assign-mock-collection-container__content__error-message__description {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular);
        color: var(--content-color-primary);
        margin-right: var(--spacing-xs); }
      .assign-mock-collection-container__content__error-message__link-with-icon {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular);
        margin-top: var(--spacing-m);
        color: var(--content-color-secondary);
        display: flex;
        align-items: center;
        gap: 6px;
        justify-content: center;
        cursor: pointer; }
      .assign-mock-collection-container__content__error-message__link {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular);
        color: var(--content-color-link);
        cursor: pointer; }

.assign-mock-templates-container {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(222px, 1fr));
  grid-column-gap: var(--spacing-xs);
  grid-row-gap: var(--spacing-xs);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  overflow: overlay;
  max-height: 212px;
  padding: var(--spacing-l);
  width: 482px;
  margin-left: -22px;
  margin-top: var(--spacing-m);
  border-radius: 3px; }
  .assign-mock-templates-container .is-active {
    background-color: var(--highlight-background-color-primary); }
  .assign-mock-templates-container__card {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 222px;
    flex-wrap: wrap;
    align-items: center;
    height: 60px;
    padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) 20px;
    cursor: pointer;
    border-radius: var(--border-radius-default); }
    .assign-mock-templates-container__card:hover, .assign-mock-templates-container__card.is-hovered {
      background-color: var(--highlight-background-color-primary); }
    .assign-mock-templates-container__card__icon {
      margin-top: var(--spacing-xs);
      flex: 0 0 22px; }
    .assign-mock-templates-container__card__title, .assign-mock-templates-container__card__subtitle {
      display: flex;
      align-items: center;
      max-width: 172px;
      color: var(--content-color-primary);
      font-size: var(--text-size-m); }
    .assign-mock-templates-container__card span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .assign-mock-templates-container__card__subtitle {
      flex-basis: 100%;
      margin-left: 22px;
      color: var(--content-color-secondary);
      font-size: var(--text-size-s); }

.assign-mock-template-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-xxl); }
  .assign-mock-template-container__error-message {
    text-align: center;
    margin-top: var(--spacing-m); }
    .assign-mock-template-container__error-message__description {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular);
      color: var(--content-color-primary); }
    .assign-mock-template-container__error-message__link {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular);
      margin-top: var(--spacing-m);
      color: var(--content-color-secondary);
      display: flex;
      align-items: center;
      gap: 6px;
      justify-content: center;
      cursor: pointer; }

/**
 * Styling for `ConfigurationListItem` component
 */
.configuration-list-item__container {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  padding: var(--spacing-s) var(--spacing-l);
  box-sizing: border-box;
  width: 100%; }
  .configuration-list-item__container:hover, .configuration-list-item__container.is-hovered {
    background-color: var(--highlight-background-color-primary); }
  .configuration-list-item__container.is-disabled .configuration-list-item__meta-text,
  .configuration-list-item__container.is-disabled .configuration-list-item__input--input-box {
    opacity: 0.4; }

.configuration-list-item__meta-text {
  display: flex;
  width: 70%;
  flex-direction: column;
  justify-content: flex-start; }

.configuration-list-item__title {
  display: flex;
  align-items: center; }

.configuration-list-item__description {
  margin-top: var(--spacing-xs); }

.configuration-list-item__options {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 30%;
  min-width: 30%;
  margin-left: var(--spacing-l); }

.configuration-list-item__input {
  display: flex; }
  .configuration-list-item__input--input-box {
    width: 80px; }
  .configuration-list-item__input--multi-select {
    width: 70%;
    padding: var(--spacing-xs);
    border-radius: var(--border-radius-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    background-color: var(--background-color-secondary); }
    .configuration-list-item__input--multi-select:hover, .configuration-list-item__input--multi-select.is-hovered {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
  .configuration-list-item__input--multi-input {
    border-radius: var(--border-radius-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    background-color: var(--background-color-secondary);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 80px;
    width: 70%;
    padding: var(--spacing-xs);
    overflow-y: auto;
    position: relative;
    font-size: var(--text-size-m); }
    .configuration-list-item__input--multi-input:hover, .configuration-list-item__input--multi-input.is-hovered {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
    .configuration-list-item__input--multi-input--placeholder {
      margin: var(--spacing-xs);
      padding: var(--spacing-s) var(--spacing-xs);
      color: var(--content-color-tertiary);
      position: absolute; }
  .configuration-list-item__input-field {
    flex-grow: 1;
    max-width: 90%;
    margin: var(--spacing-s) var(--spacing-xs);
    padding: var(--spacing-xs);
    color: var(--content-color-primary); }
  .configuration-list-item__input .editable-tag {
    width: max-content;
    max-width: 90%; }
    .configuration-list-item__input .editable-tag__content {
      margin-right: var(--spacing-s);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.configuration-list-item__dropdown-btn {
  width: 70%;
  justify-content: space-between; }

.configuration-list-item__selected-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  min-height: 38px;
  height: auto;
  padding: var(--spacing-zero); }
  .configuration-list-item__selected-list .editable-tag {
    width: max-content; }

.configuration-list-item__action {
  margin-top: var(--spacing-s);
  display: flex;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .configuration-list-item__action__override {
    display: inline-flex; }
    .configuration-list-item__action__override-btn {
      padding: var(--spacing-zero); }
  .configuration-list-item__action__normal {
    padding: var(--spacing-zero);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .configuration-list-item__action__normal-text > span {
      text-decoration: underline;
      cursor: pointer; }

.interceptor-settings-filters-container {
  padding-bottom: 16px; }

.interceptor-settings-filters-group {
  display: flex;
  flex-direction: column;
  padding-top: 20px; }

.interceptor-settings-filters-label {
  font-style: normal;
  font-weight: 600;
  flex: 0 0 32px;
  padding-right: 20px; }

.interceptor-settings-filters-input {
  flex: 1; }

.interceptor-settings-filters-input-help {
  color: var(--content-color-secondary);
  padding-top: 4px; }

.interceptor-settings-filters-wrapper {
  overflow: auto; }
  .interceptor-settings-filters-wrapper .interceptor-bootcamp-lesson-banner {
    background-color: var(--background-color-primary);
    margin-bottom: 16px; }

.interceptor-settings-show-filters {
  margin-top: 16px;
  max-height: 100px; }
  .interceptor-settings-show-filters .show-filters-btn {
    margin: 0px;
    padding: 0px; }

.interceptor-show-filters-btn {
  margin-top: 16px;
  padding: 0px; }

.interceptor-capture-cookies-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .interceptor-capture-cookies-label .info-button {
    display: inline-flex;
    margin-left: 5px; }

.interceptor-settings-domain-label {
  padding-top: 16px;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px; }

.interceptor-domains-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px; }

.interceptor-cookie-sync-domain-list {
  background: var(--background-color-primary);
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid var(--border-color-default);
  height: auto;
  margin-top: 16px;
  display: flex;
  align-items: stretch;
  background-color: var(--highlight-background-color-primary);
  width: 100%; }

.interceptor-cookie-sync-domain-list > table {
  width: 100px;
  margin: 10px;
  text-align: left; }

.interceptor-remove-domain-btn {
  display: flex;
  flex-direction: column-reverse;
  align-self: flex-end;
  justify-content: flex-end; }

.interceptor-capture-cookies {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .interceptor-capture-cookies .interceptor-capture-cookies-menu {
    flex: 0 0 40px;
    box-sizing: border-box;
    color: var(--content-color-primary);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0 10px; }
  .interceptor-capture-cookies .interceptor-capture-cookies-list {
    flex: 1; }

.interceptor-capture-cookies-menu {
  display: flex;
  flex-direction: row; }
  .interceptor-capture-cookies-menu .interceptor-capture-cookies-menu__left {
    flex: 1;
    display: flex;
    align-items: center; }
  .interceptor-capture-cookies-menu .interceptor-capture-cookies-menu__right {
    flex: 0 0 auto;
    align-items: center;
    display: flex; }
    .interceptor-capture-cookies-menu .interceptor-capture-cookies-menu__right .interceptor-capture-requests-menu--interceptor-connected-label {
      color: var(--content-color-secondary);
      display: flex;
      flex-direction: row;
      align-items: center; }
  .interceptor-capture-cookies-menu .interceptor-capture-cookies-menu-toggle {
    color: var(--content-color-secondary);
    margin-right: 5px; }
  .interceptor-capture-cookies-menu .interceptor-capture-cookies-menu--interceptor-connected-label {
    color: var(--content-color-secondary);
    display: flex;
    flex-direction: row;
    align-items: center; }

.interceptor-capture-cookies-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.interceptor-capture-cookies {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .interceptor-capture-cookies .interceptor-capture-cookies-menu {
    flex: 0 0 40px;
    box-sizing: border-box;
    color: var(--content-color-primary);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0 10px; }
  .interceptor-capture-cookies .interceptor-capture-cookies-list {
    flex: 1; }

.interceptor-capture-cookies-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.interceptor-capture-cookies {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .interceptor-capture-cookies .interceptor-capture-cookies-menu {
    flex: 0 0 40px;
    box-sizing: border-box;
    color: var(--content-color-primary);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0 10px; }
  .interceptor-capture-cookies .interceptor-capture-cookies-list {
    flex: 1; }

.interceptor-capture-cookies-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.interceptor-settings-add-domain {
  display: flex;
  flex-direction: row;
  padding-bottom: 16px; }

.interceptor-settings-add-domain-label {
  flex: 0 0 150px;
  padding-right: 16px; }

.interceptor-settings-domain-input {
  flex: 1;
  margin-right: 10px; }

.interceptor-domain-container td:first-child {
  flex-grow: 16; }

.interceptor-domain-container td:last-child {
  flex-grow: 1;
  margin-left: 10px; }

.interceptor-domain-list-wrapper {
  display: flex;
  flex-direction: row;
  min-height: 250px; }
  .interceptor-domain-list-wrapper .interceptor-domain-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 8px 0px;
    border: 1px solid var(--border-color-default);
    overflow: auto;
    background-color: var(--highlight-background-color-primary); }
  .interceptor-domain-list-wrapper .interceptor-domain-list-item {
    display: flex;
    flex-direction: row;
    padding: 2px 8px;
    border-radius: 2px;
    align-items: center;
    height: 24px; }
    .interceptor-domain-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-label {
      flex: 2;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .interceptor-domain-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-value {
      flex: 0 0 70px;
      display: flex;
      justify-content: flex-end; }
      .interceptor-domain-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-value .intereceptor-remove-domain-btn {
        cursor: pointer; }

.interceptor-bridge-connected-dot {
  width: 8px;
  height: 8px;
  background-color: var(--base-color-success);
  border-radius: 50%;
  margin: 0 4px; }

.interceptor-bridge-disconnected-dot {
  width: 8px;
  height: 8px;
  background-color: var(--content-color-secondary);
  border-radius: 50%;
  margin: 0 4px; }

.interceptor-connection-indicator {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-color: var(--base-color-success);
  border-radius: 8px; }
  .interceptor-connection-indicator .connected {
    background-color: var(--base-color-success); }
  .interceptor-connection-indicator .disconnected {
    background-color: var(--content-color-secondary); }

.capture-settings-tabs {
  border-bottom: 1px solid var(--border-color-default); }

.interceptor-settings-connection-wrapper {
  padding: 0px; }

.interceptor-settings-connection-group {
  display: flex;
  flex-direction: column;
  padding-top: 20px; }

.interceptor-target-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px; }

.interceptor-capture-requests-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px; }

.interceptor-capture-requests-menu {
  display: flex;
  flex-direction: row; }
  .interceptor-capture-requests-menu .interceptor-capture-requests-menu__left {
    flex: 1;
    display: flex;
    align-items: center; }
  .interceptor-capture-requests-menu .interceptor-capture-requests-menu__right {
    flex: 0 0 auto;
    align-items: center;
    display: flex; }
  .interceptor-capture-requests-menu .interceptor-capture-requests-toggle-label {
    color: var(--content-color-secondary);
    margin-right: 5px; }
  .interceptor-capture-requests-menu .interceptor-capture-requests-menu--interceptor-connected-label {
    color: var(--content-color-secondary);
    display: flex;
    flex-direction: row;
    align-items: center; }

.interceptor-capture-requests-banner {
  padding-bottom: var(--spacing-m); }

.interceptor_capture_cookies_learn_more {
  padding: 0px; }
  .interceptor_capture_cookies_learn_more .external-link {
    padding-left: 2px;
    margin: 0px;
    color: var(--content-color-link);
    cursor: pointer; }

.interceptor-bootcamp-lesson {
  margin-left: 60px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  height: 32px; }

.interceptor-icon {
  padding-right: 8px; }

.interceptor-tooltip {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 10px 20px;
  box-sizing: border-box; }
  .interceptor-tooltip__text {
    font-size: 12px;
    line-height: 20px;
    color: var(--content-color-primary);
    margin-bottom: 14px;
    max-width: 500px; }
  .interceptor-tooltip__learn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  .interceptor-tooltip-mouse-click-icon {
    padding-right: 8px; }
  .interceptor-tooltip--dismiss {
    color: var(--content-color-secondary); }

.interceptor-encryption-key-tooltip-wrapper {
  max-width: 310px; }

.interceptor-encryption-key-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 8px;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .interceptor-encryption-key-label .info-button {
    display: inline-flex;
    margin-left: 5px; }
  .interceptor-encryption-key-label .info-button-new__tooltip {
    display: inline-flex;
    margin-left: 5px; }

.encryption-key-mismatch-btn {
  height: 24px;
  width: 24px; }
  .encryption-key-mismatch-btn:active, .encryption-key-mismatch-btn.is-active {
    background-color: var(--highlight-background-color-primary); }

.interceptor-encryption-info {
  display: inline-flex;
  margin-left: 5px; }

.interceptor-encryption-key-warning use {
  fill: var(--base-color-error); }

.interceptor-encryption-key-warning svg > path[fill] {
  fill: var(--base-color-error); }

.interceptor-secure-lock-icon use {
  fill: var(--base-color-success); }

.interceptor-secure-lock-icon svg > path[fill] {
  fill: var(--base-color-success); }

.interceptor-encryption-key-tooltip {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 6px;
  box-sizing: border-box;
  background-color: var(--background-color-secondary); }

.interceptor-tooltip__text {
  margin-bottom: 16px; }

.interceptor-encryption-indicator-icon {
  padding-right: 2px; }

.interceptor-encryption-key-input {
  width: 100%;
  max-width: 280px; }

.interceptor-secure-connection-label {
  font-style: normal;
  font-weight: var(--text-weight-medium);
  font-size: 14px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .interceptor-secure-connection-label .key-match {
    color: var(--content-color-success); }
  .interceptor-secure-connection-label .key-mismatch {
    color: var(--content-color-error); }

.interceptor-encryption-key-input-help {
  color: var(--content-color-secondary);
  padding-top: 4px;
  padding-bottom: 24px; }
  .interceptor-encryption-key-input-help .interceptor-key-validation-fail {
    color: var(--content-color-error); }

.interceptor-encryption-key-save-btn {
  padding: 0px; }

.interceptor-snap-warning {
  padding-top: 30px; }
  .interceptor-snap-warning .interceptor-snap-label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: var(--content-color-primary);
    padding-bottom: 8px; }
  .interceptor-snap-warning .interceptor-snap-info {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 16px;
    color: var(--content-color-secondary); }

.capture-panel-header {
  padding: 10px; }
  .capture-panel-header .capture-panel-header__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--content-color-primary); }

.capture-settings-tabs {
  border-bottom: 1px solid var(--border-color-default); }

.capture_requests_learn_more {
  padding-bottom: 16px; }
  .capture_requests_learn_more .external-link {
    padding-left: 2px;
    margin: 0px;
    color: var(--content-color-link);
    cursor: pointer; }

.capture-requests-source-label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px; }

.capture-container {
  font-size: var(--text-size-m);
  position: relative;
  display: inline-block;
  z-index: 100; }

.capture_request_source_switcher {
  padding-bottom: 16px; }

.capture-icon__nudge:after {
  content: '';
  background-color: var(--base-color-brand);
  position: absolute;
  border-radius: var(--border-radius-max);
  top: 4px;
  left: 22px;
  height: 7px;
  width: 7px; }

.capture-icon-tab-stretch {
  margin: calc(-1 * var(--spacing-l)); }

.capture-modal-fixed-control {
  margin: calc(-1 * var(--spacing-l)) calc(-1 * var(--spacing-l)) var(--spacing-l) calc(-1 * var(--spacing-l)); }

.capture-request-body-container {
  overflow-y: overlay;
  overflow-x: hidden;
  padding-right: var(--spacing-l);
  padding-left: var(--spacing-xs);
  margin-right: calc(-1 * var(--spacing-l)); }

.capture-modal-body-size {
  max-height: min( 80vh - 240px, 45vh); }

.additional-filters-area {
  margin-right: var(--spacing-xs); }

.settings-container {
  color: var(--content-color-primary); }

.capture-settings-content {
  padding: 20px 20px 0px 20px;
  font-size: 12px; }

.capture-settings-connection-wrapper {
  padding: 0px; }

.capture-settings-toggle-switch-container {
  padding: 8px 20px 0px 20px;
  font-size: 12px; }

.capture-feed-container {
  position: absolute;
  right: 0; }

.capture-feed {
  display: flex;
  flex-direction: column;
  overflow: overlay;
  box-sizing: border-box;
  width: 440px;
  height: 100%;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  background-color: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default);
  margin-bottom: var(--spacing-m);
  margin-top: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-xl); }
  .capture-feed.is-hidden {
    display: none; }

.interceptor-warning-banner {
  height: auto;
  align-items: center;
  color: var(--content-color-primary);
  box-sizing: border-box;
  margin-top: var(--spacing-l);
  padding: var(--spacing-l); }

.interceptor-warning-banner {
  background: var(--background-color-warning); }
  .interceptor-warning-banner .interceptor-warning {
    margin-left: var(--spacing-s);
    align-items: center;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-small); }
    .interceptor-warning-banner .interceptor-warning span {
      font-weight: bold; }
    .interceptor-warning-banner .interceptor-warning__title {
      display: block;
      margin-bottom: var(--spacing-s); }

.proxy-startup-banner__container {
  background-color: var(--background-color-info);
  padding: var(--spacing-l);
  display: flex;
  flex-direction: row;
  margin-bottom: var(--spacing-l); }

.proxy-startup-banner__close {
  cursor: pointer; }

.proxy-banner-body {
  padding: 5px 0; }

.proxy-info-banner__container {
  background-color: var(--background-color-secondary);
  padding: var(--spacing-l);
  display: flex;
  flex-direction: row; }

.target-input-flex {
  flex: auto;
  overflow: hidden; }

.target-option-fork-label-area {
  max-width: 100px; }

.diff-strap-numbers__wrapper {
  display: flex;
  flex-direction: column;
  color: var(--content-color-tertiary);
  min-width: 30px;
  align-items: center; }
  .diff-strap-numbers__wrapper .diff-strap-numbers {
    min-height: 20px;
    padding: var(--spacing-zero) var(--spacing-xs); }

.diff-strap-numbers-container {
  box-sizing: border-box;
  display: flex;
  background: var(--background-color-secondary);
  height: 100%;
  padding: var(--spacing-s) var(--spacing-zero);
  border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.changelog__wrapper {
  overflow-y: auto; }

.changelog {
  margin-bottom: var(--spacing-xl);
  margin-right: var(--spacing-l); }
  .changelog__actor-icon {
    display: flex;
    width: var(--size-m);
    height: var(--size-m);
    margin: var(--spacing-zero) 10px;
    background-color: var(--background-color-secondary);
    border-radius: 50%;
    justify-content: center;
    align-items: center; }
    .changelog__actor-icon__content use {
      fill: var(--content-color-tertiary); }
    .changelog__actor-icon__content svg > path[fill] {
      fill: var(--content-color-tertiary); }
  .changelog__more-loader {
    display: flex;
    justify-content: center;
    padding: var(--spacing-xl);
    padding-top: var(--spacing-zero); }
  .changelog .activity-item-header {
    padding-bottom: var(--spacing-l); }
  .changelog .activity-item-profile-pic-wrapper {
    margin: var(--spacing-zero) 10px; }
  .changelog__header {
    display: flex;
    flex: 1;
    flex-direction: column;
    line-height: var(--line-height-s); }
    .changelog__header__date {
      color: var(--content-color-tertiary);
      margin-bottom: var(--spacing-xs); }
    .changelog__header__action-description {
      color: var(--content-color-primary); }
      .changelog__header__action-description__actor-name {
        display: inline-block;
        font-weight: var(--text-weight-medium); }
  .changelog .changelog-content-container {
    border-left: var(--border-width-l) var(--border-style-solid) var(--border-color-default);
    margin-left: var(--spacing-xl);
    padding-left: var(--spacing-xl); }
    .changelog .changelog-content-container .changelog-content-container__content {
      display: flex;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      max-height: 208px;
      overflow: hidden;
      position: relative; }
      .changelog .changelog-content-container .changelog-content-container__content .changelog-content-container__content__shadow {
        position: absolute;
        width: 100%;
        height: 100%; }
        .changelog .changelog-content-container .changelog-content-container__content .changelog-content-container__content__shadow:hover, .changelog .changelog-content-container .changelog-content-container__content .changelog-content-container__content__shadow.is-hovered {
          box-shadow: inset 0 -16px 16px -16px var(--content-color-tertiary); }
      .changelog .changelog-content-container .changelog-content-container__content:hover, .changelog .changelog-content-container .changelog-content-container__content.is-hovered {
        cursor: pointer; }
        .changelog .changelog-content-container .changelog-content-container__content:hover:before, .changelog .changelog-content-container .changelog-content-container__content.is-hovered:before {
          bottom: var(--spacing-s);
          width: 120px;
          height: 18px;
          content: 'Click to expand';
          color: var(--content-color-constant);
          position: absolute;
          background: rgba(0, 0, 0, 0.4);
          transition: bottom cubic-bezier(0.22, 0.61, 0.36, 1) 2s;
          border-radius: 24px;
          margin: var(--spacing-zero) auto;
          right: var(--spacing-zero);
          left: var(--spacing-zero);
          text-align: center; }
  .changelog .changelog-restore {
    border-left: var(--border-width-l) var(--border-style-solid) var(--border-color-default);
    margin-left: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-top: var(--spacing-l);
    color: var(--base-color-brand); }
    .changelog .changelog-restore .changelog-restore__loading {
      margin-left: var(--spacing-s); }
    .changelog .changelog-restore__button {
      padding: var(--spacing-s) var(--spacing-zero); }

.diff-text {
  white-space: pre;
  padding: var(--spacing-s) var(--spacing-zero);
  flex: 1;
  color: var(--content-color-primary); }
  .diff-text .diff-text__line {
    height: 20px;
    display: flex;
    align-items: center;
    font-family: monospace; }
  .diff-text .diff-text__line-added {
    background-color: var(--background-color-success); }
  .diff-text .diff-text__line-removed {
    background-color: var(--background-color-error); }

.diff-view-modal-content__fullscreen {
  display: flex;
  height: 100%; }

.schema-changelog__error {
  display: flex;
  height: 100%; }

.schema-editor-container {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .schema-editor-container .schema-editor-container__header {
    display: flex;
    flex: 0 0 37px;
    flex-direction: row;
    border-style: var(--border-style-solid);
    border-width: 0px 0px var(--border-width-default) 0px;
    border-color: var(--border-color-default);
    padding-left: 10px; }
    .schema-editor-container .schema-editor-container__header .schema-editor-container__header-left {
      display: flex;
      flex: 1;
      align-items: center; }
      .schema-editor-container .schema-editor-container__header .schema-editor-container__header-left .schema-editor-container__heading {
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
        color: var(--content-color-primary);
        font-size: 13px;
        font-weight: var(--text-weight-medium);
        margin-left: 5px; }
      .schema-editor-container .schema-editor-container__header .schema-editor-container__header-left .schema-editor-container__button {
        height: var(--size-s);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        padding: var(--spacing-zero);
        min-width: 110px;
        color: var(--content-color-primary); }
        .schema-editor-container .schema-editor-container__header .schema-editor-container__header-left .schema-editor-container__button use {
          fill: var(--content-color-primary); }
        .schema-editor-container .schema-editor-container__header .schema-editor-container__header-left .schema-editor-container__button svg > path[fill] {
          fill: var(--content-color-primary); }
    .schema-editor-container .schema-editor-container__header .schema-editor-container__header-right {
      display: flex;
      flex: 0 0 auto;
      align-items: center; }
  .schema-editor-container .schema-editor-container__content {
    display: flex;
    flex: 1;
    overflow: hidden; }
    .schema-editor-container .schema-editor-container__content__glyph-warning {
      display: block;
      width: 12px;
      height: 12px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjgwMDUgNC4yNDY3M0M2LjcxNzYgMy44NDYxIDYuNDAyNDMgMy41IDYuMDAwMDUgMy41QzUuNTk3NjcgMy41IDUuMjgyNSAzLjg0NjEgNS4zMjAwNiA0LjI0NjczTDUuNTkwMDUgNy4xMjY2NEM1LjYwOTg5IDcuMzM4MjUgNS43ODc1MSA3LjUgNi4wMDAwNSA3LjVDNi4yMTI1OSA3LjUgNi4zOTAyMiA3LjMzODI1IDYuNDEwMDUgNy4xMjY2NEw2LjY4MDA1IDQuMjQ2NzNaIiBmaWxsPSIjRkZCNDAwIi8+CjxwYXRoIGQ9Ik02IDguMjVDNi40MTQyMSA4LjI1IDYuNzUgOC41ODU3OSA2Ljc1IDlDNi43NSA5LjQxNDIxIDYuNDE0MjEgOS43NSA2IDkuNzVDNS41ODU3OSA5Ljc1IDUuMjUgOS40MTQyMSA1LjI1IDlDNS4yNSA4LjU4NTc5IDUuNTg1NzkgOC4yNSA2IDguMjVaIiBmaWxsPSIjRkZCNDAwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC42NzI2NiAxLjM3NDkzTDAuNTAwODM4IDkuMzAxMzhDLTAuMDI0ODc3NyAxMC4zMDAyIDAuNjk5NDQzIDExLjUgMS44MjgyMSAxMS41SDEwLjE3MTlDMTEuMzAwNiAxMS41IDEyLjAyNDkgMTAuMzAwMiAxMS40OTkyIDkuMzAxMzhMNy4zMjc0MSAxLjM3NDkzQzYuNzY1MDQgMC4zMDY0MjUgNS4yMzUwMyAwLjMwNjQxNyA0LjY3MjY2IDEuMzc0OTNaTTEuMzg1NzYgOS43NjcxM0w1LjU1NzU3IDEuODQwNjdDNS43NDUwMyAxLjQ4NDUgNi4yNTUwMyAxLjQ4NDUxIDYuNDQyNDkgMS44NDA2N0wxMC42MTQzIDkuNzY3MTNDMTAuNzg5NSAxMC4xMDAxIDEwLjU0ODEgMTAuNSAxMC4xNzE5IDEwLjVIMS44MjgyMUMxLjQ1MTk2IDEwLjUgMS4yMTA1MiAxMC4xMDAxIDEuMzg1NzYgOS43NjcxM1oiIGZpbGw9IiNGRkI0MDAiLz4KPC9zdmc+Cg==);
      max-width: 12px;
      max-height: 12px;
      margin: 3px; }
    .schema-editor-container .schema-editor-container__content__glyph-error {
      display: block;
      width: 12px;
      height: 12px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5OTggNi43MDcxMUw0LjEwMzUzIDguNjAzNTZMMy4zOTY0MiA3Ljg5NjQ1TDUuMjkyODcgNi4wMDAwMUwzLjM5NjQyIDQuMTAzNTZMNC4xMDM1MyAzLjM5NjQ1TDUuOTk5OTggNS4yOTI5TDcuODk2NDIgMy4zOTY0NUw4LjYwMzUzIDQuMTAzNTZMNi43MDcwOCA2LjAwMDAxTDguNjAzNTMgNy44OTY0NUw3Ljg5NjQyIDguNjAzNTZMNS45OTk5OCA2LjcwNzExWiIgZmlsbD0iI0VCMjAxMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYgMTJDOS4zMTM3MSAxMiAxMiA5LjMxMzcxIDEyIDZDMTIgMi42ODYyOSA5LjMxMzcxIDAgNiAwQzIuNjg2MjkgMCAwIDIuNjg2MjkgMCA2QzAgOS4zMTM3MSAyLjY4NjI5IDEyIDYgMTJaTTYgMTFDOC43NjE0MiAxMSAxMSA4Ljc2MTQyIDExIDZDMTEgMy4yMzg1OCA4Ljc2MTQyIDEgNiAxQzMuMjM4NTggMSAxIDMuMjM4NTggMSA2QzEgOC43NjE0MiAzLjIzODU4IDExIDYgMTFaIiBmaWxsPSIjRUIyMDEzIi8+Cjwvc3ZnPgo=);
      max-width: 12px;
      max-height: 12px;
      margin: 3px; }
  .schema-editor-container__active-format {
    margin-left: var(--spacing-s);
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }

.schema-editor-warning-modal-content {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  font-family: var(--text-family-default); }

.schema-editor-warning-modal-footer {
  display: flex;
  flex-direction: row-reverse; }

.schema-editor-options {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .schema-editor-options .schema-editor-options__button-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-left: var(--spacing-l); }
  .schema-editor-options__active-language {
    margin-right: var(--spacing-m);
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }
  .schema-editor-options .schema-editor-options__normal-btn {
    margin-right: var(--spacing-m);
    height: var(--size-s);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    color: var(--content-color-primary); }
    .schema-editor-options .schema-editor-options__normal-btn use {
      fill: var(--content-color-primary); }
    .schema-editor-options .schema-editor-options__normal-btn svg > path[fill] {
      fill: var(--content-color-primary); }
  .schema-editor-options .schema-editor-options__icon-button--is-active use {
    fill: var(--base-color-brand); }
  .schema-editor-options .schema-editor-options__icon-button--is-active svg > path[fill] {
    fill: var(--base-color-brand); }
  .schema-editor-options .schema-editor-options__beautify-button.is-disabled {
    cursor: default;
    opacity: 0.5; }
  .schema-editor-options__save, .schema-editor-options__request-access, .schema-editor-options__cancel {
    margin-right: var(--spacing-m);
    min-width: 60px; }

.schema-editor__wrapper {
  display: flex;
  flex: 1;
  min-height: 0;
  min-width: 0; }
  .schema-editor__wrapper.comment-available__light .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .schema-editor__wrapper.comment-available__light .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }
  .schema-editor__wrapper.comment-available__dark .view-lines {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk4OTEgOS40MTgwMlY4LjQ5MDVIMy45OTQ0OVYzLjY1OTc0QzMuODc0OTcgMy4zMjQ3NCAzLjM0NTQ3IDIuNjM0MzQgMy4wODYxNCAyLjQ0NDQ3QzIuODI4NjMgMi4yNTcyOCAyLjUyMzYxIDIuMTE1NjIgMi4xODM3NCAyLjAxNDQ1QzIuMDk3MzIgMS45ODg0OCAxLjk0NTQyIDEuOTY3MTggMS43NTUyNSAxLjk1NTAyQzEuNTQ5NCAxLjk0MTg2IDEuMzI1OTQgMS45NDAxNyAxLjEyMjg3IDEuOTQ1MzJDMS4wNTc5IDEuOTQ3MjQgMS4wNTc5IDEuOTQ3MjQgMS4wNDYzMyAxLjk0Nzc1TDEgMS4wMDYxNkMxLjAyMDIgMS4wMDUzIDEuMDIwMiAxLjAwNTMgMS4wOTU3OSAxLjAwMzA3QzEuMzI3OTIgMC45OTcxODUgMS41ODA4MyAwLjk5OTA5OCAxLjgyMzM4IDEuMDE0NjFDMi4wODc1IDEuMDMxNDkgMi4zMDk2NSAxLjA2MjY0IDIuNDg4MTQgMS4xMTYyOEMyLjkzMjY1IDEuMjQ4NTkgMy4zNDIzNCAxLjQzODg3IDMuNzAxNTYgMS43QzMuOTMyMSAxLjg2ODc4IDQuMjMzNDEgMi4yMDIyMSA0LjQ4NTk3IDIuNTU3NzdDNC43NDU5MiAyLjIwMzUzIDUuMDU4OTQgMS44NzQ5MSA1LjMyMDcyIDEuNzA1NDNDNS43NDkwNCAxLjQyNjA3IDYuMTM4NzkgMS4yMjc3MiA2LjUxMTIxIDEuMTE2ODdDNi42OTEwNSAxLjA2MjcgNi45MTMzNSAxLjAzMTUyIDcuMTc3ODEgMS4wMTQ2NEM3LjQxOTk1IDAuOTk5MTg3IDcuNjcyNDQgMC45OTcyODggNy45MDQyMiAxLjAwMzE3QzcuOTc5OCAxLjAwNTM5IDcuOTc5OCAxLjAwNTM5IDggMS4wMDYyNkw3Ljk1MzY3IDEuOTQ3ODRDNy45NDIwOSAxLjk0NzMzIDcuOTQyMDkgMS45NDczMyA3Ljg3NzEzIDEuOTQ1NDJDNy42NzQzOSAxLjk0MDI3IDcuNDUxMzEgMS45NDE5NSA3LjI0NTgyIDEuOTU1MDdDNy4wNTU1NyAxLjk2NzIxIDYuOTAzNjkgMS45ODg1MSA2LjgxNTk1IDIuMDE0OTRDNi41NTMxNCAyLjA5MzE2IDYuMjQ1NzkgMi4yNDk1NyA1Ljg5MTUzIDIuNDgwNjNDNS42MTI2IDIuNjYxMjIgNS4xMzA3MiAzLjI3NTcyIDQuOTgzODMgMy42NDc2N1Y4LjQ5MDVINS45ODUyMVY5LjQxODAySDQuOTgzODNWMTMuMzUzM0M1LjEzMDY1IDEzLjcyNSA1LjYxMjM2IDE0LjMzODQgNS44OTM3NSAxNC41MTk5QzYuMjQ1NjUgMTQuNzUwNCA2LjU1MjA1IDE0LjkwNjEgNi44MTg2MiAxNC45ODRDNi45MDQ0OCAxNS4wMTAxIDcuMDU2MTUgMTUuMDMxNSA3LjI0NjE5IDE1LjA0MzhDNy40NTE4NiAxNS4wNTcxIDcuNjc1MTUgMTUuMDU4OCA3Ljg3Nzg5IDE1LjA1MzdDNy45NDIyNSAxNS4wNTE4IDcuOTQyMjUgMTUuMDUxOCA3Ljk1MzY3IDE1LjA1MTNMOCAxNS45OTI4QzcuOTc5OTQgMTUuOTkzNyA3Ljk3OTk0IDE1Ljk5MzcgNy45MDQ5NSAxNS45OTU5QzcuNjcyOTYgMTYuMDAxOCA3LjQyMDA1IDE1Ljk5OTggNy4xNzc0NCAxNS45ODQyQzYuOTEyNzcgMTUuOTY3MSA2LjY5MDI1IDE1LjkzNTYgNi41MTU0IDE1Ljg4MjVDNi4xMzk4IDE1Ljc3MjggNS43NDkwMSAxNS41NzQyIDUuMzIyOSAxNS4yOTUxQzUuMDU5NzggMTUuMTI1NCA0Ljc0NTc4IDE0Ljc5NjQgNC40ODUzNSAxNC40NDE4QzQuMjMzMTEgMTQuNzk2NiAzLjkzMjE2IDE1LjEyOTUgMy43MDA5MyAxNS4yOTk2QzMuMzQyMzEgMTUuNTYxMyAyLjkzMTQ0IDE1Ljc1MjEgMi40OTA0OSAxNS44ODIxQzIuMzEwNDUgMTUuOTM2NiAyLjA4ODA4IDE1Ljk2ODEgMS44MjM3NSAxNS45ODUyQzEuNTgwNzMgMTYuMDAwOSAxLjMyNzQgMTYuMDAyOCAxLjA5NTA1IDE1Ljk5N0MxLjAyMDA2IDE1Ljk5NDcgMS4wMjAwNiAxNS45OTQ3IDEgMTUuOTkzOUwxLjA0NjMzIDE1LjA1MjNDMS4wNTc3NSAxNS4wNTI4IDEuMDU3NzUgMTUuMDUyOCAxLjEyMjExIDE1LjA1NDdDMS4zMjUxOCAxNS4wNTk4IDEuNTQ4ODUgMTUuMDU4MSAxLjc1NDg5IDE1LjA0NDhDMS45NDQ4NCAxNS4wMzI1IDIuMDk2NTMgMTUuMDExMSAyLjE4NjMyIDE0Ljk4MzlDMi41MjMzMiAxNC44ODQ1IDIuODI4MDQgMTQuNzQzIDMuMDgzODkgMTQuNTU2M0MzLjM0NjA5IDE0LjM2MzQgMy44NzUwOSAxMy42NzQgMy45ODAxMSAxMy4zMzU0TDMuOTk0NDkgOS40MTgwMkgyLjk4OTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=) 4 8, text; }
    .schema-editor__wrapper.comment-available__dark .view-lines .view-line span {
      cursor: url(data:image/svg+xml;base64, ) 4 8, text; }

.define-category {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .define-category .define-category__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: var(--background-color-primary);
    overflow-y: hidden; }
    .define-category .define-category__content .define-category__loading-state {
      display: flex;
      justify-content: center;
      margin-top: 100px; }
  .define-category .define-category__input-file {
    display: none; }

.add-schema__content {
  display: flex;
  flex: 1; }
  .add-schema__content .add-schema__wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    flex-direction: column;
    margin-top: 100px; }
    .add-schema__content .add-schema__wrapper .add-schema__heading {
      padding: 10px;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: var(--content-color-primary); }
    .add-schema__content .add-schema__wrapper .add-schema__dropdown-wrapper {
      padding: 5px; }
      .add-schema__content .add-schema__wrapper .add-schema__dropdown-wrapper .add-schema__button {
        width: 150px; }
      .add-schema__content .add-schema__wrapper .add-schema__dropdown-wrapper .add-schema__button-text {
        padding-left: 15px;
        padding-right: 15px; }
    .add-schema__content .add-schema__wrapper .add-schema__description {
      padding: 10px;
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-weight: 400;
      color: var(--content-color-secondary); }

.add-schema-file-drop {
  display: flex;
  flex: 1; }

.add-schema__dropdown-menu {
  width: 240px; }

.add-schema__dropdown-menu__banner {
  width: 240px;
  padding-bottom: var(--spacing-zero); }

.integration-status__normal-btn {
  font-weight: var(--text-weight-medium);
  height: var(--size-s);
  margin-left: var(--spacing-l); }
  .integration-status__normal-btn .loading-indicator-wrapper {
    margin-right: var(--spacing-l);
    margin-left: var(--spacing-s); }

.integration-status__loading {
  min-width: 180px; }

.integration-status__error {
  background-color: var(--background-color-warning);
  color: var(--content-color-warning);
  min-width: 160px; }
  .integration-status__error i {
    margin-right: var(--spacing-s); }
    .integration-status__error i use {
      fill: var(--content-color-warning); }
    .integration-status__error i svg > path[fill] {
      fill: var(--content-color-warning); }
  .integration-status__error.is-disabled {
    opacity: 1; }
  .integration-status__error.is-disabled:focus, .integration-status__error.is-disabled:hover {
    background-color: var(--background-color-warning);
    color: var(--content-color-warning); }

.integration-status__api {
  background-color: var(--background-color-warning);
  color: var(--content-color-warning);
  min-width: 120px; }
  .integration-status__api i {
    margin-right: var(--spacing-s); }
    .integration-status__api i use {
      fill: var(--content-color-warning); }
    .integration-status__api i svg > path[fill] {
      fill: var(--content-color-warning); }
  .integration-status__api:focus, .integration-status__api:hover {
    background-color: var(--background-color-warning);
    color: var(--content-color-warning); }

.integration-status__default {
  min-width: 160px; }
  .integration-status__default i {
    margin-right: var(--spacing-s); }

.integration-status__success {
  background-color: var(--background-color-brand);
  color: var(--content-color-brand); }
  .integration-status__success i {
    margin-right: var(--spacing-s); }
    .integration-status__success i use {
      fill: var(--content-color-brand); }
    .integration-status__success i svg > path[fill] {
      fill: var(--content-color-brand); }
  .integration-status__success:focus, .integration-status__success:hover {
    background-color: var(--background-color-brand);
    color: var(--content-color-brand); }
  .integration-status__success__content {
    max-width: 120px; }

.integration-status__running {
  background-color: var(--background-color-brand);
  color: var(--content-color-brand); }
  .integration-status__running i {
    margin-right: var(--spacing-s); }
    .integration-status__running i use {
      fill: var(--content-color-brand); }
    .integration-status__running i svg > path[fill] {
      fill: var(--content-color-brand); }
  .integration-status__running:focus, .integration-status__running:hover {
    background-color: var(--background-color-brand);
    color: var(--content-color-brand); }
  .integration-status__running__content {
    max-width: 120px; }
  .integration-status__running .pm-icon-sync {
    animation: rotate 1s infinite; }

@keyframes rotate {
  100% {
    transform: rotate(-180deg); } }

.integration-status__failure {
  background-color: var(--background-color-error);
  color: var(--content-color-error); }
  .integration-status__failure i {
    margin-right: var(--spacing-s); }
    .integration-status__failure i use {
      fill: var(--content-color-error); }
    .integration-status__failure i svg > path[fill] {
      fill: var(--content-color-error); }
  .integration-status__failure:focus, .integration-status__failure:hover {
    background-color: var(--background-color-error);
    color: var(--content-color-error); }
  .integration-status__failure__content {
    max-width: 120px; }

.integration-status__synced {
  background-color: var(--background-color-success);
  color: var(--content-color-success); }
  .integration-status__synced i {
    margin-right: var(--spacing-s); }
    .integration-status__synced i use {
      fill: var(--content-color-success); }
    .integration-status__synced i svg > path[fill] {
      fill: var(--content-color-success); }
  .integration-status__synced:focus, .integration-status__synced:hover {
    background-color: var(--background-color-success);
    color: var(--content-color-success); }
  .integration-status__synced__content {
    max-width: 120px; }

.tooltip .integration-status__success__tooltip__entity {
  font-weight: var(--text-weight-medium); }

.integration-status-btn {
  font-size: var(--text-size-m); }

.validation-drawer__header {
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-s);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  background-color: var(--background-color-primary);
  height: 40px;
  box-sizing: border-box;
  color: var(--content-color-secondary); }
  .validation-drawer__header__icon {
    margin-right: var(--spacing-s); }
  .validation-drawer__header__content {
    display: inline-flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
    padding: var(--spacing-xs) var(--spacing-l); }
    .validation-drawer__header__content__issue-info {
      flex: 1;
      display: flex;
      align-items: center; }
      .validation-drawer__header__content__issue-info__tab {
        display: flex;
        align-items: center;
        padding: var(--spacing-xs) var(--spacing-s);
        margin-left: var(--spacing-m);
        border-radius: var(--border-radius-default);
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
        color: var(--content-color-primary); }
        .validation-drawer__header__content__issue-info__tab:hover {
          background-color: var(--background-color-tertiary); }
      .validation-drawer__header__content__issue-info__tab--selected {
        background-color: var(--highlight-background-color-primary);
        border: var(--border-width-default) var(--border-style-solid) var(--highlight-background-color-primary); }
      .validation-drawer__header__content__issue-info__badge {
        pointer-events: none; }
  .validation-drawer__header__right-section {
    display: flex; }
    .validation-drawer__header__right-section__expand-button, .validation-drawer__header__right-section__collapse-button {
      display: flex;
      align-items: center; }
  .validation-drawer__header__validating, .validation-drawer__header__validated, .validation-drawer__header__empty, .validation-drawer__header__syntax-error {
    display: flex;
    align-items: center; }
  .validation-drawer__header__validating .loading-indicator-wrapper {
    margin-right: var(--spacing-l);
    margin-left: var(--spacing-s);
    transform: scale(0.6); }
  .validation-drawer__header__validated .pm-icon {
    margin-right: var(--spacing-s); }
  .validation-drawer__header__validated use {
    fill: var(--content-color-success); }
  .validation-drawer__header__validated svg > path[fill] {
    fill: var(--content-color-success); }

.validation-drawer__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%; }
  .validation-drawer__content__stale_warning {
    height: 40px; }
    .validation-drawer__content__stale_warning_btn {
      height: var(--size-s); }
  .validation-drawer__content_text {
    padding: var(--spacing-m); }
  .validation-drawer__content__empty, .validation-drawer__content__valid, .validation-drawer__content__loading, .validation-drawer__content__syntax-error {
    display: flex;
    flex: 1;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: var(--text-size-m);
    color: var(--content-color-primary); }
  .validation-drawer__content__run_button {
    color: var(--content-color-constant);
    height: var(--size-s);
    padding: 0 var(--spacing-m); }
  .validation-drawer__content__loading-text {
    padding-top: var(--spacing-m);
    color: var(--content-color-secondary); }
  .validation-drawer__content__empty__illustration {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .validation-drawer__content__syntax-error__illustration {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K); }
  .validation-drawer__content__header {
    display: flex;
    flex: 1;
    padding: var(--spacing-s) var(--spacing-l);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-s);
    align-items: center;
    color: var(--content-color-secondary);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    max-height: var(--size-m);
    box-sizing: border-box;
    user-select: none; }
    .validation-drawer__content__header__line {
      width: 82px; }
    .validation-drawer__content__header__type {
      width: 116px; }
    .validation-drawer__content__header__description {
      flex: 1; }
    .validation-drawer__content__header__cell {
      cursor: pointer;
      display: inline-flex;
      align-items: center; }
  .validation-drawer__content__items {
    overflow-y: auto;
    user-select: none;
    height: 100%; }
  .validation-drawer__content__item {
    display: flex;
    flex: 1;
    padding: var(--spacing-s) var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    align-items: center;
    color: var(--content-color-primary);
    box-shadow: inset 0px -1px 0px var(--border-color-default);
    cursor: pointer;
    max-height: var(--size-m);
    box-sizing: border-box; }
    .validation-drawer__content__item:hover {
      background-color: var(--background-color-secondary); }
    .validation-drawer__content__item:hover .validation-drawer__content__item__description__learn-more {
      display: flex; }
    .validation-drawer__content__item__line {
      width: 82px;
      align-items: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: var(--spacing-s);
      box-sizing: border-box; }
    .validation-drawer__content__item__type {
      width: 116px;
      display: flex;
      align-items: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: var(--spacing-s);
      box-sizing: border-box; }
    .validation-drawer__content__item__description {
      flex: 1;
      display: flex;
      align-items: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .validation-drawer__content__item__description__learn-more {
        display: none;
        padding: var(--spacing-zero) var(--spacing-xs); }
  .validation-drawer__content__warning-button {
    color: var(--content-color-link);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    padding: var(--spacing-s) var(--spacing-l);
    cursor: pointer; }

.schema-changelog-container__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-top: var(--spacing-l);
  font-size: var(--text-size-m); }
  .schema-changelog-container__content .entity-empty__wrapper {
    display: flex;
    flex: 1;
    overflow-y: auto; }
  .schema-changelog-container__content .changelog_empty, .schema-changelog-container__content .changelog_error, .schema-changelog-container__content .no_schema_found {
    border: none;
    min-height: 400px; }
    .schema-changelog-container__content .changelog_empty .entity-empty__title, .schema-changelog-container__content .changelog_error .entity-empty__title, .schema-changelog-container__content .no_schema_found .entity-empty__title {
      text-align: center;
      margin-top: var(--spacing-l); }
  .schema-changelog-container__content .entity-empty .entity-empty__illustration-wrapper--changelog .changelog-empty__illustration {
    display: block;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjQiIGhlaWdodD0iMTIzIiB2aWV3Qm94PSIwIDAgMTY0IDEyMyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDcyOEUiIGQ9Ik00LjI5IDc2LjIyNWMtLjI4OCAxLjQyOS0xLjIxNSA0LjQ0LTQuMDEgNS43MzZhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45OSAxLjI1NiA0LjExMiA1LjAwNmEuMTE5LjExOSAwIDAgMCAuMjMtLjAxNWMuMjE2LTEuMjU0IDEuMDg5LTQuMTkgNC4yNzQtNC45NjNhLjExOS4xMTkgMCAwIDAgMC0uMjI3Yy0xLjA5My0uMzUzLTMuNjY0LTEuNjE0LTQuMzg4LTUuNzQyYS4xMTYuMTE2IDAgMCAwLS4yMTctLjAxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM4QzlFQTIiIGQ9Ik0xMTYuMDY1IDEyMi44MzZoMTYuNDAydi0xNC45MjRoLTIyLjA3NCIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM5QUFEQjIiIGQ9Ik0zNS45OS4xMjdoODMuNjE2djEyMi43MDlINDEuMzE5Yy0xMC45Mi0uMDA0LTE5Ljc3LTguODY5LTE5Ljc2OC0xOS44MDN2LTg3LjA5Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQyNTk2NiIgZD0iTTExOS42MDYgNzguODE1aDI1LjcyNXYzMy4yMzJjMCA1Ljk1OC00LjgyNSAxMC43ODktMTAuNzc2IDEwLjc4OWgtNC4xNzRjLTUuOTUxIDAtMTAuNzc1LTQuODMtMTAuNzc1LTEwLjc5Vjc4LjgxNnpNMjEuNTQyIDE1Ljk0M2wxNC4yNTguNDUuMTgtMTYuMjY2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM1Ljk4MSAyNS43NzJoNzEuMDkzdjY2Ljc3SDM1Ljk4MXoiLz4KICAgICAgICA8ZWxsaXBzZSBjeD0iMTAwLjk3NyIgY3k9IjEzLjg1NiIgZmlsbD0iIzdEOTE5OSIgcng9IjUuOTc2IiByeT0iNS45ODQiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjN0Q5MTk5IiBkPSJNNDQuNjQ5IDguOTM0aDQ2LjMzNHYyLjk5OUg0NC42NDl6TTQ0LjY0OSAxNS41NWg0Ni4zMzR2Mi45OTlINDQuNjQ5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMyMzFGMjAiIGQ9Ik03MS41MjYuMTI3aDQ4LjA3N3YxMjIuNzA3SDcxLjUyNnoiIG9wYWNpdHk9Ii4xIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRjY5Qzc5IiBkPSJNMTMwLjg1NyAzOS4xMWMtLjI4OCAxLjQyOC0xLjIxNSA0LjQzOC00LjAxIDUuNzM1YS4xMTcuMTE3IDAgMCAwIDAgLjIxNmMuODMuMjUzIDIuOTg5IDEuMjU2IDQuMTEyIDUuMDA2YS4xMTkuMTE5IDAgMCAwIC4yMy0uMDE1Yy4yMTYtMS4yNTMgMS4wODktNC4xOSA0LjI3NC00Ljk2M2EuMTE5LjExOSAwIDAgMCAwLS4yMjZjLTEuMDkzLS4zNTQtMy42NjQtMS42MTQtNC4zODgtNS43NDNhLjExNi4xMTYgMCAwIDAtLjIxOC0uMDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1OS4zMDYgOTIuOTgyYy0uMjg4IDEuNDI4LTEuMjE1IDQuNDM4LTQuMDEgNS43MzVhLjExNy4xMTcgMCAwIDAgMCAuMjE2Yy44My4yNTIgMi45ODkgMS4yNTYgNC4xMTIgNS4wMDZhLjExOS4xMTkgMCAwIDAgLjIzLS4wMTVjLjIxNi0xLjI1NCAxLjA4OC00LjE5IDQuMjc0LTQuOTYzYS4xMTkuMTE5IDAgMCAwIDAtLjIyN2MtMS4wOTMtLjM1My0zLjY2NC0xLjYxNC00LjM4OC01Ljc0MmEuMTE2LjExNiAwIDAgMC0uMjE4LS4wMXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBkPSJNMzUuOTgxIDk2LjU3NGgzMS44MzV2MTIuMjY4SDM1Ljk4MXpNNzUuMDExIDk2LjFoMzEuODM1djEyLjI2OEg3NS4wMTF6IiBvcGFjaXR5PSIuMSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
  .schema-changelog-container__content .changelog_loader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1; }

.schema-changelog-container__refresh-button__loading {
  cursor: default; }
  .schema-changelog-container__refresh-button__loading svg {
    animation: spin 1s linear infinite; }

.changelog-offline__wrapper {
  display: flex;
  flex: 1;
  overflow-y: auto; }

.changelog-offline {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  min-height: 200px; }
  .changelog-offline__content {
    text-align: center;
    line-height: var(--line-height-m);
    margin-top: var(--spacing-l); }
    .changelog-offline__content__header {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-s);
      color: var(--content-color-primary); }
    .changelog-offline__content__sub-header {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }

.schema-navigation-drawer__content {
  display: flex;
  flex: 1;
  min-height: 0px;
  min-width: 0px; }
  .schema-navigation-drawer__content__loading {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center; }
  .schema-navigation-drawer__content__error {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 56px;
    padding-bottom: var(--spacing-m);
    padding-right: var(--spacing-s);
    overflow-y: overlay;
    overflow-x: hidden; }
    .schema-navigation-drawer__content__error .unable-to-load-illustration {
      min-width: 140px;
      min-height: 120px;
      margin-bottom: var(--spacing-m);
      margin-right: var(--spacing-xxl);
      margin-left: var(--spacing-xxl); }
    .schema-navigation-drawer__content__error__title, .schema-navigation-drawer__content__error__subtitle {
      margin-left: var(--spacing-s);
      margin-right: var(--spacing-s);
      text-align: center;
      color: var(--content-color-primary); }
      .schema-navigation-drawer__content__error__title__secondary, .schema-navigation-drawer__content__error__subtitle__secondary {
        margin-left: var(--spacing-s);
        margin-right: var(--spacing-s);
        margin-bottom: var(--spacing-xl);
        text-align: center; }
    .schema-navigation-drawer__content__error__title {
      margin-bottom: var(--spacing-s); }
    .schema-navigation-drawer__content__error__try-again {
      font-size: var(--text-size-s); }
  .schema-navigation-drawer__content__vertical-header {
    min-width: 48px;
    padding: var(--spacing-zero);
    display: inline; }
    .schema-navigation-drawer__content__vertical-header i {
      margin-top: 18px;
      margin-left: var(--spacing-l);
      cursor: pointer; }
  .schema-navigation-drawer__content__container {
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: var(--spacing-m);
    padding-top: var(--spacing-m); }
    .schema-navigation-drawer__content__container:hover {
      overflow-y: auto; }
    .schema-navigation-drawer__content__container:hover .schema-navigation-drawer__content__container__section__node__padding {
      opacity: 1; }
    .schema-navigation-drawer__content__container__syntax-error-banner {
      color: var(--content-color-primary);
      background: var(--background-color-secondary);
      min-height: 86px;
      max-width: 350px;
      align-items: center;
      justify-content: center;
      display: flex;
      bottom: var(--spacing-zero);
      position: sticky;
      padding-right: var(--spacing-m);
      padding-left: var(--spacing-xs);
      margin-top: var(--spacing-m);
      margin-right: var(--spacing-xs); }
      .schema-navigation-drawer__content__container__syntax-error-banner__content {
        display: flex;
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl); }
        .schema-navigation-drawer__content__container__syntax-error-banner__content__icon {
          margin-left: var(--spacing-s);
          margin-right: var(--spacing-s); }
    .schema-navigation-drawer__content__container__section .outline-empty-state-node {
      cursor: default; }
      .schema-navigation-drawer__content__container__section .outline-empty-state-node:hover {
        background: unset; }
      .schema-navigation-drawer__content__container__section .outline-empty-state-node__label {
        margin-left: 20px;
        color: var(--content-color-secondary); }
    .schema-navigation-drawer__content__container__section__node {
      display: flex;
      padding-left: var(--spacing-s);
      cursor: pointer; }
      .schema-navigation-drawer__content__container__section__node:hover {
        background: var(--highlight-background-color-secondary); }
      .schema-navigation-drawer__content__container__section__node__padding {
        border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        padding-left: var(--spacing-m);
        margin-left: var(--spacing-s);
        opacity: 0; }
      .schema-navigation-drawer__content__container__section__node__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--text-size-m);
        margin-top: var(--spacing-xs);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--text-weight-regular);
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
        .schema-navigation-drawer__content__container__section__node__label__top {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 6px;
          margin-bottom: 6px;
          font-weight: var(--text-weight-medium);
          line-height: var(--line-height-s);
          font-size: var(--text-size-m);
          color: var(--content-color-secondary);
          cursor: pointer; }
        .schema-navigation-drawer__content__container__section__node__label__button {
          display: inline;
          padding: var(--spacing-zero); }
          .schema-navigation-drawer__content__container__section__node__label__button__icon {
            margin-right: var(--spacing-xs);
            vertical-align: text-top; }
            .schema-navigation-drawer__content__container__section__node__label__button__icon :hover {
              background: var(--highlight-background-color-tertiary); }
        .schema-navigation-drawer__content__container__section__node__label__request-icon {
          top: 10%;
          float: right;
          position: relative; }
        .schema-navigation-drawer__content__container__section__node__label__buffer {
          margin-right: 20px; }

.schema-editor-custom-line-decoration {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: var(--background-color-info); }

.schema-import-confirmation-modal__content {
  display: flex; }
  .schema-import-confirmation-modal__content__icon {
    margin-top: 2px; }
  .schema-import-confirmation-modal__content__body {
    display: flex;
    margin-left: var(--spacing-s); }

.schema-import-confirmation-modal__footer__submit {
  margin-left: var(--spacing-s); }

.rfa-banner__content {
  background: var(--background-color-info);
  margin-top: var(--spacing-m); }
  .rfa-banner__content__text {
    padding: var(--spacing-m) var(--spacing-l) var(--spacing-zero) var(--spacing-l); }
  .rfa-banner__content__button {
    padding: var(--spacing-s) var(--spacing-zero) var(--spacing-m) var(--spacing-l); }

.schema-request-access-tooltip .tooltip-wrapper {
  max-width: 240px;
  padding: var(--spacing-m);
  margin-left: var(--spacing-l); }
  .schema-request-access-tooltip .tooltip-wrapper .btn {
    margin-top: var(--spacing-m); }

.schema-editor-view {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .schema-editor-view .schema-editor-view__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: var(--background-color-primary);
    overflow-y: hidden; }

.new-schema-editor__wrapper {
  display: flex;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.new-schema-editor-container {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .new-schema-editor-container .new-schema-editor-container__header {
    display: flex;
    flex: 0 0 37px;
    flex-direction: row;
    border-style: var(--border-style-solid);
    border-width: 0px 0px var(--border-width-default) 0px;
    border-color: var(--border-color-default);
    padding-left: 10px; }
    .new-schema-editor-container .new-schema-editor-container__header .new-schema-editor-container__header-left {
      display: flex;
      flex: 1;
      align-items: center; }
    .new-schema-editor-container .new-schema-editor-container__header .new-schema-editor-container__button {
      height: var(--size-s);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      padding: var(--spacing-zero);
      min-width: 110px;
      color: var(--content-color-primary); }
      .new-schema-editor-container .new-schema-editor-container__header .new-schema-editor-container__button use {
        fill: var(--content-color-primary); }
      .new-schema-editor-container .new-schema-editor-container__header .new-schema-editor-container__button svg > path[fill] {
        fill: var(--content-color-primary); }
    .new-schema-editor-container .new-schema-editor-container__header .new-schema-editor-container__header-right {
      display: flex;
      flex: 0 0 auto;
      align-items: center; }
  .new-schema-editor-container .new-schema-editor-container__content {
    display: flex;
    flex: 1;
    overflow: hidden; }
  .new-schema-editor-container__active-format {
    margin-left: var(--spacing-s);
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }

.new-schema-editor-options {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .new-schema-editor-options__active-language {
    margin-right: var(--spacing-m);
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }
  .new-schema-editor-options .new-schema-editor-options__normal-btn {
    margin-right: var(--spacing-m);
    height: var(--size-s);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    color: var(--content-color-primary); }
    .new-schema-editor-options .new-schema-editor-options__normal-btn use {
      fill: var(--content-color-primary); }
    .new-schema-editor-options .new-schema-editor-options__normal-btn svg > path[fill] {
      fill: var(--content-color-primary); }
  .new-schema-editor-options .new-schema-editor-options__icon-button--is-active use {
    fill: var(--base-color-brand); }
  .new-schema-editor-options .new-schema-editor-options__icon-button--is-active svg > path[fill] {
    fill: var(--base-color-brand); }
  .new-schema-editor-options .new-schema-editor-options__beautify-button.is-disabled {
    cursor: default;
    opacity: 0.5; }

.codegen__modal-dropdown {
  margin-left: var(--spacing-s); }
  .codegen__modal-dropdown.dropdown {
    width: 264px; }
  .codegen__modal-dropdown .btn {
    display: flex;
    width: 100%; }
    .codegen__modal-dropdown .btn .codegen__selected-label {
      flex: 1;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .codegen__modal-dropdown .codegen__dropdown-menu {
    max-height: 190px;
    overflow-y: auto;
    width: 264px; }
  .codegen__modal-dropdown .codegen__dropdown-menu-item-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.codegen__generate-text {
  margin-top: var(--spacing-s);
  padding: var(--spacing-zero) var(--spacing-s);
  margin-bottom: var(--spacing-s);
  font-size: var(--spacing-m);
  font-weight: var(--text-weight-bold);
  color: var(--content-color-secondary); }

.codegen__button-container {
  padding: var(--spacing-m) var(--spacing-zero); }

.codegen__generate-button {
  margin-left: var(--spacing-s);
  height: var(--size-m); }

.codegen__banner {
  margin-left: var(--spacing-s); }
  .codegen__banner .codegen__error-link {
    cursor: pointer;
    text-decoration: underline; }

.codegen__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1; }

.codegen__icon {
  vertical-align: middle; }

.codegen__container {
  margin-right: var(--spacing-m); }

.codegen__beta-label {
  width: 50px;
  padding: 2px 6px;
  border-radius: 12px;
  background-color: var(--background-color-info);
  color: var(--content-color-info);
  margin-left: var(--spacing-xs);
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-regular); }

.codegen__unsupported-label {
  color: var(--content-color-secondary);
  font-weight: var(--text-weight-regular);
  margin-left: var(--spacing-s); }

.codegen__description {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  font-family: var(--text-family-default);
  padding: var(--spacing-s);
  line-height: var(--line-height-m); }
  .codegen__description .codegen__learn-more-link {
    text-decoration: underline;
    cursor: pointer; }

.codegen__disabled {
  opacity: 0.4; }

.codegen__options-container {
  padding: var(--spacing-m) var(--spacing-zero) var(--spacing-zero);
  font-size: var(--text-size-m);
  display: flex;
  margin-left: var(--spacing-s);
  color: var(--content-color-primary); }
  .codegen__options-container .codegen__options-text {
    white-space: pre;
    margin-left: var(--spacing-s); }
  .codegen__options-container .codegen__learn-more-link {
    text-decoration: underline;
    cursor: pointer; }

.changelog {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-top: var(--spacing-l);
  font-size: var(--text-size-m); }

.create-new-entity-section {
  display: flex;
  flex-shrink: 0;
  flex-direction: column; }
  .create-new-entity-section .create-new-entity-header {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .create-new-entity-section .create-new-entity {
    display: flex;
    padding: 0 8px;
    height: 40px;
    align-items: center;
    border-radius: 4px;
    color: var(--content-color-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
    .create-new-entity-section .create-new-entity .create-new-entity-icon {
      margin-right: 8px; }
    .create-new-entity-section .create-new-entity:hover, .create-new-entity-section .create-new-entity.is-hovered {
      background-color: var(--background-color-tertiary); }
    .create-new-entity-section .create-new-entity.is-disabled {
      cursor: default;
      opacity: 0.5;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
  .create-new-entity-section .create-new-collection-wrapper {
    display: flex;
    border-radius: 4px;
    max-width: max-content; }
    .create-new-entity-section .create-new-collection-wrapper .collection-dropdown {
      display: flex;
      align-items: center;
      width: 24px;
      justify-content: center;
      border-radius: 0 3px 3px 0;
      border-left: 1px solid transparent; }
      .create-new-entity-section .create-new-collection-wrapper .collection-dropdown .dropdown-button {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center; }
      .create-new-entity-section .create-new-collection-wrapper .collection-dropdown:hover, .create-new-entity-section .create-new-collection-wrapper .collection-dropdown.is-hovered {
        background-color: var(--highlight-background-color-tertiary); }
      .create-new-entity-section .create-new-collection-wrapper .collection-dropdown .collection-options-button {
        padding: 0;
        flex: 1; }
    .create-new-entity-section .create-new-collection-wrapper:hover, .create-new-entity-section .create-new-collection-wrapper.is-hovered {
      background-color: var(--background-color-tertiary); }
      .create-new-entity-section .create-new-collection-wrapper:hover .collection-dropdown, .create-new-entity-section .create-new-collection-wrapper.is-hovered .collection-dropdown {
        border-left: 1px solid var(--border-color-strong); }
  .create-new-entity-section .create-new-entity-view-more {
    border-radius: 4px;
    display: flex; }
    .create-new-entity-section .create-new-entity-view-more .dropdown-button {
      flex: 1; }
      .create-new-entity-section .create-new-entity-view-more .dropdown-button .btn {
        justify-content: flex-start;
        font-weight: var(--text-weight-regular); }
    .create-new-entity-section .create-new-entity-view-more:hover, .create-new-entity-section .create-new-entity-view-more.is-hovered {
      background-color: var(--background-color-tertiary); }

.create-new-view-more-items {
  display: flex;
  cursor: pointer;
  align-items: center; }
  .create-new-view-more-items .view-more-icons {
    margin-right: 8px; }
  .create-new-view-more-items.is-disabled {
    cursor: default;
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }

.create-new-entity-view-more .dropdown-menu-item {
  height: 40px; }

.ws-outer-container {
  height: 100vh;
  overflow-y: scroll; }

.ws-container {
  padding: var(--spacing-zero) var(--spacing-xl);
  margin: var(--spacing-zero) auto;
  max-width: 880px; }

.ws-settings-container {
  margin: auto;
  max-width: 440px; }

.ws-add-collections-container {
  margin: auto;
  max-width: 440px; }

.ws-content-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.ws-content-left {
  margin-right: var(--spacing-l); }

.ws-action-request {
  padding: var(--spacing-l) var(--spacing-zero);
  margin-bottom: var(--spacing-xl) var(--spacing-zero) var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .ws-action-request__content {
    max-width: 600px; }
    .ws-action-request__content__heading {
      margin-bottom: var(--spacing-s); }
      .ws-action-request__content__heading a {
        text-decoration: none;
        color: var(--content-color-primary); }
        .ws-action-request__content__heading a:hover {
          color: var(--content-color-brand); }
    .ws-action-request__content__notes {
      padding: var(--spacing-s);
      border-radius: var(--border-radius-default);
      background-color: var(--background-color-secondary);
      margin-top: var(--spacing-s); }
    .ws-action-request__content__actions {
      margin-top: var(--spacing-m); }

.ws-header {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: space-between;
  color: var(--content-color-primary);
  padding: var(--spacing-m) var(--spacing-zero);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .ws-header__info {
    display: flex;
    align-items: baseline;
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .ws-header__info__name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-right: var(--spacing-s);
      padding: var(--spacing-zero) var(--spacing-xs); }
      .ws-header__info__name__container {
        min-width: 0;
        width: 100%; }
      .ws-header__info__name--edit:hover {
        background-color: var(--background-color-tertiary);
        border-radius: var(--border-radius-default); }
      .ws-header__info__name__block {
        margin: var(--spacing-zero);
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl);
        font-weight: var(--text-weight-medium);
        color: var(--content-color-primary);
        flex-grow: 1;
        min-width: 0; }
        .ws-header__info__name__block__fixed {
          display: flex; }
          .ws-header__info__name__block__fixed__text {
            margin-right: var(--spacing-s);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .ws-header__info__name__block__fixed__copy-icon {
            visibility: hidden; }
          .ws-header__info__name__block__fixed:hover .ws-header__info__name__block__fixed__copy-icon {
            visibility: visible; }
      .ws-header__info__name-edit-mode {
        display: flex;
        align-items: center;
        cursor: text; }
        .ws-header__info__name-edit-mode .inline-input__wrapper {
          width: 100%; }
        .ws-header__info__name-edit-mode .input::placeholder {
          font-size: var(--text-size-xxl) !important; }
      .ws-header__info__name-copy-icon {
        visibility: hidden; }
      .ws-header__info__name-edit-mode:hover .ws-header__info__name-copy-icon {
        visibility: visible; }
      .ws-header__info__name:hover .ws-header__info__name-copy-icon {
        visibility: visible; }
      .ws-header__info__name-public-info {
        display: flex;
        align-items: flex-start;
        margin-top: var(--spacing-s);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular);
        color: var(--content-color-warning);
        white-space: break-spaces; }
        .ws-header__info__name-public-info-icon {
          margin-right: var(--spacing-xs);
          margin-top: var(--spacing-xs); }
    .ws-header__info__visibility__icon {
      margin-right: var(--spacing-xs);
      background: var(--background-color-secondary);
      border-radius: var(--border-radius-default);
      width: var(--size-s);
      height: var(--size-s); }
    .ws-header__info__visibility-block {
      margin-right: var(--spacing-s); }
  .ws-header-info-action-icons {
    display: flex;
    margin-left: var(--spacing-m);
    align-items: center; }
    .ws-header-info-action-icons * {
      cursor: pointer; }
    .ws-header-info-action-icons-container__watch-btn button {
      color: var(--content-color-secondary);
      background-color: unset;
      min-width: unset; }
      .ws-header-info-action-icons-container__watch-btn button:hover {
        color: var(--content-color-primary); }
      .ws-header-info-action-icons-container__watch-btn button:first-of-type {
        border-right-color: var(--border-color-default); }
    .ws-header-info-action-icons-container__settings-btn {
      margin: var(--spacing-zero) var(--spacing-xs); }
  .ws-header-actions-delete {
    color: var(--content-color-error); }
  .ws-header-actions-delete:hover {
    color: unset; }
  .ws-header-block-icon use {
    fill: var(--content-color-secondary); }
  .ws-header-block-icon svg > path[fill] {
    fill: var(--content-color-secondary); }
  .ws-header-block-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 280px; }
    .ws-header-block-info__creator {
      margin-bottom: var(--spacing-l); }
    .ws-header-block-info__updated {
      margin-bottom: var(--spacing-l); }
    .ws-header-block-info__ws-id {
      border: none !important;
      box-shadow: none;
      background-color: var(--background-color-secondary); }
      .ws-header-block-info__ws-id input {
        color: transparent;
        text-shadow: 0 0 0 var(--content-color-primary); }
      .ws-header-block-info__ws-id:hover {
        border: none;
        background-color: var(--background-color-secondary); }
    .ws-header-block-info__copy {
      color: var(--content-color-secondary); }
      .ws-header-block-info__copy--copied:hover i svg path {
        fill: var(--base-color-success); }
      .ws-header-block-info__copy--copied i svg path {
        fill: var(--base-color-success); }
  .ws-header-dropdown .dropdown-menu {
    border-radius: var(--border-radius-default);
    background: var(--background-color-primary);
    box-shadow: var(--shadow-default);
    padding: var(--spacing-l); }
  .ws-header-dropdown-icon use {
    fill: var(--content-color-primary); }
  .ws-header-dropdown-icon svg > path[fill] {
    fill: var(--content-color-primary); }
  .ws-header-actions-disable {
    opacity: 0.4;
    pointer-events: none; }

.ws-meta {
  overflow: auto; }
  .ws-meta-summary {
    word-break: break-all; }
    .ws-meta-summary-text {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-primary);
      word-break: break-word;
      padding: var(--spacing-xs);
      width: 100%; }
      .ws-meta-summary-text:hover {
        background-color: var(--background-color-tertiary);
        border-radius: var(--border-radius-default); }
      .ws-meta-summary-text-empty {
        color: var(--content-color-tertiary); }
    .ws-meta-summary-uneditable-empty:hover {
      cursor: text; }
    .ws-meta-summary-edit-mode {
      display: flex;
      font-size: var(--text-size-m);
      cursor: text; }
      .ws-meta-summary-edit-mode .inline-input__wrapper {
        width: 100%; }
      .ws-meta-summary-edit-mode-description {
        display: flex;
        align-items: center;
        margin-top: var(--spacing-xs); }
        .ws-meta-summary-edit-mode-description-left {
          display: flex;
          align-items: center;
          font-size: var(--text-size-m);
          color: var(--content-color-warning); }
      .ws-meta-summary-edit-mode-word-count {
        margin-left: auto;
        font-size: var(--text-size-s);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary); }
    .ws-meta-summary-edit-icon {
      margin-left: var(--spacing-l);
      height: 20px;
      display: flex;
      align-items: center;
      cursor: pointer;
      visibility: hidden; }
      .ws-meta-summary-edit-icon use {
        fill: var(--content-color-secondary); }
      .ws-meta-summary-edit-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .ws-meta-summary-edit-mode:hover .ws-meta-summary-edit-icon {
      visibility: visible; }
  .ws-meta-description {
    font-size: var(--text-size-m);
    margin-top: var(--spacing-l);
    cursor: default; }
    .ws-meta-description-label {
      margin-bottom: var(--spacing-s); }
    .ws-meta-description-md:hover {
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default); }
    .ws-meta-description-md__uneditable {
      padding: var(--spacing-xs) var(--spacing-zero); }
      .ws-meta-description-md__uneditable__empty {
        color: var(--content-color-tertiary); }
    .ws-meta-description-md__uneditable:hover {
      cursor: text;
      background-color: unset;
      border-radius: unset; }
    .ws-meta-description-edit-mode {
      display: flex;
      cursor: text;
      width: 100%; }
      .ws-meta-description-edit-mode-text {
        width: 100%; }
        .ws-meta-description-edit-mode-text-placeholder {
          box-sizing: border-box;
          padding: var(--spacing-xs);
          width: 100%; }
          .ws-meta-description-edit-mode-text-placeholder:hover {
            background-color: var(--background-color-tertiary);
            border-radius: var(--border-radius-default); }
      .ws-meta-description-edit-mode-wrapper {
        width: 100%; }
    .ws-meta-description-edit-icon {
      margin-left: var(--spacing-l);
      height: 20px;
      display: flex;
      align-items: center;
      cursor: pointer;
      visibility: hidden; }
      .ws-meta-description-edit-icon use {
        fill: var(--content-color-secondary); }
      .ws-meta-description-edit-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .ws-meta-description-edit-mode:hover .ws-meta-description-edit-icon {
      visibility: visible; }

.ws-statistics-scratchpad {
  width: 50%; }

.ws-statistics {
  padding-right: var(--spacing-l); }
  .ws-statistics-header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-l); }
  .ws-statistics-block {
    display: flex;
    justify-content: space-between; }
  .ws-statistics-value {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-primary);
    margin: var(--spacing-zero); }
  .ws-statistics-label {
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    color: var(--content-color-tertiary);
    margin: var(--spacing-zero); }
  .ws-statistics-item {
    cursor: pointer; }
    .ws-statistics-item:hover .ws-statistics-label {
      color: var(--content-color-primary); }

.ws-activity .requester-team-overview {
  margin: unset; }

.ws-activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-s);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .ws-activity-header__refresh-btn {
    height: unset;
    padding: var(--spacing-s); }
    .ws-activity-header__refresh-btn i, .ws-activity-header__refresh-btn svg {
      height: 12px;
      width: 12px; }

.ws-activity .select-dropdown-container .select-dropdown-btn {
  display: flex;
  justify-content: space-between; }

.ws-activity .workspace-activity-feed-filter-container {
  padding: var(--spacing-zero); }

.ws-activity .workspace-activity-feed {
  padding: var(--spacing-zero); }

.ws-activity .loading-indicator-wrapper {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-xl); }

.ws-activity .btn-primary {
  min-width: 72px; }

.ws-activity .workspace-activity-feed-refresh {
  display: flex;
  align-items: center; }

.ws-activity .workspace-activity-item-heading {
  color: var(--content-color-secondary); }

.ws-activity .workspace-activity-item-header .workspace-activity-item-head .workspace-activity-item-heading a {
  color: var(--content-color-primary);
  font-weight: 400;
  word-break: break-word; }

.ws-activity .workspace-activity-item-header .workspace-activity-item-head .workspace-activity-item-heading a:hover {
  color: var(--content-color-link); }

.ws-getstarted {
  font-size: var(--text-size-m); }
  .ws-getstarted .create-new-entity-section {
    max-width: max-content; }
  .ws-getstarted-header {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl);
    color: var(--content-color-primary); }

.ws-members {
  font-size: var(--text-size-m); }
  .ws-members-header {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl);
    margin: var(--spacing-l) 0 var(--spacing-l) 0;
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ws-members-empty-text {
    color: var(--content-color-tertiary); }
  .ws-members-user-row {
    display: flex;
    align-items: center;
    font-size: var(--text-size-m);
    margin-bottom: var(--spacing-l);
    line-height: var(--line-height-m); }
    .ws-members-user-row-block {
      display: flex;
      align-items: center; }
    .ws-members-user-row a {
      text-decoration: none;
      color: var(--content-color-primary);
      cursor: pointer;
      max-width: 70%; }
    .ws-members-user-row a:hover {
      color: var(--content-color-link); }
    .ws-members-user-row-name {
      margin-left: var(--spacing-s);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .ws-members-user-row-name-anon {
        color: var(--content-color-secondary); }
    .ws-members-user-row-role {
      margin-left: auto;
      text-transform: capitalize;
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium);
      margin-right: var(--spacing-s); }
  .ws-members-anon-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: var(--size-m);
    height: var(--size-m);
    background-color: var(--background-color-tertiary); }
  .ws-members-toggle-cta label {
    color: var(--content-color-secondary);
    user-select: none;
    cursor: pointer; }

.ws-guest-intro {
  padding-bottom: var(--spacing-xl);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .ws-guest-intro__heading {
    margin-bottom: var(--spacing-s); }

.ws-error {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .ws-error-thumbnail {
    margin-bottom: var(--spacing-l); }
  .ws-error .error-card-container__icon {
    display: none; }
  .ws-error .error-card-container {
    justify-content: unset;
    height: unset; }

.ws-backtop {
  display: flex;
  position: fixed;
  right: 5%;
  bottom: 5%;
  width: 100%; }
  .ws-backtop-btn {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 0 var(--spacing-l) 0 var(--spacing-s); }
    .ws-backtop-btn-icon {
      margin-right: var(--spacing-s); }

.ws-publisher-info-header {
  margin-bottom: var(--spacing-s); }

.ws-publisher-info-content {
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  cursor: pointer; }

.ws-publisher-info-content-text {
  margin-left: var(--spacing-s); }
  .ws-publisher-info-content-text:hover {
    text-decoration: underline;
    text-decoration-color: var(--content-color-primary); }

.ws-publisher-info-img {
  width: var(--size-s);
  height: var(--size-s);
  object-fit: contain; }

.ws-join-btn {
  font-size: var(--text-size-m);
  padding: var(--spacing-s) var(--spacing-l); }

.get-started-team {
  overflow-y: auto; }
  .get-started-team-skip {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color-primary); }
  .get-started-team-container {
    --maxContentWidth: 1280px;
    --sides-padding: max(calc((100vw - var(--maxContentWidth)) / 2), var(--spacing-xxxl));
    padding: var(--spacing-xxxl) var(--sides-padding);
    padding-top: var(--spacing-zero); }
  .get-started-team-header-illustration {
    display: block;
    width: 261px;
    height: 125px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .get-started-team-collections-grid-card {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default);
    cursor: pointer; }
    .get-started-team-collections-grid-card-width {
      width: 32%; }
    .get-started-team-collections-grid-card.selected {
      border-color: var(--content-color-link); }

.agent-onboarding-modal {
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .agent-onboarding-modal-header {
    text-align: center;
    color: var(--content-color-primary);
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .agent-onboarding-modal-header h1 {
      margin-top: var(--spacing-xl); }
    .agent-onboarding-modal-header-subtitle {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
    .agent-onboarding-modal-header p {
      margin: var(--spacing-l) 0; }
  .agent-onboarding-modal-close-button {
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: 26px;
    width: 12px;
    height: 12px; }
  .agent-onboarding-modal-container {
    box-sizing: border-box;
    background: var(--background-color-primary); }
    .agent-onboarding-modal-container .modal-content {
      overflow-y: auto;
      max-height: 60vh;
      padding: var(--spacing-zero); }
    .agent-onboarding-modal-container .modal-footer {
      padding: var(--spacing-xl); }
    .agent-onboarding-modal-container .agent-onboarding-list-items {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
      margin-left: var(--spacing-xxl);
      margin-right: var(--spacing-xxl); }
      .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item {
        display: flex;
        margin: var(--spacing-xl) var(--spacing-xxl); }
        .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-icon-container {
          margin-right: 12px;
          margin-top: 2px; }
        .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container {
          display: flex;
          flex-direction: column;
          justify-content: center;
          flex: 1; }
          .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .title {
            font-weight: var(--text-weight-medium);
            font-size: var(--text-size-l);
            line-height: var(--line-height-m);
            margin-bottom: var(--spacing-s);
            color: var(--content-color-primary); }
            .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .title.done {
              color: var(--content-color-secondary); }
          .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .subtitle {
            font-size: var(--text-size-m);
            line-height: var(--line-height-m);
            color: var(--content-color-secondary);
            font-weight: 400; }
            .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .subtitle-icon {
              vertical-align: middle; }
          .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .custom-subtitle .pm-icon {
            vertical-align: middle; }
          .agent-onboarding-modal-container .agent-onboarding-list-items .agent-onboarding-list-item-content-container .custom-subtitle path {
            fill: var(--content-color-secondary); }
  .agent-onboarding-modal__actions {
    display: flex;
    align-items: center;
    flex: 1; }
  .agent-onboarding-modal__action-cancel {
    width: 120px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
  .agent-onboarding-modal__action-confirm {
    margin-left: var(--spacing-s);
    flex: 1;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-s); }
  .agent-onboarding-modal-download__action-confirm {
    font-weight: var(--text-weight-medium);
    padding: var(--spacing-s) var(--spacing-m);
    width: 147px;
    height: var(--controls-size-default);
    background-color: var(--base-color-brand); }

.api-comments {
  margin-left: -16px;
  height: 100%; }
  .api-comments .comments {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .api-comments .comments-list {
    max-height: initial; }
    .api-comments .comments-list .comments-item {
      padding-top: 16px; }

.notification-badge {
  background-color: var(--base-color-brand);
  position: absolute;
  top: 3px;
  right: 6px;
  width: calc(var(--size-xs) / 2);
  height: calc(var(--size-xs) / 2);
  border-radius: var(--border-radius-max);
  border: 3px var(--border-style-solid) var(--border-color-default); }

.offline-state-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .offline-state-wrapper__heading {
    margin: 16px 0 8px; }

.unjoined-workspace-modal {
  display: flex;
  flex-direction: column; }
  .unjoined-workspace-modal__loading {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .unjoined-workspace-modal__content {
    margin: 28px 40px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
  .unjoined-workspace-modal__header {
    display: flex;
    width: 100%;
    justify-content: flex-end; }
    .unjoined-workspace-modal__header-close-btn-wrapper {
      height: 16px;
      width: 16px; }
    .unjoined-workspace-modal__header-close-btn-wrapper:hover {
      cursor: pointer; }
  .unjoined-workspace-modal__title {
    margin-top: 16px;
    font-size: 16px;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary); }
  .unjoined-workspace-modal__description {
    margin-top: 8px;
    line-height: 20px; }
  .unjoined-workspace-modal__join-btn {
    margin-top: 24px; }
  .unjoined-workspace-modal__image {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }

.presence-indicator {
  display: inline-flex;
  flex-direction: row-reverse; }
  .presence-indicator > *:first-child {
    margin-right: var(--spacing-s); }
  .presence-indicator__user-avatar-wrapper {
    background-color: var(--background-color-primary);
    border-radius: var(--border-radius-max);
    position: relative; }
    .presence-indicator__user-avatar-wrapper:hover {
      z-index: 1; }
    .presence-indicator__user-avatar-wrapper .avatar {
      border-radius: var(--border-radius-max);
      border: var(--border-width-l) var(--border-style-solid) var(--background-color-primary); }
      .presence-indicator__user-avatar-wrapper .avatar:hover {
        transform: scale(1.1); }
  .presence-indicator__user-avatar-icon {
    cursor: pointer; }
  .presence-indicator__user-avatar-icon.inactive {
    opacity: 0.3; }
  .presence-indicator__user-avatar-icon.anonymous {
    cursor: default; }
  .presence-indicator__user-avatar-wrapper:not(:last-child) {
    margin-left: -8px; }
  .presence-indicator__user-avatar-wrapper.inactive .avatar {
    opacity: 0.3; }
  .presence-indicator__user-avatar-tooltip-status.active-status {
    color: var(--base-color-success); }
  .presence-indicator__user-avatar-tooltip-status {
    color: var(--content-color-tertiary);
    font-weight: 600; }
  .presence-indicator__more-users {
    margin-left: -8px;
    height: var(--controls-size-small);
    width: var(--controls-size-small);
    border-radius: var(--border-radius-max);
    background-color: var(--background-color-tertiary);
    color: var(--content-color-secondary);
    cursor: pointer;
    text-align: center;
    border: var(--border-width-l) var(--border-style-solid) var(--background-color-primary); }
    .presence-indicator__more-users:hover {
      transform: scale(1.1);
      z-index: 1; }
    .presence-indicator__more-users-text {
      margin: var(--spacing-zero);
      font-size: var(--text-size-xs);
      font-weight: var(--text-weight-medium);
      line-height: var(--line-height-s);
      vertical-align: middle; }
  .presence-indicator__more-users.opened {
    transform: scale(1.1);
    z-index: 1; }
  .presence-indicator__more-users.large {
    width: var(--controls-size-default);
    border-radius: 16px; }
  .presence-indicator__dropdown-container {
    width: 264px;
    max-height: 276px;
    position: absolute;
    color: var(--content-color-primary);
    background-color: var(--background-color-primary);
    top: 42px;
    border-radius: var(--border-radius-default);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    overflow-y: auto; }
  .presence-indicator__dropdown-header {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) var(--spacing-m);
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium); }
  .presence-indicator__active-user, .presence-indicator__inactive-user {
    display: flex; }
  .presence-indicator__dropdown-users--active {
    padding-top: var(--spacing-s); }
  .presence-indicator__dropdown-users--active-header, .presence-indicator__dropdown-users--inactive-header {
    cursor: pointer; }
  .presence-indicator__dropdown-users--active-header, .presence-indicator__dropdown-users--inactive-header {
    padding: 8px 0 8px 12px;
    font-size: 12px;
    display: inline-flex;
    font-weight: 600; }
  .presence-indicator__dropdown-users--active-header {
    color: var(--base-color-success); }
  .presence-indicator__dropdown-users--inactive-header {
    color: var(--content-color-tertiary); }
  .presence-indicator__active-user, .presence-indicator__inactive-user {
    display: flex;
    padding: 8px 0 8px 16px;
    font-size: 12px;
    align-items: center;
    cursor: pointer; }
  .presence-indicator__anonymous-user {
    cursor: default; }
  .presence-indicator__active-anonymous {
    display: flex;
    padding: var(--spacing-s) 0 var(--spacing-s) var(--spacing-l);
    font-size: var(--text-size-m);
    align-items: center;
    cursor: default; }
  .presence-indicator__inactive-user .avatar {
    opacity: 0.3; }
  .presence-indicator__active-user:hover .presence-indicator__active-user-name,
  .presence-indicator__inactive-user:hover .presence-indicator__inactive-user-name {
    color: var(--content-color-link); }
  .presence-indicator__anonymous-user:hover .presence-indicator__active-user-name {
    color: var(--content-color-primary); }
  .presence-indicator__user-status-label {
    margin-left: 8px; }
  .presence-indicator__dropdown-empty-state {
    font-size: 11px;
    color: var(--content-color-tertiary);
    margin: 0 16px 4px 36px; }
  .presence-indicator__active-user-name, .presence-indicator__inactive-user-name, .presence-indicator__active-anonymous-name {
    margin-left: var(--spacing-s);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .presence-indicator__tooltip {
    font-size: 12px;
    font-weight: 600; }

.element-visibility {
  padding: var(--spacing-s) var(--spacing-m);
  border: var(--border-width-default) solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  margin-bottom: var(--spacing-xl); }
  .element-visibility-entity {
    display: flex; }
    .element-visibility-entity-name {
      margin-left: var(--spacing-s);
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium); }
  .element-visibility-role {
    display: flex;
    align-items: center;
    margin-left: var(--spacing-xl);
    margin-top: var(--spacing-xs); }
    .element-visibility-role__helptext {
      color: var(--content-color-secondary); }
    .element-visibility-role__btn {
      height: var(--size-s);
      margin-left: var(--spacing-xs);
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium); }
      .element-visibility-role__btn use {
        fill: var(--content-color-secondary); }
      .element-visibility-role__btn svg > path[fill] {
        fill: var(--content-color-secondary); }

.permission-denied {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--content-color-primary);
  padding: 10px 10px 20px;
  box-sizing: border-box; }
  .permission-denied .permission-denied--img {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, );
    margin-bottom: 16px; }
  .permission-denied .permission-denied--title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px; }
  .permission-denied .permission-denied--title,
  .permission-denied .permission-denied--subtitle {
    font-size: 12px;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }

.inline-comment__update-badge {
  display: flex;
  background-color: var(--base-color-brand);
  padding: 2px 8px;
  border-radius: 35px;
  color: var(--content-color-constant);
  font-size: 11px;
  cursor: pointer; }
  .inline-comment__update-badge span {
    margin-left: 4px; }

.inline-comment__changes-badge-container {
  display: flex;
  justify-content: center; }

.inline-comment__changes-badge {
  display: inline-flex;
  background-color: var(--base-color-brand);
  padding: 3px 10px;
  border-radius: 35px;
  margin-bottom: 12px;
  color: var(--content-color-constant);
  font-size: 11px;
  cursor: pointer; }
  .inline-comment__changes-badge .pm-icon {
    width: 10px;
    height: 10px; }
  .inline-comment__changes-badge span {
    margin-left: 4px; }

.artemis-workspace-join {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center; }
  .artemis-workspace-join__background {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .artemis-workspace-join__title {
    color: var(--content-color-primary);
    margin: 16px 0;
    font-size: 16px;
    font-weight: var(--text-weight-medium); }
  .artemis-workspace-join__description {
    color: var(--content-color-primary);
    font-size: 14px; }
  .artemis-workspace-join__join-btn {
    margin: 16px 0;
    min-width: 136px;
    font-size: 14px;
    font-weight: 600; }
  .artemis-workspace-join__browse-btn {
    color: var(--content-color-brand);
    font-size: 14px;
    font-weight: 600; }

.workspace-not-found {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center; }
  .workspace-not-found__img {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .workspace-not-found__title {
    color: var(--content-color-primary);
    margin: var(--spacing-l) 0;
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium); }
  .workspace-not-found__description {
    color: var(--content-color-primary);
    font-size: var(--text-size-l); }
  .workspace-not-found__view-workspaces-btn {
    margin: var(--spacing-l) 0;
    height: var(--controls-size-default);
    min-width: 175px;
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }

.workspace-forbidden {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center; }
  .workspace-forbidden__img {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .workspace-forbidden__title {
    color: var(--content-color-primary);
    margin: var(--spacing-l) 0;
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium); }
  .workspace-forbidden__description {
    color: var(--content-color-primary);
    font-size: var(--text-size-l); }
  .workspace-forbidden__view-workspaces-btn {
    margin: var(--spacing-l) 0;
    height: var(--controls-size-default);
    min-width: 175px;
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }

.artemis-workspace-not-found {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center; }
  .artemis-workspace-not-found__title {
    color: var(--content-color-primary);
    margin: 16px 0;
    font-size: 16px;
    font-weight: var(--text-weight-medium); }
  .artemis-workspace-not-found__description {
    color: var(--content-color-primary);
    font-size: 14px; }
  .artemis-workspace-not-found__view-workspaces-btn {
    margin: 16px 0;
    min-width: 170px;
    font-size: 14px;
    font-weight: 600; }

.artemis-workspaces-canonical {
  margin: auto; }
  .artemis-workspaces-canonical__workspaces {
    margin: var(--spacing-l) auto 0;
    border: var(--border-width-default) solid var(--border-color-default);
    max-height: 160px;
    overflow-y: auto; }
  .artemis-workspaces-canonical__background {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, );
    margin: auto; }
  .artemis-workspaces-canonical__view-btn {
    width: 100%;
    height: var(--size-m);
    margin-top: var(--spacing-l); }
  .artemis-workspaces-canonical__back-btn {
    width: 100%;
    height: var(--size-m);
    margin-top: var(--spacing-l);
    background-color: var(--background-color-tertiary); }
  .artemis-workspaces-canonical__header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xl);
    color: var(--content-color-primary);
    text-align: center; }
  .artemis-workspaces-canonical__message {
    color: var(--content-color-primary);
    text-align: center; }
  .artemis-workspaces-canonical-item__workspace-name {
    margin-left: var(--spacing-m); }

.artemis-workspaces-canonical-item.selectedWorkspace {
  background-color: var(--highlight-background-color-primary); }

.artemis-workspace-share-entity {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center; }
  .artemis-workspace-share-entity__background {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .artemis-workspace-share-entity__title {
    color: var(--content-color-primary);
    margin: 16px 0;
    font-size: 16px;
    font-weight: var(--text-weight-medium); }
  .artemis-workspace-share-entity__description {
    color: var(--content-color-primary);
    font-size: 14px; }
    .artemis-workspace-share-entity__description-entity-name, .artemis-workspace-share-entity__description-workspace-name {
      font-weight: var(--text-weight-medium); }
  .artemis-workspace-share-entity__share-btn {
    margin: 16px 0 8px;
    min-width: 262px;
    font-size: 14px;
    font-weight: 600; }
  .artemis-workspace-share-entity__workspace-action {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .artemis-workspace-share-entity__workspace-action-actions {
      display: flex;
      margin-top: 8px; }
    .artemis-workspace-share-entity__workspace-action-text {
      color: var(--content-color-primary);
      font-size: 14px;
      text-align: center;
      line-height: 24px; }
  .artemis-workspace-share-entity__workspace-list {
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: space-between;
    padding-right: 12px;
    padding-left: 4px;
    width: 100%;
    overflow: hidden; }
  .artemis-workspace-share-entity__workspace-list:hover {
    cursor: pointer;
    background-color: var(--highlight-background-color-primary); }
  .artemis-workspace-share-entity__workspace-name {
    color: var(--content-color-primary);
    font-size: 14px;
    margin-left: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .artemis-workspace-share-entity__workspace {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden; }
  .artemis-workspace-share-entity__workspace-list.unjoined:hover {
    cursor: default; }
  .artemis-workspace-share-entity__workspace.unjoined {
    opacity: 0.5; }
  .artemis-workspace-share-entity__join-btn {
    font-size: 14px;
    font-weight: 600;
    color: var(--content-color-brand);
    padding: 0; }
  .artemis-workspace-share-entity__view-btn {
    height: 32px;
    margin-left: 8px;
    min-width: 136px; }
  .artemis-workspace-share-entity__dropdown {
    height: 32px; }
    .artemis-workspace-share-entity__dropdown-menu {
      width: 232px;
      padding: 4px 0; }
      .artemis-workspace-share-entity__dropdown-menu .dropdown-menu-item {
        padding: 0; }
      .artemis-workspace-share-entity__dropdown-menu .dropdown-menu-item.is-disabled {
        opacity: 1; }
    .artemis-workspace-share-entity__dropdown-btn .btn {
      width: 232px;
      height: 32px;
      display: flex;
      justify-content: space-between; }

.access-request__role-dropdown {
  height: var(--size-s);
  padding: var(--spacing-zero) var(--spacing-s); }
  .access-request__role-dropdown i {
    margin-left: var(--spacing-xs); }

.artemis-workspace-error-state {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .artemis-workspace-error-state__background {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=); }
  .artemis-workspace-error-state__title {
    color: var(--content-color-primary);
    margin: 16px 0;
    font-size: 16px;
    font-weight: var(--text-weight-medium); }
  .artemis-workspace-error-state__description {
    color: var(--content-color-primary);
    font-size: 14px; }
  .artemis-workspace-error-state__switch-btn {
    margin: 16px 0;
    min-width: 136px;
    font-size: 14px;
    font-weight: 600; }

.workspace-error-state {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .workspace-error-state__title {
    color: var(--content-color-primary);
    margin: var(--spacing-l) 0;
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium); }
  .workspace-error-state__description {
    color: var(--content-color-primary);
    font-size: var(--text-size-l); }
  .workspace-error-state__switch-btn {
    margin: var(--spacing-l) 0;
    height: var(--controls-size-default);
    min-width: 136px;
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }

.request-to-action-modal__content {
  margin-bottom: var(--spacing-s); }
  .request-to-action-modal__content__container__counter--error {
    color: var(--content-color-error); }
  .request-to-action-modal__content__container label {
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-xs); }

.request-for-access-modal .modal-content {
  padding: var(--spacing-l) var(--spacing-xl); }
  .request-for-access-modal .modal-content--loading {
    display: flex;
    justify-content: center;
    align-items: center; }

.request-for-access-modal .modal-footer {
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.request-for-access-modal__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.request-for-access-modal__dropdown-container label {
  margin: var(--spacing-s) var(--spacing-zero) var(--spacing-s); }

.request-for-access-modal__dropdown-container__label {
  margin-top: var(--spacing-l); }

.request-for-access-modal__dropdown-container__text-container {
  display: flex;
  align-items: center;
  margin: var(--spacing-s) var(--spacing-zero) var(--spacing-l); }
  .request-for-access-modal__dropdown-container__text-container .pm-icon {
    margin-right: var(--spacing-s); }

.request-for-access-modal__dropdown-container__approver {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .request-for-access-modal__dropdown-container__approver .avatar {
    margin-right: 8px; }
  .request-for-access-modal__dropdown-container__approver span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.request-for-access-modal__dropdown-container--error {
  border: var(--border-width-default) var(--border-style-solid) var(--base-color-error);
  border-radius: var(--border-radius-default); }

.options-wrapper .options-list {
  display: flex;
  flex: 1;
  flex-direction: column; }
  .options-wrapper .options-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .options-wrapper .options-list-item-label-description {
      display: flex;
      flex-direction: column;
      padding-right: var(--spacing-xxl); }
    .options-wrapper .options-list-item-label {
      flex: 2;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      color: var(--content-color-primary); }
    .options-wrapper .options-list-item-description-markdown {
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular);
      color: var(--content-color-secondary);
      white-space: pre-wrap; }
      .options-wrapper .options-list-item-description-markdown h1,
      .options-wrapper .options-list-item-description-markdown h2,
      .options-wrapper .options-list-item-description-markdown h3,
      .options-wrapper .options-list-item-description-markdown h4,
      .options-wrapper .options-list-item-description-markdown h5,
      .options-wrapper .options-list-item-description-markdown h6 {
        line-height: 1.5;
        margin: 1.5em 0 0.5em; }
      .options-wrapper .options-list-item-description-markdown h1 {
        font-size: 18px;
        font-weight: 700; }
      .options-wrapper .options-list-item-description-markdown h2 {
        font-size: 16px;
        font-weight: 700; }
      .options-wrapper .options-list-item-description-markdown h3 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700; }
      .options-wrapper .options-list-item-description-markdown h4 {
        font-size: 14px;
        font-weight: 700; }
      .options-wrapper .options-list-item-description-markdown h5 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600; }
      .options-wrapper .options-list-item-description-markdown h6 {
        font-size: 12px;
        font-weight: 600; }
      .options-wrapper .options-list-item-description-markdown hr {
        border-style: none;
        border-width: 0;
        border-bottom: 1px solid var(--border-color-default); }
      .options-wrapper .options-list-item-description-markdown blockquote {
        padding-left: 16px;
        margin-left: 8px;
        border-left: 4px solid var(--border-color-default);
        color: var(--content-color-secondary); }
        .options-wrapper .options-list-item-description-markdown blockquote blockquote {
          margin-left: 20px; }
      .options-wrapper .options-list-item-description-markdown p, .options-wrapper .options-list-item-description-markdown span {
        margin: 3px 0;
        font-size: 12px;
        font-weight: 400; }
      .options-wrapper .options-list-item-description-markdown em {
        font-style: italic; }
      .options-wrapper .options-list-item-description-markdown strong {
        font-weight: var(--text-weight-medium); }
      .options-wrapper .options-list-item-description-markdown ul, .options-wrapper .options-list-item-description-markdown ol {
        margin: 5px; }
      .options-wrapper .options-list-item-description-markdown a {
        color: var(--content-color-link);
        text-decoration: none; }
        .options-wrapper .options-list-item-description-markdown a:hover {
          text-decoration: underline; }
      .options-wrapper .options-list-item-description-markdown pre {
        padding: 3px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
        .options-wrapper .options-list-item-description-markdown pre code {
          padding: 0;
          background-color: transparent;
          border: 0;
          border-radius: 0; }
      .options-wrapper .options-list-item-description-markdown code {
        padding: 1px 3px;
        font-family: "IBMPlexMono", "Cousine", monospace;
        font-size: 12px;
        background-color: var(--background-color-primary);
        border: 1px solid var(--border-color-default);
        border-radius: var(--border-radius-default); }
      .options-wrapper .options-list-item-description-markdown table {
        width: 100%;
        margin: 8px 0;
        border-radius: var(--border-radius-default);
        border-spacing: 0;
        border-collapse: collapse;
        border: 1px solid var(--border-color-default); }
        .options-wrapper .options-list-item-description-markdown table th,
        .options-wrapper .options-list-item-description-markdown table td {
          max-width: 360px;
          padding: 4px 8px;
          word-break: normal;
          vertical-align: top;
          white-space: pre-line;
          border: 1px solid var(--border-color-default); }
          .options-wrapper .options-list-item-description-markdown table th:first-child,
          .options-wrapper .options-list-item-description-markdown table td:first-child {
            border-left: none; }
          .options-wrapper .options-list-item-description-markdown table th:last-child,
          .options-wrapper .options-list-item-description-markdown table td:last-child {
            border-right: none; }
        .options-wrapper .options-list-item-description-markdown table th {
          border-top: none; }
        .options-wrapper .options-list-item-description-markdown table tr:last-child th,
        .options-wrapper .options-list-item-description-markdown table tr:last-child td {
          border-bottom: none; }
      .options-wrapper .options-list-item-description-markdown img {
        max-width: 100%; }
    .options-wrapper .options-list-item-value {
      flex: 0 0 100px;
      display: flex;
      justify-content: flex-start;
      align-self: center; }

.options-wrapper .dropdown {
  width: 100%;
  height: 30px;
  background-color: var(--background-color-tertiary); }
  .options-wrapper .dropdown .dropdown-button {
    display: flex; }
    .options-wrapper .dropdown .dropdown-button .btn {
      flex: 1;
      height: 30px;
      color: var(--content-color-secondary);
      justify-content: space-between; }
      .options-wrapper .dropdown .dropdown-button .btn use {
        fill: var(--content-color-secondary); }
      .options-wrapper .dropdown .dropdown-button .btn svg > path[fill] {
        fill: var(--content-color-secondary); }

.integration-context-bar-list {
  --integration-cb-list-width: 280px;
  color: var(--content-color-primary);
  margin-top: var(--spacing-l);
  padding-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2); }
  .integration-context-bar-list__label-wrapper-label {
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    cursor: pointer; }
  .integration-context-bar-list__label-wrapper-toggle {
    margin-left: 0;
    margin-right: var(--spacing-s);
    margin-top: calc(var(--spacing-xs) / 2);
    vertical-align: text-top;
    cursor: pointer;
    float: left; }
    .integration-context-bar-list__label-wrapper-toggle:hover {
      background-color: var(--highlight-background-color-secondary); }
  .integration-context-bar-list__integration-list {
    padding-left: var(--spacing-xl); }
  .integration-context-bar-list__browse {
    padding-top: var(--spacing-l);
    padding-bottom: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    text-decoration: underline;
    cursor: pointer; }
    .integration-context-bar-list__browse:hover {
      color: var(--content-color-link); }
  .integration-context-bar-list__info {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-m);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-regular);
    line-height: var(--line-height-m); }
    .integration-context-bar-list__info-header {
      font-weight: var(--text-weight-medium); }
    .integration-context-bar-list__info-body {
      color: var(--content-color-tertiary); }
    .integration-context-bar-list__info-footer {
      color: var(--content-color-tertiary);
      text-decoration: underline;
      cursor: pointer; }
      .integration-context-bar-list__info-footer:hover {
        color: var(--content-color-link); }
  .integration-context-bar-list__item {
    line-height: var(--line-height-m);
    padding-top: var(--spacing-m);
    display: flex; }
    .integration-context-bar-list__item-area {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      width: 100%;
      padding-right: var(--spacing-m); }
    .integration-context-bar-list__item-label {
      font-size: var(--text-size-m);
      color: var(--content-color-primary);
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .integration-context-bar-list__item-label:hover {
        color: var(--content-color-link);
        text-decoration: underline; }
    .integration-context-bar-list__item-last-run {
      font-size: var(--text-size-m);
      color: var(--content-color-tertiary); }
    .integration-context-bar-list__item-icon {
      padding-right: var(--spacing-s);
      align-items: center;
      place-content: center; }
  .integration-context-bar-list__loading {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-l); }
  .integration-context-bar-list__status-info {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    padding-left: var(--spacing-xl);
    margin-top: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
    margin-bottom: calc(var(--spacing-xs) + var(--spacing-xs) / 2);
    max-width: var(--integration-cb-list-width);
    display: inline-flex; }

.integration-status-icon {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer; }
  .integration-status-icon .agent-selection-label {
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    margin-left: var(--spacing-xs); }
  .integration-status-icon .sb__item__text {
    margin-bottom: 2px; }
  .integration-status-icon-error use {
    fill: var(--content-color-error) !important; }
  .integration-status-icon-error svg > path[fill] {
    fill: var(--content-color-error) !important; }
  .integration-status-icon-success use {
    fill: var(--content-color-success) !important; }
  .integration-status-icon-success svg > path[fill] {
    fill: var(--content-color-success) !important; }

.banner-container {
  padding: var(--spacing-l);
  display: flex;
  flex-direction: row; }
  .banner-container__neutral {
    background-color: var(--background-color-secondary); }
  .banner-container__info {
    background-color: var(--background-color-info); }
  .banner-container__warning {
    background-color: var(--background-color-warning); }
  .banner-container__error {
    background-color: var(--background-color-error); }
  .banner-container__success {
    background-color: var(--background-color-success); }
  .banner-container .banner-content {
    padding: 0 var(--spacing-s); }
  .banner-container-footer {
    padding-top: var(--spacing-s); }

.import-via-code-repository-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-shrink: 0;
  overflow-y: auto; }
  .import-via-code-repository-container .import-via-code-repository {
    display: flex; }
    .import-via-code-repository-container .import-via-code-repository__content {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__line {
        height: 0px;
        margin-top: var(--spacing-xl);
        /* border-color/strong */
        border-top: var(--border-width-default) solid var(--border-color-strong); }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-title {
        font-size: var(--text-size-m);
        color: var(--content-color-primary);
        margin-top: 2px;
        width: auto;
        float: left; }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .integrations-add-card__segment .Select--single.pm-select {
        font-size: 12px;
        height: 32px;
        padding: var(--spacing-zero);
        width: 360px;
        margin: 0px; }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .integrations-add-card__segment .Select--single.pm-select .Select-menu {
        max-height: 130px; }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-wrapper {
        padding: var(--spacing-zero);
        width: 360px; }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group {
        display: flex;
        flex-direction: column;
        padding-top: 20px; }
        .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-missing__message {
          display: flex;
          flex-direction: row;
          color: var(--content-color-secondary); }
          .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-missing__message .import-repository-message {
            margin-top: var(--spacing-s);
            color: var(--content-color-secondary); }
          .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-missing__message .btn-text {
            height: var(--size-xs);
            margin-top: var(--spacing-s);
            padding-left: var(--spacing-xs);
            color: var(--content-color-secondary); }
        .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repo-error {
          display: flex;
          flex-direction: row;
          color: var(--content-color-error);
          height: 20px;
          align-items: center;
          padding: 1px; }
          .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repo-error .import-repo-error-btn {
            cursor: pointer;
            text-decoration: underline;
            margin-left: var(--spacing-xs); }
        .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repo-specify-manually {
          display: flex;
          flex-direction: row;
          color: var(--content-color-secondary);
          height: 20px;
          align-items: center;
          padding-left: 1px;
          padding-top: var(--spacing-s); }
          .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repo-specify-manually .import-repo-specify-manually-btn {
            cursor: pointer;
            text-decoration: underline;
            margin-left: var(--spacing-xs); }
        .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-error__message {
          display: flex;
          flex-direction: row;
          color: var(--content-color-error);
          padding-top: var(--spacing-s); }
          .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-error__message .import-repository-error__icon {
            padding: var(--spacing-xs); }
            .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-error__message .import-repository-error__icon use {
              fill: var(--base-color-error); }
            .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-group .import-repository-error__message .import-repository-error__icon svg > path[fill] {
              fill: var(--base-color-error); }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-label {
        font-style: normal;
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        padding-bottom: var(--spacing-s); }
      .import-via-code-repository-container .import-via-code-repository__content .import-via-code-repository__content-dropdown .import-dropdown-label--manual-input {
        height: 40px; }

.import-via-code-repository-user-info {
  display: flex;
  flex-direction: row;
  width: auto;
  float: left;
  line-height: var(--line-height-s);
  margin-left: var(--spacing-xs); }
  .import-via-code-repository-user-info .import-via-code-repository-user-info__username {
    margin-left: var(--spacing-xs); }
  .import-via-code-repository-user-info .import-via-code-repository-user-info__username_title {
    margin-right: var(--spacing-s); }

.importers-repository-primary-screen {
  font-family: var(--text-family-default);
  text-align: left; }
  .importers-repository-primary-screen .entity-empty {
    border: none;
    padding: var(--spacing-zero);
    font-size: var(--text-size-m);
    align-items: flex-start; }
    .importers-repository-primary-screen .entity-empty.entity-empty__centered {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .importers-repository-primary-screen .entity-empty .entity-empty__title {
      font-size: var(--text-size-xl);
      font-weight: var(--text-weight-medium);
      margin-bottom: var(--spacing-xs);
      line-height: var(--line-height-xl); }
      .importers-repository-primary-screen .entity-empty .entity-empty__title.github-import-title {
        font-size: var(--text-size-l);
        color: var(--content-color-primary);
        line-height: var(--line-height-l);
        margin-bottom: var(--spacing-zero); }
      .importers-repository-primary-screen .entity-empty .entity-empty__title.api-gateway-import-title {
        font-size: var(--text-size-l);
        color: var(--content-color-primary);
        line-height: var(--line-height-l);
        margin-bottom: var(--spacing-zero); }
        .importers-repository-primary-screen .entity-empty .entity-empty__title.api-gateway-import-title.create-api-modal {
          font-size: var(--text-size-m); }
    .importers-repository-primary-screen .entity-empty .switch-to-workspace__title {
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      margin-bottom: var(--spacing-xs);
      line-height: var(--line-height-m); }
    .importers-repository-primary-screen .entity-empty .switch-to-workspace__subtitle {
      margin-bottom: 16px;
      text-align: center;
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: 20px; }
    .importers-repository-primary-screen .entity-empty .entity-empty__authenticating_title {
      font-size: var(--text-size-xl);
      font-weight: var(--text-weight-bold);
      margin-bottom: var(--spacing-xs);
      line-height: var(--line-height-xl); }
      .importers-repository-primary-screen .entity-empty .entity-empty__authenticating_title.github-import-authenticating-title {
        font-size: var(--text-size-xxl);
        color: var(--content-color-primary);
        line-height: var(--line-height-xxl); }
    .importers-repository-primary-screen .entity-empty .entity-empty__subtitle {
      margin-bottom: 20px;
      text-align: left; }
      .importers-repository-primary-screen .entity-empty .entity-empty__subtitle.github-import-subtitle {
        font-size: var(--text-size-l);
        font-weight: var(--text-weight-regular);
        line-height: var(--line-height-l);
        margin-bottom: 20px;
        width: 100%;
        text-align: center; }
      .importers-repository-primary-screen .entity-empty .entity-empty__subtitle.reposelection-import-subtitle {
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-regular);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-l);
        width: 100%;
        white-space: nowrap; }
      .importers-repository-primary-screen .entity-empty .entity-empty__subtitle.api-gateway-import-subtitle {
        font-size: var(--text-size-m);
        font-weight: var(--text-weight-regular);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-l);
        width: 100%;
        white-space: nowrap; }
    .importers-repository-primary-screen .entity-empty .entity-empty__title,
    .importers-repository-primary-screen .entity-empty .entity-empty__subtitle {
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--repository {
      margin-bottom: var(--spacing-l); }
      .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--repository .code-repository-empty__illustration {
        display: block;
        width: 100px;
        height: 100px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64, ); }
    .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--github {
      display: flex;
      align-content: stretch;
      margin-bottom: var(--spacing-m);
      background-color: var(--grey-00);
      border-radius: var(--border-radius-default);
      width: 64px;
      height: 64px; }
      .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--github .oauth-empty__illustration__github {
        display: block;
        width: 56px;
        height: 56px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/png;base64, );
        margin: auto; }
      .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--github .oauth-empty__illustration__bitbucket {
        display: block;
        width: 56px;
        height: 56px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/png;base64, );
        margin: auto; }
      .importers-repository-primary-screen .entity-empty .entity-empty__illustration-wrapper--github .oauth-empty__illustration__slack {
        display: block;
        width: 56px;
        height: 56px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgdmlld0JveD0iMCAwIDMwMCAzMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02My4wMjkzIDE4OS41NzdDNjMuMDI5MyAyMDYuOTIyIDQ4Ljg1OTkgMjIxLjA5MSAzMS41MTQ3IDIyMS4wOTFDMTQuMTY5NCAyMjEuMDkxIDAgMjA2LjkyMiAwIDE4OS41NzdDMCAxNzIuMjMxIDE0LjE2OTQgMTU4LjA2MiAzMS41MTQ3IDE1OC4wNjJINjMuMDI5M1YxODkuNTc3WiIgZmlsbD0iI0UwMUU1QSIvPgo8cGF0aCBkPSJNNzguOTA4OCAxODkuNTc3Qzc4LjkwODggMTcyLjIzMSA5My4wNzgyIDE1OC4wNjIgMTEwLjQyMyAxNTguMDYyQzEyNy43NjkgMTU4LjA2MiAxNDEuOTM4IDE3Mi4yMzEgMTQxLjkzOCAxODkuNTc3VjI2OC40ODVDMTQxLjkzOCAyODUuODMxIDEyNy43NjkgMzAwIDExMC40MjMgMzAwQzkzLjA3ODIgMzAwIDc4LjkwODggMjg1LjgzMSA3OC45MDg4IDI2OC40ODVWMTg5LjU3N1oiIGZpbGw9IiNFMDFFNUEiLz4KPHBhdGggZD0iTTExMC40MjMgNjMuMDI5M0M5My4wNzgyIDYzLjAyOTMgNzguOTA4OCA0OC44NTk5IDc4LjkwODggMzEuNTE0N0M3OC45MDg4IDE0LjE2OTQgOTMuMDc4MiAwIDExMC40MjMgMEMxMjcuNzY5IDAgMTQxLjkzOCAxNC4xNjk0IDE0MS45MzggMzEuNTE0N1Y2My4wMjkzSDExMC40MjNaIiBmaWxsPSIjMzZDNUYwIi8+CjxwYXRoIGQ9Ik0xMTAuNDIzIDc4LjkwODhDMTI3Ljc2OSA3OC45MDg4IDE0MS45MzggOTMuMDc4MiAxNDEuOTM4IDExMC40MjNDMTQxLjkzOCAxMjcuNzY5IDEyNy43NjkgMTQxLjkzOCAxMTAuNDIzIDE0MS45MzhIMzEuNTE0N0MxNC4xNjk0IDE0MS45MzggMCAxMjcuNzY5IDAgMTEwLjQyM0MwIDkzLjA3ODIgMTQuMTY5NCA3OC45MDg4IDMxLjUxNDcgNzguOTA4OEgxMTAuNDIzWiIgZmlsbD0iIzM2QzVGMCIvPgo8cGF0aCBkPSJNMjM2Ljk3MSAxMTAuNDIzQzIzNi45NzEgOTMuMDc4MiAyNTEuMTQgNzguOTA4OCAyNjguNDg1IDc4LjkwODhDMjg1LjgzMSA3OC45MDg4IDMwMCA5My4wNzgyIDMwMCAxMTAuNDIzQzMwMCAxMjcuNzY5IDI4NS44MzEgMTQxLjkzOCAyNjguNDg1IDE0MS45MzhIMjM2Ljk3MVYxMTAuNDIzWiIgZmlsbD0iIzJFQjY3RCIvPgo8cGF0aCBkPSJNMjIxLjA5MSAxMTAuNDIzQzIyMS4wOTEgMTI3Ljc2OSAyMDYuOTIyIDE0MS45MzggMTg5LjU3NyAxNDEuOTM4QzE3Mi4yMzEgMTQxLjkzOCAxNTguMDYyIDEyNy43NjkgMTU4LjA2MiAxMTAuNDIzVjMxLjUxNDdDMTU4LjA2MiAxNC4xNjk0IDE3Mi4yMzEgMCAxODkuNTc3IDBDMjA2LjkyMiAwIDIyMS4wOTEgMTQuMTY5NCAyMjEuMDkxIDMxLjUxNDdWMTEwLjQyM1oiIGZpbGw9IiMyRUI2N0QiLz4KPHBhdGggZD0iTTE4OS41NzcgMjM2Ljk3MUMyMDYuOTIyIDIzNi45NzEgMjIxLjA5MSAyNTEuMTQgMjIxLjA5MSAyNjguNDg1QzIyMS4wOTEgMjg1LjgzMSAyMDYuOTIyIDMwMCAxODkuNTc3IDMwMEMxNzIuMjMxIDMwMCAxNTguMDYyIDI4NS44MzEgMTU4LjA2MiAyNjguNDg1VjIzNi45NzFIMTg5LjU3N1oiIGZpbGw9IiNFQ0IyMkUiLz4KPHBhdGggZD0iTTE4OS41NzcgMjIxLjA5MUMxNzIuMjMxIDIyMS4wOTEgMTU4LjA2MiAyMDYuOTIyIDE1OC4wNjIgMTg5LjU3N0MxNTguMDYyIDE3Mi4yMzEgMTcyLjIzMSAxNTguMDYyIDE4OS41NzcgMTU4LjA2MkgyNjguNDg1QzI4NS44MzEgMTU4LjA2MiAzMDAgMTcyLjIzMSAzMDAgMTg5LjU3N0MzMDAgMjA2LjkyMiAyODUuODMxIDIyMS4wOTEgMjY4LjQ4NSAyMjEuMDkxSDE4OS41NzdaIiBmaWxsPSIjRUNCMjJFIi8+Cjwvc3ZnPgo=);
        margin: auto; }
    .importers-repository-primary-screen .entity-empty .entity-empty__connect {
      flex-direction: row;
      display: flex; }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card {
        display: flex;
        flex-direction: row;
        width: 168px;
        height: 48px;
        padding: var(--spacing-m);
        cursor: pointer;
        left: 0px;
        top: 0px;
        align-items: center;
        border: var(--border-width-default) solid var(--border-color-strong);
        box-sizing: border-box;
        border-radius: var(--border-radius-default);
        margin-right: var(--spacing-l); }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-loading-wrapper {
          display: flex;
          visibility: hidden;
          flex-direction: row;
          margin-left: var(--spacing-xxxl); }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-title {
          width: 41px;
          height: 16px;
          left: 44px;
          margin-left: var(--spacing-s);
          top: calc(50% - 16px/2);
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          /* identical to box height, or 133% */
          display: flex;
          align-items: center; }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-logo-wrapper {
          display: flex;
          align-content: stretch;
          background-color: var(--grey-00);
          border-radius: var(--border-radius-default);
          width: 28px;
          height: 28px; }
          .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-logo-wrapper .repository-card-logo__gateway {
            width: var(--size-s);
            height: var(--size-s); }
          .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-logo-wrapper .repository-card-logo__github {
            display: block;
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 0;
            background-image: url(data:image/png;base64, );
            margin: auto; }
          .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card .repository-card-logo-wrapper .repository-card-logo__bitbucket {
            display: block;
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 0;
            background-image: url(data:image/png;base64, );
            margin: auto; }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card:hover {
        background: var(--background-color-tertiary);
        /* border-color/default */
        border: var(--border-width-default) solid var(--border-color-strong);
        box-sizing: border-box;
        border-radius: var(--border-radius-default); }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .repository-card:hover > .repository-card-loading-wrapper {
        visibility: visible; }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card {
        display: flex;
        flex-direction: row;
        width: 190px;
        height: 48px;
        padding: var(--spacing-m);
        cursor: pointer;
        left: 0px;
        top: 0px;
        align-items: center;
        border: var(--border-width-default) solid var(--border-color-strong);
        box-sizing: border-box;
        border-radius: var(--border-radius-default);
        margin-right: var(--spacing-l); }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card .gateway-card-loading-wrapper {
          display: flex;
          visibility: hidden;
          flex-direction: row;
          margin-left: var(--spacing-xs); }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card .gateway-card-title {
          width: 120px;
          height: var(--size-xs);
          left: 44px;
          margin-left: var(--spacing-s);
          top: calc(50% - 16px/2);
          font-weight: var(--text-weight-medium);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          /* identical to box height, or 133% */
          display: flex;
          align-items: center; }
        .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card .gateway-card-logo-wrapper {
          display: flex;
          align-content: stretch;
          background-color: var(--grey-00);
          border-radius: var(--border-radius-default);
          width: 28px;
          height: 28px; }
          .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card .gateway-card-logo-wrapper .gateway-card-logo__icon {
            width: var(--size-s);
            height: var(--size-s); }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card:hover {
        background: var(--background-color-tertiary);
        border: var(--border-width-default) solid var(--border-color-strong);
        box-sizing: border-box;
        border-radius: var(--border-radius-default); }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .gateway-card:hover > .gateway-card-loading-wrapper {
        visibility: visible; }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .import-code-connect__github {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs); }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .import-code-connect__icon use {
        fill: var(--content-color-constant); }
      .importers-repository-primary-screen .entity-empty .entity-empty__connect .import-code-connect__icon svg > path[fill] {
        fill: var(--content-color-constant); }
    .importers-repository-primary-screen .entity-empty .entity-empty-or__import-code {
      display: flex;
      flex-direction: row;
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-l); }
      .importers-repository-primary-screen .entity-empty .entity-empty-or__import-code .entity-empty-line__import-code {
        width: 56px;
        height: 0px;
        margin-top: 5px;
        /* border-color/strong */
        border-top: var(--border-width-default) var(--border-color-strong); }
      .importers-repository-primary-screen .entity-empty .entity-empty-or__import-code .entity-empty-or-text__import-code {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        margin-right: var(--spacing-m);
        margin-left: var(--spacing-m); }
    .importers-repository-primary-screen .entity-empty .entity-empty__learn .entity-empty__learn__mouse-click-icon {
      padding-right: var(--spacing-s); }

.import-code-repository-tab {
  display: flex;
  flex-direction: row; }
  .import-code-repository-tab .import-tabs-header--code-repository-new {
    width: 40px;
    left: 312px;
    padding: var(--spacing-zero);
    border-radius: 12px;
    background-color: var(--background-color-info);
    color: var(--content-color-info);
    font-weight: var(--text-weight-medium);
    margin-left: var(--spacing-xs); }

.import-api-gateway-tab {
  display: flex;
  flex-direction: row; }
  .import-api-gateway-tab .import-tabs-header--api-gateway-new {
    width: 40px;
    left: 312px;
    padding: var(--spacing-zero);
    border-radius: 12px;
    background-color: var(--background-color-info);
    color: var(--content-color-info);
    font-weight: var(--text-weight-medium);
    margin-left: var(--spacing-xs); }

.import-via-code-repository__banner {
  display: flex;
  align-items: center;
  background-color: var(--background-color-warning);
  padding: 10px var(--spacing-l) 10px var(--spacing-l);
  margin-top: var(--spacing-l); }
  .import-via-code-repository__banner .import-via-code-repository__banner__icon use {
    fill: var(--content-color-warning); }
  .import-via-code-repository__banner .import-via-code-repository__banner__icon svg > path[fill] {
    fill: var(--content-color-warning); }
  .import-via-code-repository__banner .import-via-code-repository__banner__message {
    margin-left: var(--spacing-l);
    color: var(--content-color-warning); }

.service-details-view-container-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-xxl); }
  .service-details-view-container-wrapper .no-ci-cd-builds {
    display: flex;
    flex-direction: column;
    background: var(--background-color-primary); }
    .service-details-view-container-wrapper .no-ci-cd-builds .no-ci-cd-builds-title {
      position: static;
      height: 20px;
      left: 0px;
      right: 0px;
      top: 0px;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.12px;
      color: var(--content-color-primary);
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 8px 0px; }
    .service-details-view-container-wrapper .no-ci-cd-builds .no-ci-cd-builds-subtitle {
      display: flex;
      margin: var(--spacing-s) var(--spacing-xxl);
      padding: 0px var(--spacing-m);
      position: static;
      font-weight: normal;
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      line-height: var(--line-height-m);
      flex: none;
      order: 1;
      flex-grow: 0; }
  .service-details-view-container-wrapper .ci-cd-available-integrations {
    display: flex; }
    .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-no-available-service {
      width: 400px;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-no-available-service .ci-cd-no-available-service-illustration {
        display: flex;
        width: 140px;
        height: auto;
        margin: auto;
        align-items: center; }
      .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-no-available-service .ci-cd-no-available-service-content {
        width: 210px;
        margin: auto;
        display: flex;
        color: var(--content-color-secondary);
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: -0.12px; }
    .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list {
      width: 100%;
      display: flex;
      flex-direction: row;
      margin: var(--spacing-s) var(--spacing-l) var(--spacing-l) var(--spacing-l);
      padding: var(--spacing-zero) var(--spacing-m) var(--spacing-m) var(--spacing-m);
      align-items: center; }
      .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item {
        width: 168px;
        height: 48px;
        cursor: pointer;
        border: 1px solid var(--border-color-strong);
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        padding: var(--spacing-m);
        margin-left: var(--spacing-l);
        margin-right: var(--spacing-l);
        margin-bottom: var(--spacing-m); }
        .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper {
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: start;
          align-items: center; }
          .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper .ci-cd-integrations-card-list-item-icon-container {
            height: var(--size-s);
            width: var(--size-s); }
            .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper .ci-cd-integrations-card-list-item-icon-container .ci-cd-integrations-card-list-item-icon {
              width: 100%;
              height: auto; }
            .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper .ci-cd-integrations-card-list-item-icon-container .ci-cd-integrations-card-list-item-fallback-icon {
              width: 100%;
              height: auto; }
          .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper .ci-cd-integrations-card-list-item-heading {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            margin-left: var(--spacing-s);
            color: var(--content-color-primary); }
          .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .ci-cd-integrations-card-list-item .ci-cd-integrations-card-list-item-content-wrapper .ci-cd-integrations-card-list-item-heading-disabled {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            margin-left: var(--spacing-s);
            color: var(--content-color-secondary); }
      .service-details-view-container-wrapper .ci-cd-available-integrations .ci-cd-integrations-card-list .list-item-disabled {
        cursor: not-allowed; }

.ci-cd-loading-indicator {
  position: relative;
  top: 50%;
  left: 50%; }

.ci-cd-test-header {
  display: flex;
  background: var(--background-color-secondary);
  margin-left: var(--spacing-s);
  margin-right: var(--spacing-s);
  height: var(--spacing-xxl);
  align-items: center;
  padding: 0px var(--spacing-l);
  border-radius: var(--border-radius-default); }
  .ci-cd-test-header .drop-icon {
    height: var(--spacing-xxl);
    padding: 0px;
    cursor: pointer; }
  .ci-cd-test-header .title {
    margin-left: var(--spacing-xs);
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-bold);
    display: flex;
    align-items: center;
    height: var(--spacing-xxl); }

.cancel-button {
  margin-top: var(--spacing-xl);
  float: left;
  margin-left: var(--spacing-s); }

.ci-cd-builds-page-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden; }
  .ci-cd-builds-page-container .ci-cd-builds-page-info-container {
    display: flex;
    z-index: 2;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero) var(--spacing-s);
    min-height: 48px;
    align-items: center;
    box-shadow: inset 0px -1px 0px var(--border-color-strong); }
    .ci-cd-builds-page-container .ci-cd-builds-page-info-container .ci-cd-builds-page-back-button-container {
      display: flex;
      cursor: pointer;
      align-items: center;
      padding: var(--spacing-s); }
    .ci-cd-builds-page-container .ci-cd-builds-page-info-container .project-service-name {
      width: 65%;
      display: flex;
      color: var(--content-color-secondary);
      align-items: center;
      font-size: var(--text-size-m);
      overflow: hidden;
      text-overflow: ellipsis; }
      .ci-cd-builds-page-container .ci-cd-builds-page-info-container .project-service-name .source {
        align-items: center;
        display: flex;
        margin-left: var(--spacing-s); }
    .ci-cd-builds-page-container .ci-cd-builds-page-info-container .right-hand-buttons {
      margin-left: auto;
      width: 30%;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .ci-cd-builds-page-container .ci-cd-builds-page-info-container .right-hand-buttons .configure-newman-button {
        display: flex;
        align-items: center;
        font-size: var(--text-size-m);
        margin-right: var(--spacing-l);
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis; }
        .ci-cd-builds-page-container .ci-cd-builds-page-info-container .right-hand-buttons .configure-newman-button .configure-icon {
          margin: var(--spacing-zero) var(--spacing-xs); }
      .ci-cd-builds-page-container .ci-cd-builds-page-info-container .right-hand-buttons .integration-options {
        display: flex;
        align-items: center;
        justify-content: center; }
  .ci-cd-builds-page-container .ci-cd-builds-page-button-container {
    margin: var(--spacing-s) var(--spacing-l);
    display: flex;
    justify-content: space-between; }
    .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container {
      display: flex; }
      .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .filter-text {
        display: flex;
        font-size: var(--text-size-m);
        color: var(--content-color-secondary);
        padding: var(--spacing-s) var(--spacing-xs);
        align-items: center; }
      .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .filter-dropdowns {
        display: flex;
        padding: var(--spacing-s) var(--spacing-xs);
        align-items: center; }
        .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .filter-dropdowns .filter-dropdowns--branch {
          margin-right: 2px;
          min-width: 110px; }
          .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .filter-dropdowns .filter-dropdowns--branch .aether-dropdown__control {
            border: none; }
      .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .ci-cd-builds-dropdown {
        display: flex;
        align-items: center;
        padding: var(--spacing-xs) var(--spacing-zero); }
        .ci-cd-builds-page-container .ci-cd-builds-page-button-container .filter-container .ci-cd-builds-dropdown .dropdown-button .ci-cd-chosen-branch {
          padding-top: var(--spacing-m);
          color: var(--content-color-secondary);
          font-weight: var(--text-weight-regular); }
    .ci-cd-builds-page-container .ci-cd-builds-page-button-container .run-refresh-container {
      display: flex;
      justify-content: flex-end; }
      .ci-cd-builds-page-container .ci-cd-builds-page-button-container .run-refresh-container .btn.ci-cd-run-builds-button {
        font-weight: var(--text-weight-regular);
        display: flex;
        justify-content: flex-end; }
      .ci-cd-builds-page-container .ci-cd-builds-page-button-container .run-refresh-container .btn.ci-cd-refresh-builds-button {
        font-weight: var(--text-weight-regular);
        display: flex;
        justify-content: flex-end; }
  .ci-cd-builds-page-container .ci-cd-loading-build-indicator {
    position: absolute;
    top: 50%;
    left: 50%; }
  .ci-cd-builds-page-container .ci-cd-builds-table .ci-cd-builds-table-success {
    margin: var(--spacing-m);
    overflow: hidden; }
  .ci-cd-builds-page-container .view-more-button {
    width: 20%;
    display: flex;
    color: var(--content-color-link);
    font-size: var(--text-size-m);
    padding: var(--spacing-zero) 20px;
    margin-left: var(--spacing-xxl);
    margin-top: var(--spacing-m);
    margin-bottom: var(--spacing-m);
    cursor: pointer; }
  .ci-cd-builds-page-container .compact-builds-configure-newman-button {
    width: 20%;
    display: flex;
    color: var(--content-color-link);
    font-size: var(--text-size-m);
    padding: var(--spacing-zero) var(--spacing-m);
    margin-left: var(--spacing-xxl);
    margin-top: var(--spacing-s);
    cursor: pointer; }
  .ci-cd-builds-page-container .ci-cd-empty-state-illustration-wrapper {
    margin-bottom: var(--spacing-l); }

.ci-cd-run-builds-modal__dropdown .integrations-add-card__segment .Select--single.pm-select {
  font-size: var(--text-size-m);
  height: var(--spacing-xxl);
  width: 432px;
  margin: var(--spacing-zero); }

.ci-cd-run-builds-modal__dropdown .integrations-add-card__segment .Select--single.pm-select .Select-menu {
  max-height: 350px;
  overflow-y: auto; }

.ci-cd-run-builds-modal__dropdown .integrations-add-card__label-title {
  font-weight: var(--text-weight-bold); }

.delete-option {
  color: var(--content-color-error); }
  .delete-option:hover {
    color: var(--content-color-secondary); }

.compact-empty-state-content {
  margin: var(--spacing-s) var(--spacing-xl);
  padding: var(--spacing-zero) var(--spacing-l);
  display: flex;
  color: var(--content-color-secondary);
  font-size: var(--text-size-m); }

.error-compact-builds {
  padding: var(--spacing-zero) var(--spacing-s);
  display: flex;
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  margin: var(--spacing-l); }

.ci-cd-configured-test-header {
  display: flex;
  background: var(--background-color-secondary);
  margin-left: var(--spacing-s);
  margin-right: var(--spacing-s);
  height: var(--spacing-xxl);
  align-items: center;
  padding: var(--spacing-zero) var(--spacing-l); }
  .ci-cd-configured-test-header .drop-icon {
    height: var(--spacing-xxl);
    padding: var(--spacing-zero);
    cursor: pointer;
    background: var(--background-color-secondary); }
  .ci-cd-configured-test-header .title {
    margin-left: var(--spacing-xs);
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    font-weight: 600;
    width: 80%; }
  .ci-cd-configured-test-header .run-build-btn {
    float: right;
    margin-left: auto;
    flex: none; }
  .ci-cd-configured-test-header .integration-more-options {
    display: flex;
    cursor: pointer; }

.menu-item-checkbox {
  border-radius: var(--spacing-zero); }
  .menu-item-checkbox.is-selected {
    background-color: var(--base-color-info); }

.run-build-modal-button {
  width: 25%;
  margin: var(--spacing-l) var(--spacing-zero); }

.builds-page-icon {
  display: flex;
  padding: var(--spacing-xs); }

.builds-page-icon-spaced {
  display: flex;
  padding: var(--spacing-zero) var(--spacing-l); }

.menu-item-div {
  width: 100%; }

.span_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dynamic-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden; }

.rb-modal__content {
  overflow: visible; }

.rb-modal__footer {
  justify-content: flex-end; }

.configure-newman-button-tooltip {
  padding: var(--spacing-l); }
  .configure-newman-button-tooltip__header {
    font-size: var(--spacing-m);
    line-height: var(--spacing-l);
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-s);
    color: var(--content-color-primary); }
  .configure-newman-button-tooltip__content {
    font-size: var(--spacing-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l); }
  .configure-newman-button-tooltip__link {
    cursor: pointer;
    text-decoration: underline; }

.configure-newman-button-popover {
  min-width: 320px; }

.integration-options-dropdown-button {
  height: var(--size-s);
  min-width: var(--size-s);
  width: var(--size-s); }

.ci-cd-builds-button {
  margin-top: var(--spacing-s); }

.table-content tr:hover .view-builds-external {
  visibility: visible; }

.table-content .view-builds-external {
  visibility: hidden; }

.row_icon {
  padding: var(--spacing-m) var(--spacing-s); }

.table-without-head thead {
  display: none; }

.build-expand-table-wrapper {
  background-color: var(--background-color-secondary); }
  .build-expand-table-wrapper .build-expand-table {
    margin-left: var(--spacing-xxl); }

.build-row-text-with-icon {
  margin-left: var(--spacing-s); }

.ci-cd-configure-newman-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }
  .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper {
    display: flex;
    flex-direction: column; }
    .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .back-button {
      display: flex;
      margin: var(--spacing-zero) var(--spacing-s);
      padding: var(--spacing-l) var(--spacing-s);
      cursor: pointer;
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      width: max-content; }
    .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper {
      margin-top: var(--spacing-xl);
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: auto;
      margin-right: auto; }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-heading {
        display: flex; }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-description {
        width: 480px;
        height: 40px;
        font-family: Inter;
        font-style: normal;
        font-weight: normal;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        display: flex;
        align-items: center;
        color: var(--content-color-secondary);
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: var(--spacing-s) var(--spacing-zero); }
        .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-description .ci-cd-configure-newman-description-link {
          cursor: pointer;
          text-decoration: underline; }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-dropdown-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-dropdown-wrapper .ci-cd-configure-newman-collections {
          width: 232px;
          position: relative;
          background: var(--background-color-primary);
          box-sizing: border-box;
          border-radius: var(--border-radius-default);
          margin-right: var(--spacing-l); }
        .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-dropdown-wrapper .ci-cd-configure-newman-environments {
          width: 232px;
          position: relative;
          background: var(--background-color-primary);
          box-sizing: border-box;
          border-radius: var(--border-radius-default); }
        .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-dropdown-wrapper .ci-cd-configure-newman-remove-button {
          cursor: pointer;
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          align-self: flex-end; }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-add-more-button {
        display: flex;
        align-items: center;
        padding: var(--spacing-l) var(--spacing-zero); }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper {
        float: left;
        width: 480px;
        margin-top: var(--spacing-xl); }
        .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box {
          padding-bottom: var(--spacing-m);
          width: 480px;
          color: var(--content-color-primary);
          background: var(--background-color-secondary); }
          .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding: var(--spacing-m); }
            .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-header .configure-newman-box-title {
              width: 100px;
              height: var(--spacing-xl);
              padding: var(--spacing-xs);
              display: flex;
              align-items: center;
              align-self: center; }
            .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-header .configure-newman-copy-button {
              width: 70px;
              height: var(--spacing-xxl);
              font-size: var(--text-size-m);
              box-sizing: border-box;
              color: var(--content-color-secondary); }
          .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-body {
            width: 448px;
            font-size: var(--text-size-m);
            line-height: var(--line-height-m);
            margin-left: var(--spacing-l);
            margin-right: var(--spacing-l);
            color: var(--content-color-primary); }
            .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-body .text-editor {
              overflow: none;
              min-height: fit-content; }
            .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .configure-newman-box-wrapper .configure-newman-box .configure-newman-box-body .monaco-editor {
              min-height: 360px; }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-api-creation-panel {
        --spacing-top: 22px;
        margin-top: var(--spacing-top); }
      .ci-cd-configure-newman-container .ci-cd-configure-newman-wrapper .ci-cd-configure-newman-content-wrapper .ci-cd-configure-newman-button-wrapper {
        display: flex;
        margin-top: var(--spacing-xxl);
        margin-bottom: var(--spacing-xxl); }

.api-entity-dropdown .api-entity-dropdown-trigger {
  display: flex;
  background-color: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  margin: var(--spacing-zero) var(--spacing-s) var(--spacing-l);
  height: var(--size-m);
  line-height: var(--line-height-xxl); }
  .api-entity-dropdown .api-entity-dropdown-trigger .api-entity-dropdown-icon-wrapper {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: var(--spacing-l); }
  .api-entity-dropdown .api-entity-dropdown-trigger .monitoring-illustrator-title-wrapper {
    cursor: pointer;
    display: flex;
    margin-left: var(--spacing-xs);
    align-items: center;
    color: var(--content-color-primary); }
    .api-entity-dropdown .api-entity-dropdown-trigger .monitoring-illustrator-title-wrapper .monitoring-illustrator-title {
      height: 20px;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin-right: var(--spacing-s); }
  .api-entity-dropdown .api-entity-dropdown-trigger .monitoring-illustrator-add-cta {
    display: flex;
    padding: var(--spacing-l);
    min-width: max-content; }
    .api-entity-dropdown .api-entity-dropdown-trigger .monitoring-illustrator-add-cta .monitoring-illustrator-add-cta-text {
      color: var(--content-color-primary);
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m); }

.api-entity-dropdown .monitoring-illustrator {
  align-items: center;
  color: var(--content-color-primary);
  width: 100%; }
  .api-entity-dropdown .monitoring-illustrator .monitoring-dashboard-links {
    display: flex;
    cursor: pointer;
    float: right;
    margin-left: auto;
    margin-right: var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
  .api-entity-dropdown .monitoring-illustrator .monitoring-illustrator-description {
    margin-top: var(--spacing-m);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-left: 44px;
    color: var(--content-color-secondary); }
  .api-entity-dropdown .monitoring-illustrator .monitoring-table-title-wrapper {
    display: flex;
    margin-left: 18px;
    align-items: center; }
    .api-entity-dropdown .monitoring-illustrator .monitoring-table-title-wrapper .monitoring-table-title {
      height: 20px;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-primary); }

.monitoring-illustrator-configured {
  display: flex;
  align-items: center;
  width: -webkit-fill-available; }
  .monitoring-illustrator-configured .api-monitoring-more-options-icon-wrapper {
    display: flex;
    align-items: center; }
  .monitoring-illustrator-configured .api-monitoring-more-options {
    display: flex;
    cursor: pointer;
    float: right;
    margin-right: var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }

.monitoring-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%; }

.monitoring-services-loading-indicator {
  position: relative;
  top: 50%;
  left: 50%; }

.table-loading-indicator {
  position: relative;
  margin-top: var(--spacing-xxl);
  left: 50%; }

.violation-table-title {
  margin-top: var(--spacing-xxxl); }

.deployments-table-title {
  margin-top: var(--spacing-xxl); }

.api-monitoring-stats-empty-state {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  margin-left: var(--spacing-l);
  margin-top: 22px; }

.monitoring-services-table {
  margin: var(--spacing-l) var(--spacing-s) var(--spacing-l) var(--spacing-l); }
  .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header {
    position: static;
    display: flex;
    height: var(--size-m);
    width: 100%;
    border-bottom: var(--border-style-solid) var(--border-width-default) var(--border-color-default); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-empty {
      width: var(--size-m); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-services {
      width: 30%;
      float: left;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-stats {
      width: 33%;
      float: left;
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-opened-at {
      width: 15%;
      float: left;
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-closed-at {
      width: 15%;
      float: left;
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-event-name {
      width: 50%;
      float: left;
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-severity {
      width: 15%;
      float: left;
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-latency {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-error-rate {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-appdex {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-header .monitoring-services-table-header-cell-status {
      float: left;
      width: 15%;
      min-width: 115px;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
  .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row {
    display: flex;
    position: static;
    align-items: center;
    font-size: var(--text-size-m);
    height: fit-content;
    min-height: 45px;
    width: 100%;
    border-bottom: var(--border-style-solid) var(--border-width-default) var(--border-color-default); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-empty {
      width: var(--size-m); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-services {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 30%;
      float: left;
      height: 40px;
      line-height: var(--line-height-xxxl);
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-stats {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 33%;
      float: left;
      height: 40px;
      line-height: var(--line-height-xxxl);
      padding: var(--spacing-s);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-status-critical {
      width: 15%;
      color: var(--base-color-error); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-status-warning {
      width: 15%;
      color: var(--base-color-warning); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-opened-at {
      width: 15%; }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-closed-at {
      width: 15%; }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-event-name {
      width: 50%; }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-latency {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-error-rate {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-apdex {
      float: left;
      width: 15%;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-status {
      float: left;
      width: 15%;
      min-width: 115px;
      padding: var(--spacing-s) var(--spacing-zero);
      background: var(--background-color-primary);
      color: var(--content-color-primary); }
      .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row .monitoring-services-table-row-cell-status .health-status-badge {
        margin: var(--spacing-zero); }
  .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover {
    background-color: var(--background-color-secondary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-services {
      cursor: pointer;
      background-color: var(--background-color-secondary);
      color: var(--content-color-link);
      text-decoration: underline; }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-latency {
      background-color: var(--background-color-secondary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-stats {
      background-color: var(--background-color-secondary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-error-rate {
      background-color: var(--background-color-secondary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-apdex {
      background-color: var(--background-color-secondary); }
    .monitoring-services-table .monitoring-services-table-success .monitoring-services-table-row-wrapper .monitoring-services-table-row:hover .monitoring-services-table-row-cell-status {
      background-color: var(--background-color-secondary); }

.monitoring-typeswitcher {
  margin-left: var(--spacing-l);
  margin-top: var(--spacing-l); }
  .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper {
    width: 165px;
    height: var(--size-m); }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
      height: 30px;
      line-height: var(--line-height-s);
      padding: var(--spacing-s) var(--spacing-m);
      box-sizing: border-box; }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.left {
      width: 70px;
      left: 1px; }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch.right {
      width: 95px;
      left: 69px; }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
      padding: var(--spacing-s) var(--spacing-m);
      line-height: var(--line-height-s);
      box-sizing: border-box; }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item--left {
      flex: 0 0 70px;
      height: var(--size-m); }
    .monitoring-typeswitcher .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item--right {
      flex: 0 0 95px;
      height: var(--size-m); }

.api-service-details-view-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: left; }
  .api-service-details-view-container-wrapper .no-monitoring-builds {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--spacing-xxl);
    width: 507px;
    height: 237px;
    background: var(--background-color-primary); }
    .api-service-details-view-container-wrapper .no-monitoring-builds .no-monitoring-builds-illustration-wrapper {
      margin-top: var(--spacing-xxl);
      margin-bottom: var(--spacing-s); }
    .api-service-details-view-container-wrapper .no-monitoring-builds .no-monitoring-builds-title {
      position: static;
      height: 20px;
      left: 0px;
      right: 0px;
      top: 0px;
      font-family: Inter;
      font-style: normal;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      text-align: center;
      letter-spacing: -0.12px;
      color: var(--content-color-primary);
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: var(--spacing-s) var(--spacing-zero); }
    .api-service-details-view-container-wrapper .no-monitoring-builds .no-monitoring-builds-subtitle {
      position: static;
      height: 40px;
      left: 0px;
      right: 0px;
      top: 28px;
      font-family: Inter;
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      text-align: center;
      color: var(--content-color-secondary);
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0; }
  .api-service-details-view-container-wrapper .monitoring-configured-integrations > div > div {
    overflow: unset; }
  .api-service-details-view-container-wrapper .monitoring-configured-integrations-table {
    margin-left: var(--spacing-xxl); }
  .api-service-details-view-container-wrapper .monitoring-available-integrations {
    display: flex;
    width: 100%;
    background: var(--background-color-primary); }
    .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-no-available-service {
      width: 400px;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-no-available-service .monitoring-no-available-service-illustration {
        display: flex;
        width: 140px;
        height: auto;
        margin: auto;
        align-items: center; }
      .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-no-available-service .monitoring-no-available-service-content {
        width: 210px;
        margin: auto;
        display: flex;
        color: var(--content-color-secondary);
        font-family: Inter;
        font-style: normal;
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        text-align: center;
        letter-spacing: -0.12px; }
    .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list {
      display: grid;
      justify-content: space-around;
      width: 100%;
      grid-column-gap: var(--spacing-xl);
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      margin-left: var(--spacing-l);
      margin-right: var(--spacing-l); }
      .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item {
        width: 240px;
        height: 128px;
        cursor: pointer;
        border: var(--border-style-solid) var(--border-width-default) var(--border-color-strong);
        display: flex;
        box-sizing: border-box;
        padding: var(--spacing-m);
        border-radius: var(--border-radius-default);
        margin: auto;
        margin-bottom: var(--spacing-m);
        flex-direction: column; }
        .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper {
          height: 50px;
          width: 100%;
          display: flex;
          align-items: center; }
          .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-icon-container {
            display: flex;
            height: var(--size-s);
            width: var(--size-s); }
            .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-icon-container .monitoring-integrations-card-list-item-icon {
              width: 100%;
              height: auto; }
            .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-icon-container .monitoring-integrations-card-list-item-fallback-icon {
              width: 100%;
              height: auto; }
          .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-heading {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            margin-left: var(--spacing-s);
            color: var(--content-color-primary); }
          .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-description {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            color: var(--content-color-secondary);
            margin-top: var(--spacing-xs);
            height: 50px; }
          .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .monitoring-integrations-card-list-item .monitoring-integrations-card-list-item-content-wrapper .monitoring-integrations-card-list-item-heading-disabled {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            margin-left: var(--spacing-s);
            color: var(--content-color-secondary); }
      .api-service-details-view-container-wrapper .monitoring-available-integrations .monitoring-integrations-card-list .list-item-disabled {
        cursor: not-allowed; }

.api-monitoring-dashboard {
  height: -webkit-fill-available;
  align-items: center;
  overflow-y: auto; }
  .api-monitoring-dashboard .api-monitoring-dashboard-wrapper {
    overflow-y: auto;
    overflow-x: hidden; }
    .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper {
      width: -webkit-fill-available;
      width: -moz-available;
      padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l);
      position: absolute;
      border-bottom: var(--border-style-solid) var(--border-width-default);
      border-color: var(--border-color-strong);
      background-color: var(--background-color-primary);
      z-index: 9; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar {
        display: flex;
        align-items: center;
        height: 30px; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-back-icon {
          display: flex;
          cursor: pointer; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector {
          display: flex;
          align-items: center;
          cursor: pointer;
          width: 200px;
          margin-left: var(--spacing-s);
          margin-right: var(--spacing-xs);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s); }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .DropdownContainer__StyledDropdownContainer-sc-6kixsb-0 {
            width: inherit; }
            .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .DropdownContainer__StyledDropdownContainer-sc-6kixsb-0 .Dropdown__StyledReactSelect-ixobw1-0 .aether-dropdown__control {
              min-width: 200px; }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .integrations-add-card__segment {
            margin-top: var(--spacing-zero); }
            .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .integrations-add-card__segment .integrations-add-card__input {
              padding-top: var(--spacing-zero); }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .monitoring-service-selector-container {
            display: flex;
            width: -webkit-fill-available; }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .monitoring-service-selector-icon-wrapper {
            display: contents;
            align-items: center;
            padding: 6px var(--spacing-xs) 6px var(--spacing-s); }
            .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .monitoring-service-selector-icon-wrapper .aether-dropdown__menu {
              width: 300px; }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-service-selector .monitoring-service-selector-selected-item-text {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: var(--content-color-primary); }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .monitoring-service-selector-health-status {
          min-width: max-content;
          align-items: center;
          display: flex; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector {
          cursor: pointer;
          width: 190px;
          min-width: 90px;
          margin-left: var(--spacing-s);
          font-size: var(--text-size-m);
          line-height: var(--line-height-s); }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector .integrations-add-card__segment {
            margin-top: var(--spacing-m); }
            .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector .integrations-add-card__segment .integrations-add-card__input {
              padding-top: var(--spacing-zero); }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector .monitoring-timeline-selector-icon-wrapper {
            display: flex;
            align-items: center;
            padding: 6px var(--spacing-m) 6px var(--spacing-m); }
          .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector .monitoring-timeline-selector-selected-item-text {
            width: 154px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: var(--content-color-primary); }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .monitoring-service-selector-icon-wrapper:hover {
          background-color: var(--background-color-tertiary);
          border-radius: var(--border-radius-default); }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-timeline-selector:hover {
          background-color: var(--background-color-tertiary);
          border-radius: var(--border-radius-default); }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-newrelic-btn {
          display: flex;
          align-items: center;
          min-width: max-content;
          float: right;
          margin-left: auto;
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          color: var(--content-color-secondary);
          cursor: pointer; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-newrelic-btn:hover {
          color: var(--content-color-link); }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-titlebar .api-monitoring-newrelic-timeframe {
          float: right;
          margin-left: var(--spacing-m); }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-more-options-icon-wrapper {
        display: flex;
        align-items: center; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-more-options {
        display: flex;
        cursor: pointer;
        float: right;
        margin-left: var(--spacing-l);
        margin-right: var(--spacing-l);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-wrapper .api-monitoring-refresh-cta {
        display: flex;
        align-items: center;
        cursor: pointer;
        float: right;
        margin-left: var(--spacing-l);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary); }
    .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-titlebar-divider {
      height: 47px; }
    .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-title-wrapper {
      display: grid;
      grid-column: auto;
      grid-auto-flow: column;
      margin-top: var(--spacing-xl);
      margin-left: var(--spacing-l); }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-title-wrapper .api-monitoring-chart-title {
        height: var(--size-xs);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-primary); }
    .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-web-transaction-chart {
      display: grid;
      height: 447px;
      background-color: var(--background-color-tertiary);
      margin: var(--spacing-s) var(--spacing-l) var(--spacing-l) var(--spacing-l);
      align-items: center; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-web-transaction-chart .api-monitoring-web-transaction-chart-title-wrapper {
        display: flex;
        grid-area: 1 / 1;
        height: 431px; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-web-transaction-chart .api-monitoring-web-transaction-chart-title-wrapper .api-monitoring-web-transaction-chart-title {
          font-size: var(--text-size-xxl);
          font-weight: var(--text-weight-medium);
          margin-top: var(--spacing-xxl);
          margin-left: var(--spacing-xxxl);
          z-index: 1; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-web-transaction-chart .api-monitoring-web-transaction-chart-iframe-wrapper {
        display: flex;
        align-items: center;
        grid-area: 1 / 1;
        height: 431px;
        margin-left: var(--spacing-s);
        margin-right: var(--spacing-s);
        background-color: white; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-web-transaction-chart .api-monitoring-web-transaction-chart-iframe-wrapper .web-transaction-chart {
          width: 100%;
          height: 431px; }
    .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper {
      display: flex;
      height: 325px;
      background-color: var(--background-color-tertiary);
      margin: var(--spacing-s) var(--spacing-l) var(--spacing-l) var(--spacing-l);
      align-items: center; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-throughput-chart-iframe-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        height: 309px;
        margin-left: var(--spacing-s);
        align-items: center;
        background-color: white; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-throughput-chart-iframe-wrapper .throughput-chart {
          width: 100%;
          height: 309px; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-error-rate-chart-iframe-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        height: 309px;
        margin-left: var(--spacing-s);
        align-items: center;
        background-color: white; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-error-rate-chart-iframe-wrapper .error-rate-chart {
          width: 100%;
          height: 309px; }
      .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-apdex-chart-iframe-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        height: 309px;
        margin-left: var(--spacing-s);
        margin-right: var(--spacing-s);
        align-items: center;
        background-color: white; }
        .api-monitoring-dashboard .api-monitoring-dashboard-wrapper .api-monitoring-chart-wrapper .api-monitoring-web-apdex-chart-iframe-wrapper .apdex-chart {
          width: 100%;
          height: 309px; }

.api-monitoring-edit-integration {
  cursor: pointer;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-primary); }

.api-monitoring-edit-integration:hover {
  background-color: var(--background-color-secondary); }

.api-monitoring-delete-integration {
  cursor: pointer;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-error); }

.api-monitoring-delete-integration:hover {
  background-color: var(--background-color-secondary); }

.integrations-add-card__label-title {
  margin-bottom: var(--spacing-zero); }

.integrations-add-actions__button--container {
  margin-top: var(--spacing-zero); }

.api-monitoring-page-end {
  margin-bottom: 40px; }

.iframe-loading-indicator {
  position: relative;
  margin-left: 50%; }

.monitoring-dashboard-links-icon-wrapper {
  display: flex;
  align-items: center;
  color: var(--content-color-secondary); }

.monitoring-services-empty-table {
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  margin-left: 18px; }

.monitoring-menu-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: var(--size-m);
  min-width: 250px;
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-xs);
  color: var(--content-color-primary); }
  .monitoring-menu-item .monitoring-menu-item-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.monitoring-empty-dashboards {
  color: var(--content-color-secondary); }

.popover-loading {
  display: flex;
  align-items: center;
  margin-left: 50%;
  height: var(--size-m);
  width: 250px;
  line-height: var(--line-height-xxl);
  color: var(--content-color-primary); }

.monitoring-popover-option-wrapper {
  max-height: 300px;
  overflow-y: auto; }

.monitoring-menu-item:hover {
  background-color: var(--background-color-secondary); }

.monitoring-service-selector-dropdown-title {
  margin-left: 23px;
  font-weight: var(--text-weight-medium);
  color: var(--content-color-tertiary);
  line-height: var(--line-height-xxl); }

.monitoring-service-selector-dropdown-item {
  cursor: pointer;
  display: flex;
  min-width: 245px;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-right: var(--spacing-s);
  color: var(--content-color-primary); }
  .monitoring-service-selector-dropdown-item .monitoring-service-selector-dropdown-item-selected {
    display: flex;
    padding-right: var(--spacing-s);
    align-items: center;
    width: 16px; }
  .monitoring-service-selector-dropdown-item .monitoring-service-selector-dropdown-item-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.monitoring-timeline-selector-dropdown-item {
  cursor: pointer;
  display: flex;
  width: 190px;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-right: var(--spacing-s);
  color: var(--content-color-primary); }
  .monitoring-timeline-selector-dropdown-item .monitoring-timeline-selector-dropdown-item-selected {
    display: flex;
    margin-left: var(--spacing-l);
    padding-right: var(--spacing-s);
    align-items: center;
    width: 16px; }

.monitoring-service-selector-dropdown-item:hover {
  background-color: var(--background-color-secondary); }

.monitoring-timeline-selector-dropdown-item:hover {
  background-color: var(--background-color-secondary); }

.bootstrap-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%; }

.add-integration-step-panel {
  padding: var(--spacing-zero); }
  .add-integration-step-panel .integrations-add-card__segment {
    margin-top: var(--spacing-zero) !important; }

.monitor-integration-description {
  margin-bottom: var(--spacing-xl) !important;
  margin-top: var(--spacing-m) !important; }

.api-monitoring-edit-disabled {
  cursor: not-allowed;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-secondary); }

.api-monitoring-edit-disabled:hover {
  background-color: var(--background-color-secondary); }

.api-monitoring-delete-disabled:hover {
  background-color: var(--background-color-secondary); }

.api-monitoring-delete-disabled {
  cursor: not-allowed;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--red-40); }

.alert-config-info-popover {
  display: flex;
  margin: var(--spacing-s);
  width: max-content;
  color: var(--content-color-primary); }
  .alert-config-info-popover .alert-config-info-popover-link {
    color: var(--content-color-primary);
    margin-left: var(--spacing-xs); }

.connected-integrations-wrapper {
  display: flex;
  flex: 0 0 30% !important; }
  .connected-integrations-wrapper .connected-integrations-action-loading {
    margin-left: var(--spacing-xs); }
  .connected-integrations-wrapper .connected-integrations-cell {
    display: flex;
    flex-wrap: wrap; }
    .connected-integrations-wrapper .connected-integrations-cell .connected-integrations-logo-wrapper {
      display: flex;
      cursor: pointer; }
      .connected-integrations-wrapper .connected-integrations-cell .connected-integrations-logo-wrapper .connected-integrations-logo {
        height: 20px;
        width: 20px;
        padding: 6px; }

.is-connected-integrations-shrunk {
  flex: 0 0 40% !important; }

.connected-integrations-empty-state {
  display: flex;
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-regular);
  font-size: var(--text-size-m); }
  .connected-integrations-empty-state .connected-integrations-empty-state-add-cta {
    margin-left: var(--spacing-xs); }

.connected-integrations-content-wrapper {
  padding: var(--spacing-s) var(--spacing-s);
  color: var(--content-color-primary); }
  .connected-integrations-content-wrapper .connected-integrations-content-title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-s);
    padding-bottom: var(--spacing-xs); }
  .connected-integrations-content-wrapper .connected-integrations-actions {
    display: flex;
    padding-top: var(--spacing-xs); }
    .connected-integrations-content-wrapper .connected-integrations-actions .connected-integrations-actions-edit {
      cursor: pointer;
      margin-right: var(--spacing-s); }
    .connected-integrations-content-wrapper .connected-integrations-actions .connected-integrations-actions-delete {
      cursor: pointer; }
  .connected-integrations-content-wrapper .connected-integrations-content-row {
    display: flex;
    align-items: center;
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs); }
    .connected-integrations-content-wrapper .connected-integrations-content-row .connected-integrations-content-row-icon {
      display: flex;
      align-items: center; }
    .connected-integrations-content-wrapper .connected-integrations-content-row .connected-integrations-content-row-label {
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
    .connected-integrations-content-wrapper .connected-integrations-content-row .connected-integration-content-row-action {
      display: flex;
      margin-left: var(--spacing-xs);
      align-items: center;
      color: var(--content-color-secondary); }
      .connected-integrations-content-wrapper .connected-integrations-content-row .connected-integration-content-row-action .connected-integration-row-action-tag {
        margin-left: var(--spacing-zero) !important; }
      .connected-integrations-content-wrapper .connected-integrations-content-row .connected-integration-content-row-action .connected-integration-content-row-action-error {
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-secondary);
        margin-left: var(--spacing-xs); }
  .connected-integrations-content-wrapper .is-hyperlink {
    cursor: pointer; }
  .connected-integrations-content-wrapper .is-action-link {
    cursor: pointer;
    color: var(--content-color-link) !important; }
  .connected-integrations-content-wrapper .is-spaced {
    padding-right: var(--spacing-xs); }
  .connected-integrations-content-wrapper .is-div {
    margin-left: var(--spacing-zero) !important; }

.connected-integrations-tooltip {
  max-width: min-content !important;
  cursor: default; }

.linked-monitor-runs-wrapper {
  display: flex;
  min-width: 20%;
  flex-wrap: wrap;
  margin-right: var(--spacing-m); }
  .linked-monitor-runs-wrapper .linked-monitor-runs-error {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m); }
  .linked-monitor-runs-wrapper .linked-monitor-runs-item .linked-monitor-runs-item-run-candle {
    cursor: pointer;
    width: 4px;
    height: 20px;
    margin-right: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-top: var(--spacing-xs); }
  .linked-monitor-runs-wrapper .run-success {
    background-color: var(--content-color-success); }
  .linked-monitor-runs-wrapper .run-neutral {
    background-color: var(--content-color-tertiary); }
  .linked-monitor-runs-wrapper .run-failed {
    background-color: var(--content-color-error); }
  .linked-monitor-runs-wrapper .linked-monitor-runs-item-tooltip {
    min-width: max-content; }
  .linked-monitor-runs-wrapper .run-running {
    background-color: var(--content-color-tertiary);
    opacity: 0.8; }
  .linked-monitor-runs-wrapper .run-item-successful {
    opacity: 0.5; }
  .linked-monitor-runs-wrapper .run-item-successful:hover {
    opacity: 1; }
  .linked-monitor-runs-wrapper .run-item-errored {
    opacity: 0.2; }
  .linked-monitor-runs-wrapper .run-item-errored:hover {
    opacity: 0.4; }
  .linked-monitor-runs-wrapper .run-item-errored:focus {
    opacity: 0.8; }

.linked-monitor-runs {
  margin-right: var(--spacing-zero) !important; }

.is-runs-shrunk {
  min-width: 10% !important; }

.monitor-actions {
  flex: 0 0 5% !important;
  padding-right: var(--spacing-s); }

.linked-monitors-tooltip-wrapper {
  min-width: max-content;
  color: var(--content-color-primary); }
  .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-date-wrapper {
    display: flex;
    align-items: center; }
    .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-date-wrapper .linked-monitors-tooltip-status {
      margin-right: var(--spacing-xs); }
    .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-date-wrapper .linked-monitors-tooltip-date {
      float: right;
      margin-left: 6px;
      margin-right: 6px; }
  .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-header {
    font-weight: var(--text-weight-bold);
    font-size: var(--text-size-l);
    margin-left: 6px;
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs); }
  .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-metrics-wrapper {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: var(--spacing-s); }
    .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-metrics-wrapper .linked-monitors-tooltip-metrics-row {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 80px 80px 80px; }
      .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-metrics-wrapper .linked-monitors-tooltip-metrics-row .linked-monitors-tooltip-metrics-row-separator {
        margin-right: 40px; }
      .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-metrics-wrapper .linked-monitors-tooltip-metrics-row .linked-monitors-tooltip-metrics-row-value {
        text-align: end;
        overflow: hidden;
        text-overflow: ellipsis; }
    .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-metrics-wrapper .uptime-monitors-tooltip-row {
      grid-auto-columns: 80px 10px auto !important; }
  .linked-monitors-tooltip-wrapper .linked-monitors-tooltip-table {
    overflow: hidden;
    min-width: max-content; }

.monitor-run-button {
  margin-right: var(--spacing-s); }
  .monitor-run-button .btn-small {
    height: var(--size-s); }

.run-monitor-btn {
  min-width: 63px;
  height: var(--size-s);
  margin-right: var(--spacing-s);
  padding: var(--spacing-s); }

.observability-azure-dashboard-container {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-zero) var(--spacing-xxxl);
  height: 100%;
  overflow-y: auto; }
  .observability-azure-dashboard-container__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--spacing-xxl); }
    .observability-azure-dashboard-container__header__left-section {
      display: flex; }
      .observability-azure-dashboard-container__header__left-section__source {
        display: flex;
        align-items: center;
        margin-left: var(--spacing-m);
        height: 100%;
        align-self: flex-end; }
        .observability-azure-dashboard-container__header__left-section__source__icon {
          margin: var(--spacing-zero) var(--spacing-xs); }
    .observability-azure-dashboard-container__header__right-section {
      display: flex;
      align-items: center; }
  .observability-azure-dashboard-container__content {
    margin-top: var(--spacing-xxl); }
    .observability-azure-dashboard-container__content__source {
      margin-bottom: var(--spacing-l); }

.observability-azure-services-table tbody tr td {
  padding: var(--spacing-zero) var(--spacing-s); }
  .observability-azure-services-table tbody tr td .azure-custom-cell {
    height: 44px;
    display: flex;
    align-items: center; }
    .observability-azure-services-table tbody tr td .azure-custom-cell__no-source {
      color: var(--content-color-tertiary);
      margin-right: var(--spacing-s); }
    .observability-azure-services-table tbody tr td .azure-custom-cell__ip-address {
      color: var(--content-color-secondary);
      margin-left: var(--spacing-s); }

.observability-azure-services-table__link__modal {
  max-width: 480px;
  margin: auto; }
  .observability-azure-services-table__link__modal__title > h2 {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary); }
  .observability-azure-services-table__link__modal__content {
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    color: var(--content-color-primary);
    overflow: visible; }
  .observability-azure-services-table__link__modal__footer {
    margin-top: var(--spacing-xxxl); }

.observability-azure-table-container {
  margin: var(--spacing-xxl) var(--spacing-zero); }
  .observability-azure-table-container__heading {
    margin-bottom: var(--spacing-s); }

.observability-detailed-dashboard-container {
  height: 100%; }

.observability-azure-detailed-dashboard-container {
  padding: var(--spacing-xxl) var(--spacing-xxxl) var(--spacing-zero) var(--spacing-xxxl);
  height: 90%;
  overflow-y: auto; }
  .observability-azure-detailed-dashboard-container__header {
    border-bottom: var(--border-style-solid) var(--border-width-default);
    border-color: var(--border-color-strong);
    padding: var(--spacing-s) var(--spacing-l); }
    .observability-azure-detailed-dashboard-container__header__back {
      display: flex;
      align-items: center; }
    .observability-azure-detailed-dashboard-container__header__services {
      width: 178px;
      margin-left: var(--spacing-xs); }
    .observability-azure-detailed-dashboard-container__header__refresh {
      margin: var(--spacing-zero) var(--spacing-xs) !important; }
  .observability-azure-detailed-dashboard-container__integration-name {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium); }
  .observability-azure-detailed-dashboard-container__status {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    margin-left: var(--spacing-l); }
  .observability-azure-detailed-dashboard-container__label {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium);
    margin-left: var(--spacing-l); }
    .observability-azure-detailed-dashboard-container__label__value {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-left: var(--spacing-xs); }
  .observability-azure-detailed-dashboard-container__row2 {
    margin-top: var(--spacing-l); }
    .observability-azure-detailed-dashboard-container__row2__label {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium);
      margin-left: var(--spacing-l); }
      .observability-azure-detailed-dashboard-container__row2__label__value {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary);
        margin-left: var(--spacing-xs); }
    .observability-azure-detailed-dashboard-container__row2__api {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium); }
    .observability-azure-detailed-dashboard-container__row2__portal {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-left: var(--spacing-l); }

.postman-source-error__message {
  color: var(--content-color-error); }

.postman-source-error__link {
  color: var(--content-color-error); }

.postman-source-error__link:hover {
  text-decoration: underline;
  cursor: pointer; }

.observability-azure-add-integration__title__description {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-l); }

.observability-azure-add-integration__nickname {
  margin-top: var(--spacing-xl);
  font-size: var(--text-size-l); }

.observability-azure-add-integration__service {
  font-weight: var(--text-weight-medium);
  margin-top: var(--spacing-l); }
  .observability-azure-add-integration__service__workspace-selectors {
    margin-top: var(--spacing-l); }
  .observability-azure-add-integration__service__component {
    margin-bottom: var(--spacing-l); }
  .observability-azure-add-integration__service__section {
    margin-left: var(--spacing-l);
    margin-top: var(--spacing-l); }
    .observability-azure-add-integration__service__section__container {
      margin-top: var(--spacing-l);
      border-bottom: var(--border-style-solid) var(--border-width-default);
      border-color: var(--border-color-strong); }
    .observability-azure-add-integration__service__section__header {
      margin-left: var(--spacing-xs); }
      .observability-azure-add-integration__service__section__header__link {
        cursor: pointer; }
    .observability-azure-add-integration__service__section__setup-service {
      margin-bottom: var(--spacing-l); }
    .observability-azure-add-integration__service__section__remove {
      display: flex; }

.observability-azure-add-integration__buttons {
  margin-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xxl); }
  .observability-azure-add-integration__buttons__cancel {
    margin-left: var(--spacing-m); }
  .observability-azure-add-integration__buttons__add-service {
    margin-top: var(--spacing-l); }

.azure-current-revision-modal-button-container {
  display: flex;
  width: 100%;
  justify-content: flex-end; }

.observability-service-details-view-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .observability-service-details-view-container-wrapper .no-observability-deployments {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 507px;
    background: var(--background-color-primary); }
    .observability-service-details-view-container-wrapper .no-observability-deployments .no-observability-deployments-title {
      position: static;
      height: 20px;
      left: var(--spacing-zero);
      right: var(--spacing-zero);
      top: var(--spacing-zero);
      font-family: Inter;
      font-style: normal;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      text-align: center;
      letter-spacing: -0.12px;
      color: var(--content-color-primary);
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: var(--spacing-s) var(--spacing-zero); }
    .observability-service-details-view-container-wrapper .no-observability-deployments .no-observability-deployments-subtitle {
      position: static;
      height: 40px;
      max-width: 448px;
      left: var(--spacing-zero);
      right: var(--spacing-zero);
      top: 28px;
      font-family: Inter;
      font-style: normal;
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      text-align: center;
      color: var(--content-color-secondary);
      flex: none;
      order: 1;
      flex-grow: 0; }
  .observability-service-details-view-container-wrapper .observability-available-integrations {
    display: flex;
    width: 720px;
    margin-top: var(--spacing-l);
    background: var(--background-color-primary); }
    .observability-service-details-view-container-wrapper .observability-available-integrations .observability-no-available-service {
      width: 400px;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .observability-service-details-view-container-wrapper .observability-available-integrations .observability-no-available-service .observability-no-available-service-illustration {
        display: flex;
        width: 140px;
        height: auto;
        margin: auto;
        align-items: center; }
      .observability-service-details-view-container-wrapper .observability-available-integrations .observability-no-available-service .observability-no-available-service-content {
        width: 210px;
        margin: auto;
        display: flex;
        color: var(--content-color-secondary);
        font-family: Inter;
        font-style: normal;
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        text-align: center;
        letter-spacing: -0.12px; }
    .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list {
      width: 720px;
      display: flex;
      flex-direction: row;
      margin: auto;
      justify-content: center;
      align-items: center;
      grid-template-columns: repeat(auto-fit, minmax(180px, auto)); }
      .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item {
        width: fit-content;
        cursor: pointer;
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        padding: var(--spacing-s) var(--spacing-m);
        border-radius: var(--border-radius-default);
        color: var(--content-color-primary);
        margin-right: var(--spacing-s); }
        .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item .observability-integrations-card-list-item-content-wrapper {
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: start;
          align-items: center; }
          .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item .observability-integrations-card-list-item-content-wrapper .observability-integrations-card-list-item-icon-container {
            display: flex;
            align-items: center;
            height: var(--size-xs);
            width: var(--size-xs); }
            .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item .observability-integrations-card-list-item-content-wrapper .observability-integrations-card-list-item-icon-container .observability-integrations-card-list-item-icon {
              width: 100%;
              height: auto; }
            .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item .observability-integrations-card-list-item-content-wrapper .observability-integrations-card-list-item-icon-container .observability-integrations-card-list-item-fallback-icon {
              width: 100%;
              height: auto; }
          .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .observability-integrations-card-list-item .observability-integrations-card-list-item-content-wrapper .observability-integrations-card-list-item-heading {
            font-size: var(--text-size-m);
            line-height: var(--line-height-s);
            font-weight: var(--text-weight-regular);
            margin-left: var(--spacing-s); }
      .observability-service-details-view-container-wrapper .observability-available-integrations .observability-integrations-card-list .list-item-disabled {
        cursor: not-allowed;
        color: var(--content-color-secondary); }

.observability-deployments-page-container {
  overflow-x: hidden;
  align-items: center;
  margin-left: 36px;
  margin-right: 36px;
  color: var(--content-color-primary); }
  .observability-deployments-page-container .observability-gateway-title-wrapper {
    display: flex;
    margin-top: 28px;
    align-items: center;
    min-width: max-content; }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-title {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xl);
      line-height: var(--line-height-m);
      margin-left: var(--spacing-l);
      min-width: max-content; }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-id {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin-left: var(--spacing-m);
      color: var(--content-color-secondary);
      padding-top: 2px;
      min-width: max-content; }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-id-external-link {
      cursor: pointer;
      display: flex;
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      align-items: center;
      align-content: center;
      min-width: max-content;
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-s); }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-dashboard-link {
      cursor: pointer;
      display: flex;
      float: right;
      margin-left: var(--spacing-xs);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
      .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-dashboard-link__refresh {
        padding-right: var(spacing-xxl); }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-external-link {
      display: flex; }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-deploy-cta {
      right: 0;
      display: flex;
      align-items: center;
      float: right;
      margin-left: auto;
      min-width: max-content;
      box-sizing: border-box; }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-refresh-cta {
      display: flex;
      align-items: center;
      cursor: pointer;
      float: right;
      margin-left: var(--spacing-xs);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
    .observability-deployments-page-container .observability-gateway-title-wrapper .observability-gateway-more-options {
      display: flex;
      cursor: pointer;
      float: right;
      margin-left: var(--spacing-xs);
      margin-right: var(--spacing-s);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s); }
  .observability-deployments-page-container .observability-stages-empty-state {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    margin-left: var(--spacing-l);
    margin-top: var(--spacing-s); }
  .observability-deployments-page-container .observability-stage-wrapper {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-xl); }
    .observability-deployments-page-container .observability-stage-wrapper .observability-stage-dropdown {
      height: var(--size-m);
      width: 240px;
      margin-left: var(--spacing-l); }
      .observability-deployments-page-container .observability-stage-wrapper .observability-stage-dropdown .integrations-add-card__segment {
        height: var(--size-m);
        margin-top: var(--spacing-zero); }
        .observability-deployments-page-container .observability-stage-wrapper .observability-stage-dropdown .integrations-add-card__segment .integrations-add-card__label-title {
          display: none; }
        .observability-deployments-page-container .observability-stage-wrapper .observability-stage-dropdown .integrations-add-card__segment .integrations-add-card__label-description {
          display: none; }
        .observability-deployments-page-container .observability-stage-wrapper .observability-stage-dropdown .integrations-add-card__segment .integrations-add-card__input {
          padding-top: var(--spacing-zero); }
    .observability-deployments-page-container .observability-stage-wrapper .observability-stage-active-deployment-id {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-s);
      color: var(--content-color-secondary);
      float: right;
      text-align: right;
      margin-left: auto;
      right: 0;
      width: 135px; }
    .observability-deployments-page-container .observability-stage-wrapper .observability-stage-status {
      float: right;
      margin-left: var(--spacing-m);
      right: 0;
      margin-right: var(--spacing-l);
      width: 135px;
      height: 24px; }
  .observability-deployments-page-container .observability-stage-dropdown-wrapper {
    background-color: var(--background-color-secondary);
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden; }
  .observability-deployments-page-container .observability-gateway-url {
    display: flex;
    width: 100%;
    margin-left: var(--spacing-l);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    padding-top: var(--spacing-m);
    color: var(--content-color-link); }
    .observability-deployments-page-container .observability-gateway-url .observability-gateway-url-title {
      color: var(--content-color-primary);
      font-weight: var(--text-weight-regular); }
    .observability-deployments-page-container .observability-gateway-url__link {
      cursor: pointer; }
  .observability-deployments-page-container .observability-gateway-description {
    width: 630px;
    height: fit-content;
    margin-left: var(--spacing-l);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-l);
    padding-top: var(--spacing-m);
    color: var(--content-color-secondary);
    text-overflow: ellipsis;
    overflow: hidden; }
  .observability-deployments-page-container .observability-gateway-deployments-separator {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    margin-top: var(--spacing-xl); }
  .observability-deployments-page-container .observability-gateway-deployments-table-title-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: var(--spacing-l);
    margin-top: var(--spacing-xl);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-s); }
    .observability-deployments-page-container .observability-gateway-deployments-table-title-wrapper .observability-gateway-deployments-table-title {
      font-weight: var(--text-weight-medium); }
  .observability-deployments-page-container .observability-gateway-deployments-table-view-all {
    display: flex;
    align-items: center;
    width: 100%; }
    .observability-deployments-page-container .observability-gateway-deployments-table-view-all .observability-gateway-deployments-table-view-all-btn {
      cursor: pointer;
      width: 178px;
      text-align: center;
      height: var(--size-m);
      margin-left: auto;
      margin-right: auto;
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-xl);
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      line-height: var(--line-height-xxl);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
      border-radius: var(--border-radius-default); }
  .observability-deployments-page-container .observability-gateway-logs-wrapper {
    display: flex;
    width: 100%;
    padding-top: var(--spacing-m);
    margin-left: var(--spacing-l);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    color: var(--content-color-secondary); }
    .observability-deployments-page-container .observability-gateway-logs-wrapper .observability-gateway-access-logs {
      color: var(--content-color-link);
      cursor: pointer;
      margin-bottom: var(--spacing-l); }
    .observability-deployments-page-container .observability-gateway-logs-wrapper .observability-gateway-execution-logs {
      margin-left: var(--spacing-xl); }
    .observability-deployments-page-container .observability-gateway-logs-wrapper .observability-gateway-updated-at {
      float: right;
      margin-left: auto; }
    .observability-deployments-page-container .observability-gateway-logs-wrapper .observability-gateway-created-at {
      margin-left: var(--spacing-xl);
      float: right;
      margin-right: 18px;
      padding-right: 18px; }
  .observability-deployments-page-container .observability-deployments-table {
    margin: 22px var(--spacing-l) var(--spacing-zero) var(--spacing-l);
    overflow-x: auto; }
    .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success {
      min-width: max-content; }
      .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header {
        display: flex;
        position: static;
        height: 33px;
        width: 100%;
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        box-sizing: border-box;
        min-width: max-content; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-dropdown {
          min-width: var(--size-m);
          box-sizing: border-box;
          float: left;
          padding: var(--spacing-s);
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-id {
          width: 20%;
          min-width: 130px;
          float: left;
          padding: var(--spacing-s);
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-id_short-col {
          width: 15%; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-generic {
          width: 15%;
          min-width: 130px;
          float: left;
          padding: var(--spacing-s);
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-generic__info {
            cursor: pointer; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-description {
          width: 55%;
          float: left;
          padding: var(--spacing-s);
          min-width: 240px;
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-description_short-col {
          width: 40%; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-date {
          float: left;
          width: 25%;
          min-width: 125px;
          padding: var(--spacing-s);
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-date_short-col {
          width: 20%; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-source {
          float: left;
          width: 30%;
          padding: var(--spacing-s);
          min-width: 215px;
          background: var(--background-color-primary);
          color: var(--content-color-primary); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-header .observability-deployments-table-header-cell-source_short-col {
          width: 25%; }
      .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper {
        min-width: max-content;
        box-sizing: border-box; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row {
          display: flex;
          position: static;
          align-items: center;
          font-size: var(--text-size-m);
          height: fit-content;
          min-height: 45px;
          width: 100%;
          box-sizing: border-box; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-stage-link {
            visibility: hidden; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-stage-link {
            visibility: visible; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-id {
            width: 20%;
            min-width: 130px;
            float: left;
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-id_short-col {
            width: 15%; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-dropdown {
            min-width: var(--size-m);
            box-sizing: border-box;
            cursor: pointer;
            float: left;
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-generic {
            width: 15%;
            min-width: 130px;
            float: left;
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-description {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 55%;
            min-width: 240px;
            float: left;
            height: var(--size-xs);
            line-height: var(--line-height-m);
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-description_short-col {
            width: 40%; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-date {
            float: left;
            width: 25%;
            min-width: 125px;
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-date_short-col {
            width: 20%; }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-source {
            float: left;
            width: 30%;
            min-width: 215px;
            padding: var(--spacing-s);
            background: var(--background-color-primary);
            color: var(--content-color-primary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row .observability-deployments-table-row-cell-source_short-col {
            width: 25%; }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .is-closed {
          border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
        .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover {
          background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-id {
            background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-dropdown {
            background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-description {
            background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-date {
            background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-source {
            background-color: var(--background-color-secondary); }
          .observability-deployments-page-container .observability-deployments-table .observability-deployments-table-success .observability-deployments-table-row-wrapper .observability-deployments-table-row:hover .observability-deployments-table-row-cell-generic {
            background-color: var(--background-color-secondary); }
  .observability-deployments-page-container .observability-deployments-table-sourced .observability-deployments-table-header, .observability-deployments-page-container .observability-deployments-table-sourced .observability-deployments-table-row {
    padding-left: var(--spacing-xxl); }
  .observability-deployments-page-container .delete-option {
    color: var(--content-color-error); }
  .observability-deployments-page-container .observability-gateway-postman-exports-container {
    margin-left: var(--spacing-l);
    margin-top: var(--spacing-xl);
    max-width: fit-content; }
    .observability-deployments-page-container .observability-gateway-postman-exports-container__content__empty {
      margin-top: var(--spacing-s); }
    .observability-deployments-page-container .observability-gateway-postman-exports-container__content__table tr td, .observability-deployments-page-container .observability-gateway-postman-exports-container__content__table th {
      padding: var(--spacing-m) var(--spacing-s); }

.observability-edit-integration {
  cursor: pointer;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-primary); }

.observability-edit-integration-disabled {
  cursor: not-allowed;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-secondary); }

.observability-edit-integration:hover {
  background-color: var(--background-color-secondary); }

.observability-edit-integration-disabled:hover {
  background-color: var(--background-color-secondary); }

.observability-delete-integration {
  cursor: pointer;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--content-color-error); }

.observability-delete-integration-disabled {
  cursor: not-allowed;
  height: var(--size-m);
  line-height: var(--line-height-xxl);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
  color: var(--red-40); }

.observability-delete-integration:hover {
  background-color: var(--background-color-secondary); }

.observability-delete-integration-disabled:hover {
  background-color: var(--background-color-secondary); }

.observability-gateway-more-options-icon-wrapper {
  display: flex;
  align-items: center; }

.observability-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%; }

.observability-error {
  margin: auto;
  color: var(--content-color-primary); }

.observability-deployments-id {
  margin-right: 2px; }

.observability-collapsed-content {
  margin-left: var(--spacing-xs);
  padding-left: 3%; }

.aws-gateway-dropdown .integrations-add-card__segment .Select--single.pm-select .Select-menu-outer {
  max-height: 100px; }
  .aws-gateway-dropdown .integrations-add-card__segment .Select--single.pm-select .Select-menu-outer .Select-menu {
    max-height: 98px; }

.observability-modal__cancel-button {
  margin-right: var(--spacing-m); }

.observability-gateway-deploy-cta__menu {
  margin-top: var(--spacing-s);
  min-width: 200px; }

.observability-onboarding-tooltip-container {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-m); }
  .observability-onboarding-tooltip-container__title {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-zero) var(--spacing-xs); }
  .observability-onboarding-tooltip-container__content {
    padding: var(--spacing-zero) var(--spacing-xs); }
  .observability-onboarding-tooltip-container__button {
    margin-top: var(--spacing-l); }

.observability-gateway-deploy-cta__menu-heading {
  margin-bottom: var(--spacing-s);
  padding-top: var(--spacing-xs);
  padding-right: var(--spacing-s); }

.observability-gateway-deploy-cta__menu-info {
  padding: var(--spacing-xs); }

.deploy-page-container__content {
  overflow-y: auto !important; }

.deploy-page-container__header {
  padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) var(--spacing-l); }

.connect-api-gateway-tab {
  overflow: auto;
  padding: var(--spacing-xxl);
  display: flex;
  align-items: center;
  flex-direction: column; }
  .connect-api-gateway-tab .api-gateway-connecting {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--spacing-xxxl); }
    .connect-api-gateway-tab .api-gateway-connecting__illustration_wrapper {
      background-color: var(--grey-00);
      width: 60px;
      height: 60px;
      border-radius: var(--border-radius-default);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: var(--spacing-m); }
    .connect-api-gateway-tab .api-gateway-connecting__illustration__api_gateway_apigee {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODEgODIiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjx1c2UgeGxpbms6aHJlZj0iI0EiIHg9Ii41IiB5PSIuNSIvPjxzeW1ib2wgaWQ9IkEiIG92ZXJmbG93PSJ2aXNpYmxlIj48ZyBzdHJva2U9Im5vbmUiPjxwYXRoIGQ9Ik0xMy4wNDIgNDBsNS4yMzMtNS4yMzMtNy4wOTYtNy4wOTZjLTMuMjgxLTMuMzQxLTQuMjQ0LTguMzItMi40NDYtMTIuNjQ0czYuMDA5LTcuMTUgMTAuNjkyLTcuMTc4YzMuMDgtLjAwMSA2LjAzMyAxLjIyNiA4LjIwNiAzLjQwOWw3LjEzNiA3LjA5Nkw0MCAxMy4wNDJsLTcuMDk2LTcuMDk2QTE5LjA3IDE5LjA3IDAgMCAwIDE0LjI5Ni42MDggMTkuMDcgMTkuMDcgMCAwIDAgLjYwOCAxNC4yOTZhMTkuMDcgMTkuMDcgMCAwIDAgNS4zMzggMTguNjA4em01My45MTYgMGwtNS4yMzMgNS4yMzMgNy4wOTYgNy4xMzZhMTEuNjYgMTEuNjYgMCAwIDEtMTYuNDkyIDE2LjQ1MmwtNy4wOTYtNy4wOTZMNDAgNjYuOTU4bDcuMDk2IDcuMDk2YTE5LjA3IDE5LjA3IDAgMSAwIDI2Ljk1OC0yNi45NTh6IiBmaWxsPSIjNjY5ZGY2Ii8+PHBhdGggZD0iTTI3LjY3MSA2OC44MjFjLTQuNTU0IDQuNTU0LTExLjkzOCA0LjU1NC0xNi40OTIgMHMtNC41NTQtMTEuOTM4IDAtMTYuNDkybDcuMDk2LTcuMDk2IDE2LjQ5MiAxNi40OTJ6bTI0LjY5OC01Ny42NDJjMy4zMjctMy4zMjEgOC4zMjgtNC4zMSAxMi42NjgtMi41MDRzNy4xNjQgNi4wNDkgNy4xNTQgMTAuNzVjLS4wMjMgMy4wODctMS4yNDYgNi4wNDQtMy40MDkgOC4yNDZsLTcuMDk2IDcuMDk2LTE2LjQ1Mi0xNi40OTJ6TTQwIDUyLjY0NkExMi42OSAxMi42OSAwIDAgMSAyNy4zNTQgNDBoMEExMi43MyAxMi43MyAwIDAgMSA0MCAyNy4zNTRoMEExMi43MyAxMi43MyAwIDAgMSA1Mi42NDYgNDBoMEExMi42OSAxMi42OSAwIDAgMSA0MCA1Mi42NDZ6TTY2Ljk1OCA0MGw3LjA5Ni03LjA5NkExOS4wNyAxOS4wNyAwIDAgMCA2NS43MDQuNjA4YTE5LjA3IDE5LjA3IDAgMCAwLTE4LjYwOCA1LjMzOEw0MCAxMy4wNDIgMTMuMDQyIDQwbC03LjA5NiA3LjA5NkExOS4wNyAxOS4wNyAwIDAgMCAuNjA4IDY1LjcwNGExOS4wNyAxOS4wNyAwIDAgMCAzMi4yOTYgOC4zNUw0MCA2Ni45NTh6IiBmaWxsPSIjNDI4NWY0Ii8+PC9nPjwvc3ltYm9sPjwvc3ZnPg==); }
    .connect-api-gateway-tab .api-gateway-connecting__illustration__api_management_azure {
      display: block;
      width: 56px;
      height: 56px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/png;base64, ); }
    .connect-api-gateway-tab .api-gateway-connecting__text-primary {
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-xxl);
      font-weight: var(--text-weight-bold);
      line-height: var(--line-height-xxl);
      color: var(--content-color-primary); }
    .connect-api-gateway-tab .api-gateway-connecting__text-secondary {
      font-size: var(--text-size-l);
      color: var(--content-color-secondary);
      margin-bottom: var(--spacing-xl); }
    .connect-api-gateway-tab .api-gateway-connecting__cancel-btn {
      background-color: var(--background-color-tertiary); }
    .connect-api-gateway-tab .api-gateway-connecting__cancel-btn:hover {
      background-color: var(--highlight-background-color-tertiary); }

.connect-apigee-gateway__container {
  margin-top: var(--spacing-xl);
  display: flex;
  justify-content: center; }

.connect-apigee-gateway__form {
  margin-top: var(--spacing-s);
  width: 440px; }
  .connect-apigee-gateway__form__edit {
    width: 440px; }
  .connect-apigee-gateway__form__browse {
    margin-top: var(--spacing-l); }
  .connect-apigee-gateway__form--title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-l);
    color: var(--content-color-primary); }
  .connect-apigee-gateway__form--description {
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-xl);
    margin-top: var(--spacing-s);
    color: var(--content-color-secondary); }
  .connect-apigee-gateway__form--component {
    margin-bottom: var(--spacing-l); }
  .connect-apigee-gateway__form--buttons {
    margin-top: var(--spacing-xl);
    float: right; }
    .connect-apigee-gateway__form--buttons--update {
      float: right;
      margin-bottom: var(--spacing-xxxl); }
  .connect-apigee-gateway__form--entity-selector {
    opacity: .4; }

.connect-apigee-gateway__stepper {
  width: 440px; }
  .connect-apigee-gateway__stepper__description {
    font-size: var(--text-size-s);
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-xl);
    margin-top: var(--spacing-l); }
  .connect-apigee-gateway__stepper__authorize__description {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs); }
  .connect-apigee-gateway__stepper__authorize__input {
    margin-top: var(--spacing-s); }
  .connect-apigee-gateway__stepper__authorize__service-account {
    margin-top: var(--spacing-xl); }
  .connect-apigee-gateway__stepper__authorize__private-key {
    margin-top: var(--spacing-l); }
  .connect-apigee-gateway__stepper__authorize__text {
    font-size: var(--text-size-s); }

.apigee-dashboard-container {
  padding: var(--spacing-xxl) var(--spacing-xxxl) var(--spacing-xxxl) var(--spacing-xxxl); }
  .apigee-dashboard-container__header {
    display: flex;
    flex-direction: row; }
    .apigee-dashboard-container__header__row2 {
      margin-top: 6px;
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary);
      flex-wrap: wrap; }
    .apigee-dashboard-container__header__integration-name {
      font-size: var(--text-size-xl);
      line-height: var(--line-height-m);
      color: var(--content-color-primary); }
    .apigee-dashboard-container__header__api-proxy-id {
      margin-left: var(--text-size-xl);
      font-size: var(--text-size-m);
      color: var(--content-color-primary); }
    .apigee-dashboard-container__header__api-metrics {
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary); }
    .apigee-dashboard-container__header__options__delete__modal {
      max-width: 480px;
      margin: auto; }
      .apigee-dashboard-container__header__options__delete__modal__title > h2 {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium);
        color: var(--content-color-secondary); }
      .apigee-dashboard-container__header__options__delete__modal__content {
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-primary); }
    .apigee-dashboard-container__header__source {
      margin-left: var(--spacing-l); }
      .apigee-dashboard-container__header__source__text {
        font-weight: var(--text-weight-medium);
        padding-right: var(--spacing-xs); }
    .apigee-dashboard-container__header__latest-revision__text {
      font-weight: var(--text-weight-medium);
      padding-right: var(--spacing-xs); }
    .apigee-dashboard-container__header__latest-revision__id {
      color: var(--content-color-secondary); }
    .apigee-dashboard-container__header__created-at__text {
      font-weight: var(--text-weight-medium);
      padding-right: var(--spacing-xs); }
    .apigee-dashboard-container__header__last-updated__text {
      font-weight: var(--text-weight-medium);
      padding-right: var(--spacing-xs);
      padding-left: var(--spacing-m); }
  .apigee-dashboard-container__content__deployments {
    margin-top: var(--spacing-xx); }
    .apigee-dashboard-container__content__deployments__heading {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s); }
      .apigee-dashboard-container__content__deployments__heading--overview {
        font-weight: var(--text-weight-medium);
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s); }
        .apigee-dashboard-container__content__deployments__heading--overview__view-all {
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          color: var(--content-color-secondary);
          cursor: pointer; }
    .apigee-dashboard-container__content__deployments__table {
      margin-top: var(--spacing-s); }
      .apigee-dashboard-container__content__deployments__table--overview {
        margin-top: var(--spacing-l); }
    .apigee-dashboard-container__content__deployments__no-data {
      margin-top: var(--spacing-l);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
  .apigee-dashboard-container__content__proxy-endpoints {
    margin-top: var(--spacing-xxl); }
    .apigee-dashboard-container__content__proxy-endpoints__heading {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s); }
    .apigee-dashboard-container__content__proxy-endpoints__table {
      margin-top: var(--spacing-s); }
    .apigee-dashboard-container__content__proxy-endpoints__loading {
      margin-top: var(--spacing-xl);
      margin-left: var(--spacing-l); }
    .apigee-dashboard-container__content__proxy-endpoints__no-data {
      margin-top: var(--spacing-l);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
  .apigee-dashboard-container__content__environments {
    margin-top: var(--spacing-xxl); }
    .apigee-dashboard-container__content__environments__heading {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      font-size: var(--text-size-xl);
      line-height: var(--line-height-m); }
    .apigee-dashboard-container__content__environments__table {
      margin-top: var(--spacing-xl); }
      .apigee-dashboard-container__content__environments__table__status {
        position: relative; }
        .apigee-dashboard-container__content__environments__table__status__icon {
          position: absolute;
          padding-top: 2px;
          padding-left: var(--spacing-xs); }
        .apigee-dashboard-container__content__environments__table__status__badge {
          margin-left: var(--spacing-zero); }
    .apigee-dashboard-container__content__environments__loading {
      margin-top: var(--spacing-xl);
      margin-left: var(--spacing-l); }
    .apigee-dashboard-container__content__environments__no-data {
      margin-top: var(--spacing-xl);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
  .apigee-dashboard-container__content__revision {
    cursor: pointer;
    text-decoration: underline; }
    .apigee-dashboard-container__content__revision:hover {
      color: var(--content-color-link); }

.apigee-overview-tab {
  margin-top: var(--spacing-xxl);
  margin-bottom: var(--spacing-l); }
  .apigee-overview-tab__heading {
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
    .apigee-overview-tab__heading__view-all {
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      color: var(--content-color-secondary);
      cursor: pointer; }
  .apigee-overview-tab__table {
    margin-top: var(--spacing-l); }
  .apigee-overview-tab__no-data {
    margin-top: var(--spacing-l);
    color: var(--content-color-secondary);
    font-size: var(--text-size-m); }
  .apigee-overview-tab__loading {
    margin-top: var(--spacing-l);
    margin-left: var(--spacing-l); }

.dropdown-icon-remove .aether-dropdown__dropdown-indicator {
  display: none; }

.dropdown-retry {
  text-decoration: underline;
  cursor: pointer;
  margin-left: var(--spacing-xs); }

.loading-indicator-aether__dropdown {
  margin-right: var(--spacing-s); }

.loading-indicator-import__dropdown {
  margin-right: var(--spacing-l); }

.import-api-gateway__form {
  margin-top: var(--spacing-l); }
  .import-api-gateway__form--component {
    margin-bottom: var(--spacing-l); }
    .import-api-gateway__form--component__aws-account-id {
      margin-top: var(--spacing-l);
      margin-bottom: var(--spacing-l); }
  .import-api-gateway__form--last-component {
    margin-bottom: var(--spacing-zero); }

.deploy-tab-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1; }

.deploy-form-container__segment {
  margin-top: var(--spacing-xl); }

.observability-dropdown-option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  background-color: var(--background-color-primary);
  padding: var(--spacing-s) var(--spacing-m); }
  .observability-dropdown-option__name {
    margin-left: var(--spacing-s); }

.observability-dropdown-option:hover {
  background-color: var(--background-color-tertiary); }

.gateway-options-release-view-container {
  min-height: var(--size-m);
  min-width: 48px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .gateway-options-release-view-container__connect-gateway-heading {
    padding: var(--spacing-m); }
  .gateway-options-release-view-container__connected-gateway-button {
    max-width: 226px; }
  .gateway-options-release-view-container__connected-menu {
    width: 223px; }
    .gateway-options-release-view-container__connected-menu__info {
      margin-bottom: var(--spacing-s); }
    .gateway-options-release-view-container__connected-menu__deploy-button {
      width: 100%;
      height: var(--size-m);
      display: flex;
      align-items: center;
      padding-left: var(--spacing-xs);
      cursor: pointer;
      border-radius: var(--border-radius-default);
      background-color: var(--background-color-primary); }
    .gateway-options-release-view-container__connected-menu__deploy-button:hover {
      background-color: var(--background-color-tertiary); }

.deployments-overview-container {
  margin-top: var(--spacing-xxl); }
  .deployments-overview-container__header {
    margin-bottom: var(--spacing-m); }
  .deployments-overview-container__content__empty-text {
    margin-left: var(--spacing-s); }
  .deployments-overview-container__content__table tr td, .deployments-overview-container__content__table th {
    padding: var(--spacing-m) var(--spacing-s); }

.postman-source-item-container {
  display: flex; }
  .postman-source-item-container__icon {
    margin-right: var(--spacing-xs); }

.aws-cloudwatch__container {
  height: auto;
  min-height: 286px;
  width: 50%;
  min-width: 412px;
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-l);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default); }
  .aws-cloudwatch__container__main {
    height: 100%;
    overflow-y: scroll; }
  .aws-cloudwatch__container .metrics__graph {
    margin: var(--spacing-l); }
  .aws-cloudwatch__container .metrics__title {
    height: 20px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    text-align: center; }
  .aws-cloudwatch__container__empty {
    width: 50%;
    border: none;
    padding: var(--spacing-l); }

.aws-cloudwatch__detailed-view {
  margin: var(--spacing-xl);
  margin-top: 64px; }

.aws-cloudwatch__tooltip {
  cursor: pointer; }

.aws-cloudwatch__checkbox {
  margin-top: var(--spacing-l); }

.observability-aws-cloudwatch-container__header {
  border-bottom: var(--border-style-solid) var(--border-width-default);
  border-color: var(--border-color-strong);
  padding-right: var(--spacing-l);
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  position: fixed;
  width: 100%;
  background: var(--background-color-primary); }
  .observability-aws-cloudwatch-container__header__back {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: var(--spacing-l); }
  .observability-aws-cloudwatch-container__header__stages {
    width: 178px;
    margin-left: var(--spacing-s); }
  .observability-aws-cloudwatch-container__header__refresh {
    padding-right: var(--spacing-xxl); }

.ci-cd-modal__cancel-button {
  margin-right: var(--spacing-m); }

.pm-proxy-session-config-wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-left: var(--spacing-m);
  padding-top: var(--spacing-l);
  padding-right: var(--spacing-l); }

.pm-proxy-session-config-body-wrapper {
  width: 100%;
  height: calc(100% - 20px); }

.pm-proxy-session-config-body {
  width: 100%;
  height: 100%; }

.pm-proxy-config-body-tabs {
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-top: var(--spacing-s);
  padding-right: 0;
  padding-bottom: 0; }

.pm-proxy-config-body-tab-panels {
  width: 100%;
  height: calc(100% - 128px);
  display: flex !important;
  justify-content: center;
  overflow-y: auto; }

.pm-proxy-config-body-tab-panels-proxy-panel {
  height: 100%;
  width: 40%; }

.pm-proxy-panel-wrapper {
  width: 100%; }

.pm-proxy-capture-button {
  position: fixed;
  bottom: 16px;
  width: 30%; }

.pm-interceptor-capture-button {
  bottom: 16px;
  margin-top: 6px; }

.button-container {
  position: fixed;
  bottom: 0;
  width: 1124px;
  height: 64px;
  z-index: 100; }

.pm-capture-body-container {
  margin: calc(-1 * var(--spacing-l)); }

.pm-capture-panel-header {
  padding-left: var(--spacing-zero);
  font-size: var(--size-xs);
  font-weight: 600;
  line-height: var(--size-s);
  color: var(--content-color-primary); }

.pm-proxy-port-settings-tab {
  width: 40%; }

.pm-proxy-tabs {
  padding-top: var(--spacing-zero); }

.apply-bottom-border {
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding-bottom: var(--spacing-l); }

.pm-clear-requests-button {
  width: 150px; }

.pm-session-cookie-table-wrapper {
  margin-top: calc(-1 *  (var(--spacing-xs) + var(--spacing-xl))); }

.proxy-session-header {
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding-bottom: var(--spacing-l);
  padding-top: var(--spacing-m);
  padding-left: var(--spacing-m);
  align-items: center;
  width: 100%;
  height: 100px; }

.pm-search-text-input {
  width: 20%; }

.filter-button {
  padding-bottom: var(--spacing-s); }

.pm-proxy-session-container {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: var(--spacing-l);
  width: 100%;
  height: 100%; }

.pm-active-session-tabs {
  width: 100%;
  margin-top: calc(-1 * var(--spacing-s));
  height: calc(100% - 180px); }

.proxy-session-name-input {
  min-width: var(--size-xs);
  margin-right: var(--spacing-xs);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none; }

.fix-bottom {
  display: flex;
  width: 100%;
  height: 64px; }

.session-tab-footer-right-section {
  display: flex;
  padding-right: var(--spacing-xxxl);
  padding-top: var(--spacing-s); }

.session-tab-footer-right-section-time {
  padding-right: var(--spacing-s);
  font-family: 'IBMPLEXMONO';
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6B6B6B; }

.apply-border-right {
  border-right: 1px solid var(--border-color-default); }

.session-tab-footer-right-section-size {
  padding-left: var(--spacing-s);
  margin-right: var(--spacing-l);
  font-family: 'IBMPLEXMONO';
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6B6B6B; }

.pm-proxy-session-footer {
  width: 100%;
  z-index: 200; }

.pm-proxy-session-footer-wrapper {
  width: 100%;
  height: 80px;
  z-index: 200;
  left: 0;
  padding-left: 20px;
  border-top: 1px solid var(--border-color-default);
  align-self: flex-end; }

.apply-light-background {
  background: #fff; }

.apply-dark-background {
  background: #212121; }

.pm-table-url {
  width: 100%;
  padding-right: var(--spacing-xs); }

.pm-proxy-configure-url-popover {
  padding-top: 6px;
  padding-left: var(--spacing-m);
  cursor: pointer; }

.pm-active-session-tab-panels {
  height: calc(100% - 40px);
  width: 100%; }
  .pm-active-session-tab-panels .pm-active-session-tab-panels-tab-panel {
    height: 100%;
    width: 100%; }
    .pm-active-session-tab-panels .pm-active-session-tab-panels-tab-panel .proxy-session-body {
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      overflow-y: auto; }

.pm-requests-blank-state-wrapper {
  width: 100%;
  height: 100%; }

.pm-post-session-tabs {
  height: calc(100% - 40px);
  width: 100%; }

.pm-proxy-overview-page-tabs {
  height: calc(100% - 36px); }

.pm-proxy-overview-page-tab-panels {
  width: 100%;
  height: calc(100% - 66px); }

.pm-proxy-overview-page-tab-panels_tab-panel {
  width: 100%;
  height: 100%; }

.pm-post-sessions-requests-tab {
  width: 100%;
  height: 100%; }

.pm-proxy-overview-page-wrapper {
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: auto;
  padding-bottom: var(--spacing-l); }

.pm-post-proxy-session-page {
  padding-top: 10px;
  padding-left: 10px;
  height: 100%; }

.pm-session-table-wrapper-overview-page {
  position: relative;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px; }

.pm-expanded-row-container {
  overflow-x: hidden; }

.pm-overview-chart {
  margin-top: var(--spacing-l);
  width: 100%;
  height: 300px; }
  .pm-overview-chart canvas {
    height: 100% !important; }

.pm-overview-table-wrapper {
  margin-top: var(--spacing-l);
  height: fit-content; }

.pm-overview-table {
  height: calc(100% - var(--spacing-l)); }

.overview-table {
  height: 100%; }

.pm-post-session-proxy-badge {
  display: flex;
  align-items: center; }

.pm-proxy-empty-state-container {
  margin: auto; }

.pm-proxy-overview-tab-container {
  width: 50%;
  height: 100%; }

.pm-proxy-interceptor-select-all-section {
  display: 'flex';
  align-items: 'center';
  background-color: var(--background-color-tertiary);
  height: var(--size-m); }

.pm-proxy-expand-button {
  padding: var(--spacing-zero); }

.pm-proxy-expanded-view {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s); }
  .pm-proxy-expanded-view__details-wrapper {
    padding: var(--spacing-l) 0 var(--spacing-l) var(--spacing-zero); }
    .pm-proxy-expanded-view__details-wrapper__show-hide-details {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      color: var(--content-color-secondary);
      text-decoration: underline; }
    .pm-proxy-expanded-view__details-wrapper .btn {
      padding: 0; }
    .pm-proxy-expanded-view__details-wrapper .btn:hover {
      color: var(--content-color-secondary); }

.session-tab-header {
  display: flex;
  flex-direction: column;
  padding-right: var(--spacing-l);
  align-items: flex-start;
  box-sizing: border-box; }
  .session-tab-header__name {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    line-height: var(--line-height-m);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .session-tab-header__name__container {
      display: flex;
      width: 100%; }
    .session-tab-header__name__input {
      color: var(--content-color-primary);
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .session-tab-header__name__wrapper {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .session-tab-header__name.is-editing .session-tab-header__name__wrapper {
      width: 100%; }
    .session-tab-header__name.is-editing .inline-input__wrapper {
      width: 100%; }
    .session-tab-header__name .inline-input__wrapper .input-box {
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      padding: 2px; }
    .session-tab-header__name .breadcrumb__container {
      padding-left: 3px; }
    .session-tab-header__name .session-tab-header__edit-btn {
      cursor: pointer;
      background-color: transparent;
      visibility: hidden;
      width: var(--size-s);
      height: var(--size-s);
      margin-left: var(--spacing-xs); }
      .session-tab-header__name .session-tab-header__edit-btn:hover use, .session-tab-header__name .session-tab-header__edit-btn.is-hovered use {
        fill: var(--content-color-primary); }
      .session-tab-header__name .session-tab-header__edit-btn:hover svg > path[fill], .session-tab-header__name .session-tab-header__edit-btn.is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }
    .session-tab-header__name:hover.editable .session-tab-header__edit-btn, .session-tab-header__name.is-hovered.editable .session-tab-header__edit-btn {
      visibility: visible; }
    .session-tab-header__name:hover .session-tab-header__copy-btn, .session-tab-header__name.is-hovered .session-tab-header__copy-btn {
      visibility: visible; }
  .session-tab-header__actions {
    display: flex;
    margin-left: var(--spacing-xxl);
    justify-content: flex-end;
    align-items: center; }

.interceptor-domains-list-wrapper {
  display: flex;
  flex-direction: row;
  max-height: 200px;
  min-height: 200px; }
  .interceptor-domains-list-wrapper .interceptor-domains-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 8px 0px;
    border-radius: 4px;
    overflow: auto;
    background-color: var(--background-color-tertiary); }
  .interceptor-domains-list-wrapper .interceptor-domain-list-item {
    display: flex;
    flex-direction: row;
    padding: 2px 4px;
    border-radius: 2px;
    align-items: center;
    height: 24px; }
    .interceptor-domains-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-label {
      flex: 2;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .interceptor-domains-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-value {
      flex: 0 0 70px;
      display: flex;
      justify-content: flex-end; }
      .interceptor-domains-list-wrapper .interceptor-domain-list-item .interceptor-domain-list-item-value .intereceptor-remove-domain-btn {
        cursor: pointer; }

.unsupported-integrations-error-cta {
  color: var(--content-color-primary);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .unsupported-integrations-error-cta__subtitle {
    width: max-content; }
    .unsupported-integrations-error-cta__subtitle__link {
      padding-left: var(--spacing-xs); }

.migration-page {
  display: flex;
  justify-content: center;
  overflow-y: auto;
  color: var(--content-color-primary);
  position: relative;
  height: calc(100% - 48px); }
  .migration-page .empty-state--absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .migration-page .empty-state__image.cooper {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .migration-page .migration-container {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    max-width: 600px; }
  .migration-page .loading-indicator-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .migration-page .migration-header {
    text-align: center;
    margin-bottom: 40px; }
    .migration-page .migration-header h1 {
      font-size: var(--text-size-xxxl);
      font-weight: var(--text-weight-medium);
      margin: 0 0 var(--spacing-m) 0; }
    .migration-page .migration-header p {
      font-size: var(--text-size-l);
      margin: 0; }
  .migration-page .migration-content {
    max-width: 392px;
    margin-bottom: 40px; }
    .migration-page .migration-content--entity-table {
      margin-bottom: 40px; }
      .migration-page .migration-content--entity-table__row {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        padding: 6px var(--spacing-s); }
      .migration-page .migration-content--entity-table__view-more {
        margin-top: var(--spacing-s);
        padding: 0;
        font-weight: var(--text-weight-regular); }
    .migration-page .migration-content--info__title {
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-medium);
      margin: 0 0 var(--spacing-s) 0; }
    .migration-page .migration-content--info__desc {
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
    .migration-page .migration-content--info__view-all {
      cursor: pointer;
      color: var(--content-color-link);
      font-size: var(--text-size-m);
      margin: var(--spacing-s) 0 0 0; }
      .migration-page .migration-content--info__view-all:hover {
        text-decoration: underline; }
    .migration-page .migration-content--info__advantage {
      display: flex;
      margin-top: var(--spacing-xl); }
      .migration-page .migration-content--info__advantage__icon {
        border-radius: 50%;
        background-color: var(--background-color-brand);
        height: 48px;
        width: 48px;
        margin-right: 20px;
        position: relative; }
        .migration-page .migration-content--info__advantage__icon i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .migration-page .migration-content--info__advantage__icon i, .migration-page .migration-content--info__advantage__icon svg {
          height: 24px;
          width: 24px; }
      .migration-page .migration-content--info__advantage__title {
        font-size: var(--text-size-l);
        font-weight: var(--text-weight-medium);
        margin: 0 0 var(--spacing-s) 0; }
      .migration-page .migration-content--info__advantage__desc {
        color: var(--content-color-secondary);
        font-size: var(--text-size-m); }
    .migration-page .migration-content--cta {
      margin: 40px 0; }
  .migration-page .migration-empty-state, .migration-page .migration-already-migrated {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    max-width: 600px; }
    .migration-page .migration-empty-state__icon-wrapper, .migration-page .migration-already-migrated__icon-wrapper {
      position: relative;
      border-radius: 50%;
      height: 56px;
      width: 56px;
      background-color: var(--background-color-tertiary);
      margin-bottom: var(--spacing-xl); }
      .migration-page .migration-empty-state__icon-wrapper i, .migration-page .migration-already-migrated__icon-wrapper i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .migration-page .migration-empty-state__icon-wrapper i, .migration-page .migration-empty-state__icon-wrapper svg, .migration-page .migration-already-migrated__icon-wrapper i, .migration-page .migration-already-migrated__icon-wrapper svg {
        height: 32px;
        width: 32px; }
    .migration-page .migration-empty-state__title, .migration-page .migration-already-migrated__title {
      font-size: var(--text-size-xl);
      font-weight: var(--text-weight-medium);
      margin: 0 0 var(--spacing-s) 0; }
    .migration-page .migration-empty-state__desc, .migration-page .migration-already-migrated__desc {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      margin: 0 0 var(--spacing-xl) 0; }
      .migration-page .migration-empty-state__desc .btn, .migration-page .migration-already-migrated__desc .btn {
        display: inline;
        padding: 0 3px;
        font-weight: var(--text-weight-regular); }

.icon-tag__type-card {
  position: absolute;
  top: 0;
  right: var(--spacing-l);
  height: var(--size-m);
  width: var(--size-m);
  border-radius: 0 0 var(--border-radius-s) var(--border-radius-s); }
  .icon-tag__type-card.icon-tag__FEATURED {
    background-color: var(--background-color-warning); }
  .icon-tag__type-card i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.copy-link-btn {
  background-color: transparent !important;
  cursor: pointer; }
  .copy-link-btn__default use {
    fill: var(--content-color-secondary); }
  .copy-link-btn__default svg > path[fill] {
    fill: var(--content-color-secondary); }
  .copy-link-btn__success use {
    fill: var(--content-color-success); }
  .copy-link-btn__success svg > path[fill] {
    fill: var(--content-color-success); }
  .copy-link-btn__hover use {
    fill: var(--content-color-primary); }
  .copy-link-btn__hover svg > path[fill] {
    fill: var(--content-color-primary); }
  .copy-link-btn__active {
    width: var(--size-s);
    height: var(--size-s);
    visibility: visible !important;
    display: inline-flex !important;
    background-color: transparent !important; }
  .copy-link-btn-popover {
    max-width: 320px !important; }

.expandable-div {
  position: relative;
  overflow-y: hidden; }
  .expandable-div__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--size-m);
    border-radius: var(--border-radius-default);
    background: linear-gradient(to top, var(--highlight-background-color-secondary), rgba(255, 255, 255, 0));
    pointer-events: all; }
  .expandable-div__expand-button {
    position: absolute;
    bottom: var(--spacing-s);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--background-color-primary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    color: var(--content-color-primary);
    padding: var(--spacing-xs) var(--spacing-m);
    font-size: var(--text-size-m);
    pointer-events: all;
    font-family: var(--text-family-default);
    border-radius: 999px; }
    .expandable-div__expand-button:focus {
      outline: none; }

.manage-public {
  height: 100%; }
  .manage-public .manage-empty-state {
    padding-top: 100px; }
  .manage-public .manage-banner-title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-xl);
    color: var(--content-color-primary);
    margin-top: 14px;
    margin-bottom: 0px; }
  .manage-public .manage-banner-subheading {
    font-weight: var(--text-weight-regular);
    font-family: Inter;
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary);
    margin-top: 8px;
    margin-bottom: 0px; }
  .manage-public .manage-pagination-buttons {
    padding: var(--spacing-m);
    margin-left: var(--spacing-xs);
    color: var(--content-color-primary); }
  .manage-public .manage-pagination-ellipsis {
    padding-top: calc(var(--spacing-xs)/2);
    margin-left: var(--spacing-xs); }
  .manage-public .manage-pagination-left {
    visibility: hidden;
    width: var(--spacing-xxl); }
    .manage-public .manage-pagination-left i {
      visibility: hidden; }
  .manage-public .manage-pagination-right {
    visibility: hidden;
    width: var(--spacing-xxl); }
    .manage-public .manage-pagination-right i {
      visibility: hidden; }
  .manage-public .manage .loader {
    position: absolute;
    left: 50%;
    top: 50%; }
  .manage-public .manage .table-loader {
    position: absolute;
    left: 50%;
    padding-top: 100px; }
  .manage-public .manage .copy-btn {
    width: 40px; }
    .manage-public .manage .copy-btn-container {
      background-color: var(--background-color-primary); }
    .manage-public .manage .copy-btn__default use {
      fill: var(--content-color-secondary); }
    .manage-public .manage .copy-btn__default svg > path[fill] {
      fill: var(--content-color-secondary); }
    .manage-public .manage .copy-btn__hover use {
      fill: var(--content-color-primary); }
    .manage-public .manage .copy-btn__hover svg > path[fill] {
      fill: var(--content-color-primary); }
    .manage-public .manage .copy-btn__success use {
      fill: var(--content-color-success); }
    .manage-public .manage .copy-btn__success svg > path[fill] {
      fill: var(--content-color-success); }
  .manage-public .manage .delete-btn-container {
    background-color: var(--background-color-primary); }
  .manage-public .manage .input-select-v2-wrapper .input-search-group .input {
    font-weight: var(--font-weight-regular) !important; }

.manage-public-delete-modal-listing {
  padding-left: var(--spacing-xl);
  margin-top: var(--spacing-zero);
  margin-bottom: var(--spacing-zero); }

.manage-public-delete-modal-confirmation {
  padding-top: var(--spacing-m); }

.manage-public-delete-modal-input {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-s); }
  .manage-public-delete-modal-input ::placeholder {
    color: var(--content-color-tertiary);
    opacity: 1; }

.manage-public .tab-links-header {
  margin-top: var(--spacing-m);
  display: inline-block; }
  .manage-public .tab-links-header__subtitle {
    max-width: 70ch;
    padding-top: var(--spacing-s); }
  .manage-public .tab-links-header__link {
    text-decoration: underline; }
    .manage-public .tab-links-header__link:hover, .manage-public .tab-links-header__link.is-hovered {
      text-decoration: underline;
      cursor: pointer; }

.manage-public .tab-links-title {
  padding-top: var(--spacing-xl); }

.manage-public .tab-links-banner {
  margin-top: var(--spacing-xl); }
  .manage-public .tab-links-banner__content div {
    align-items: center; }

.manage-public .tab-links-toggle {
  display: inline-block; }

.manage-public .tab-links-search {
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
  padding-right: var(--spacing-l);
  width: 280px; }

.manage-public .tab-links-activity-bar {
  background-color: var(--background-color-secondary);
  height: 48px;
  margin-top: var(--spacing-l);
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s); }

.manage-public .tab-workspace-header {
  margin-bottom: var(--spacing-l);
  margin-top: var(--spacing-m);
  display: inline-block; }

.manage-public .tab-workspace-search {
  width: 288px;
  height: var(--size-m);
  margin-bottom: var(--spacing-l); }

.manage-public .tab-documentation-filter {
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-xl); }

.manage-public .tab-documentation-title {
  padding-top: var(--spacing-m); }

.manage-public table {
  text-align: left;
  width: 100%;
  table-layout: fixed;
  margin-bottom: var(--spacing-s);
  overflow: visible; }
  .manage-public table th, .manage-public table td {
    height: 44px;
    justify-content: center;
    padding-left: var(--spacing-xs); }
  .manage-public table tr {
    box-shadow: inset 0px -1px 0px var(--border-color-default);
    font-size: var(--spacing-m); }

.manage-public .links th:nth-child(1), .manage-public .links td:nth-child(1) {
  width: 32px;
  padding-left: var(--spacing-s); }

.manage-public .links th:nth-child(2), .manage-public .links td:nth-child(2) {
  width: 212px; }

.manage-public .links th:nth-child(3), .manage-public .links td:nth-child(3) {
  width: 170px; }

.manage-public .links th:nth-child(4), .manage-public .links td:nth-child(4) {
  width: 214px; }

.manage-public .links th:nth-child(5), .manage-public .links td:nth-child(5) {
  width: 264px; }

.manage-public .links th:nth-child(6), .manage-public .links td:nth-child(6) {
  width: 92px; }
  .manage-public .links th:nth-child(6) .copy-delete__icon, .manage-public .links td:nth-child(6) .copy-delete__icon {
    display: none; }

.manage-public .links tbody tr:hover, .manage-public .links tbody tr.is-hovered {
  background-color: var(--background-color-secondary); }
  .manage-public .links tbody tr:hover td:nth-child(5):hover span, .manage-public .links tbody tr:hover td:nth-child(5).is-hovered span, .manage-public .links tbody tr.is-hovered td:nth-child(5):hover span, .manage-public .links tbody tr.is-hovered td:nth-child(5).is-hovered span {
    text-decoration: underline; }
  .manage-public .links tbody tr:hover td:nth-child(6) .copy-delete__icon, .manage-public .links tbody tr.is-hovered td:nth-child(6) .copy-delete__icon {
    display: inline-block; }
  .manage-public .links tbody tr:hover .copy-btn-container, .manage-public .links tbody tr.is-hovered .copy-btn-container {
    background-color: var(--background-color-secondary); }
  .manage-public .links tbody tr:hover .delete-btn-container, .manage-public .links tbody tr.is-hovered .delete-btn-container {
    background-color: var(--background-color-secondary); }

.manage-public .links thead .header-section:hover, .manage-public .links thead .header-section.is-hovered {
  background-color: var(--background-color-secondary) !important;
  cursor: pointer; }
  .manage-public .links thead .header-section:hover .header-sort__inactive, .manage-public .links thead .header-section.is-hovered .header-sort__inactive {
    display: block; }
  .manage-public .links thead .header-section:hover .header-sort__hover, .manage-public .links thead .header-section.is-hovered .header-sort__hover {
    display: block; }

.manage-public .links-checkbox__active {
  background-color: var(--background-color-info); }

.manage-public .workspaces th:nth-child(1), .manage-public .workspaces td:nth-child(1) {
  width: 204px;
  padding-right: var(--spacing-s); }

.manage-public .workspaces th:nth-child(2), .manage-public .workspaces td:nth-child(2) {
  width: 182px;
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s); }

.manage-public .workspaces th:nth-child(3), .manage-public .workspaces td:nth-child(3) {
  width: 184px;
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s); }

.manage-public .workspaces th:nth-child(4), .manage-public .workspaces td:nth-child(4) {
  width: 259px;
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s); }

.manage-public .workspaces th:nth-child(5), .manage-public .workspaces td:nth-child(5) {
  width: 82px;
  padding-left: var(--spacing-s); }
  .manage-public .workspaces th:nth-child(5) .respond_button, .manage-public .workspaces td:nth-child(5) .respond_button {
    display: none; }
  .manage-public .workspaces th:nth-child(5) .copy-delete__icon, .manage-public .workspaces td:nth-child(5) .copy-delete__icon {
    display: none; }

.manage-public .workspaces tbody tr:hover, .manage-public .workspaces tbody tr.is-hovered {
  background-color: var(--background-color-secondary); }
  .manage-public .workspaces tbody tr:hover td:nth-child(5) .respond_button, .manage-public .workspaces tbody tr.is-hovered td:nth-child(5) .respond_button {
    display: inline-block;
    cursor: pointer; }
  .manage-public .workspaces tbody tr:hover td:nth-child(5) .copy-delete__icon, .manage-public .workspaces tbody tr.is-hovered td:nth-child(5) .copy-delete__icon {
    display: inline-block;
    cursor: pointer; }
  .manage-public .workspaces tbody tr:hover td:nth-child(5) .copy-btn-container, .manage-public .workspaces tbody tr.is-hovered td:nth-child(5) .copy-btn-container {
    background-color: var(--background-color-secondary); }
  .manage-public .workspaces tbody tr:hover td:nth-child(1):hover span, .manage-public .workspaces tbody tr:hover td:nth-child(1).is-hovered span, .manage-public .workspaces tbody tr.is-hovered td:nth-child(1):hover span, .manage-public .workspaces tbody tr.is-hovered td:nth-child(1).is-hovered span {
    text-decoration: underline; }

.manage-public .workspaces thead .header-section:hover, .manage-public .workspaces thead .header-section.is-hovered {
  background-color: var(--background-color-secondary) !important;
  cursor: pointer; }
  .manage-public .workspaces thead .header-section:hover .header-sort__inactive, .manage-public .workspaces thead .header-section.is-hovered .header-sort__inactive {
    display: block; }
  .manage-public .workspaces thead .header-section:hover .header-sort__active, .manage-public .workspaces thead .header-section.is-hovered .header-sort__active {
    display: none; }
  .manage-public .workspaces thead .header-section:hover .header-sort__hover, .manage-public .workspaces thead .header-section.is-hovered .header-sort__hover {
    display: block; }

.manage-public .documentation td {
  height: 44px; }

.manage-public .documentation th:nth-child(1), .manage-public .documentation td:nth-child(1) {
  width: 212px;
  padding-left: var(--spacing-s); }

.manage-public .documentation th:nth-child(2) {
  width: 212px; }

.manage-public .documentation th:nth-child(3) {
  width: 160px; }

.manage-public .documentation th:nth-child(4) {
  width: 190px; }

.manage-public .documentation th:nth-child(5) {
  width: 222px; }

.manage-public .documentation tbody tr:hover, .manage-public .documentation tbody tr.is-hovered {
  background-color: var(--background-color-secondary); }
  .manage-public .documentation tbody tr:hover td:nth-child(5):hover span, .manage-public .documentation tbody tr:hover td:nth-child(5).is-hovered span, .manage-public .documentation tbody tr.is-hovered td:nth-child(5):hover span, .manage-public .documentation tbody tr.is-hovered td:nth-child(5).is-hovered span {
    text-decoration: underline;
    cursor: pointer; }
  .manage-public .documentation tbody tr:hover td:nth-child(4):hover a, .manage-public .documentation tbody tr:hover td:nth-child(4).is-hovered a, .manage-public .documentation tbody tr.is-hovered td:nth-child(4):hover a, .manage-public .documentation tbody tr.is-hovered td:nth-child(4).is-hovered a {
    text-decoration: none;
    cursor: pointer; }
  .manage-public .documentation tbody tr:hover td:nth-child(1):hover span, .manage-public .documentation tbody tr:hover td:nth-child(1).is-hovered span, .manage-public .documentation tbody tr.is-hovered td:nth-child(1):hover span, .manage-public .documentation tbody tr.is-hovered td:nth-child(1).is-hovered span {
    text-decoration: underline; }

.manage-public .documentation tbody tr a {
  color: var(--content-color-primary); }

.manage-public .documentation thead .header-section:hover, .manage-public .documentation thead .header-section.is-hovered {
  background-color: var(--background-color-secondary) !important;
  cursor: pointer; }
  .manage-public .documentation thead .header-section:hover .header-sort__inactive, .manage-public .documentation thead .header-section.is-hovered .header-sort__inactive {
    display: block; }
  .manage-public .documentation thead .header-section:hover .header-sort__hover, .manage-public .documentation thead .header-section.is-hovered .header-sort__hover {
    display: block; }

.manage-public .author__name {
  padding-left: var(--spacing-xs); }

.manage-public .author__dropdown {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center; }

.manage-public .header-sort {
  padding-left: var(--spacing-xs); }
  .manage-public .header-sort__inactive {
    display: none; }
  .manage-public .header-sort__hover {
    display: none; }

.manage-public .content {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  display: inline-block;
  align-self: center; }

.copy-link-button-popover .tooltip-wrapper {
  padding: var(--spacing-xl);
  background-color: var(--background-color-primary);
  line-height: var(--line-height-m); }

.requester-bottom-pane-content {
  cursor: default;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  overflow: hidden;
  z-index: 1;
  color: var(--content-color-secondary); }
  .requester-bottom-pane-content .find-replace-wrapper {
    flex: 1 auto;
    border: solid var(--border-color-default);
    border-width: 1px 0;
    display: flex;
    height: 100%; }
  .requester-bottom-pane-content .find-replace-options-wrapper {
    flex: 0 0 450px;
    border-right: 1px solid var(--border-color-default);
    overflow: auto; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-box-container {
      padding: 20px; }
    .requester-bottom-pane-content .find-replace-options-wrapper .section-label {
      font-weight: 600; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-box-wrapper {
      display: flex;
      margin: 10px 0; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-input-wrapper {
      flex: 1;
      margin-right: 10px; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-input-extra-options {
      display: flex;
      float: left;
      margin-top: 10px;
      width: 160px;
      justify-content: space-between; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-input-extra-option-item {
      display: flex; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-input-extra-option-item .input-checkbox {
        margin-right: 7px; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-input-extra-option-item span {
        cursor: pointer; }
    .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper {
      margin-top: 20px; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-options-wrapper {
        margin-top: 10px; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-item {
        line-height: 25px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-item .radio-button {
          margin-right: 7px; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entities {
        margin-left: 30px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entities.is-disabled {
          opacity: 0.4; }
      .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity {
        display: flex;
        height: 25px;
        align-items: center; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity .input-checkbox {
          margin-right: 5px;
          flex: 0 0 16px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity.collection-entity {
          position: relative; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity.environment-entity {
          position: relative; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity .entity-wrapper {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity .entity-wrapper .expand-entity {
            margin-left: 5px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .find-target-wrapper .find-target-option-entity span {
          cursor: pointer; }
    .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper {
      margin-top: 10px;
      padding: 20px;
      border-top: 1px solid var(--border-color-strong); }
      .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper {
        display: flex;
        margin-top: 10px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper .replace-input-option-wrapper {
          display: flex;
          flex-direction: column;
          flex: 1;
          margin-right: 10px; }
        .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper .replace-input-extra-options {
          display: flex;
          margin-top: 10px; }
          .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper .replace-input-extra-options .input-checkbox {
            margin-right: 7px; }
          .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper .replace-input-extra-options span {
            cursor: pointer; }
        .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper .replace-input-wrapper .input-field {
          width: 100%; }
      .requester-bottom-pane-content .find-replace-options-wrapper .replace-box-wrapper.is-disabled {
        opacity: 0.4;
        pointer-events: none; }
    .requester-bottom-pane-content .find-replace-options-wrapper hr {
      margin: 10px -20px 15px;
      border-color: var(--border-color-default); }
  .requester-bottom-pane-content .find-replace-results-wrapper {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    box-sizing: border-box;
    height: 100%;
    flex: 1;
    overflow: auto; }
    .requester-bottom-pane-content .find-replace-results-wrapper .loading-indicator-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      height: 100%; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-tab-content {
      display: flex;
      flex-direction: column;
      min-height: 0; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-results--tabs {
      border-bottom: 1px solid var(--border-color-default); }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace--field-selector {
      padding: 5px 0;
      position: relative; }
      .requester-bottom-pane-content .find-replace-results-wrapper .find-replace--field-selector .find-replace--field-selector-button {
        color: var(--content-color-primary);
        font-size: 11px;
        font-weight: 600; }
      .requester-bottom-pane-content .find-replace-results-wrapper .find-replace--field-selector .find-replace--field-selector-expand {
        margin-left: 5px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-empty-results-wrapper {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: var(--content-color-secondary);
      line-height: 20px;
      font-weight: 600;
      margin-top: 50px;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
      .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-empty-results-wrapper.empty-results {
        margin-top: 0; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-empty-results-image {
      display: block;
      width: 90px;
      height: 75px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, );
      margin-bottom: 20px;
      background-position: 50%; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-empty-results-text {
      max-width: 550px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-empty-results-header {
      margin-bottom: 20px;
      opacity: 0.4; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace--found-results {
      overflow: auto;
      font-size: 11px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .find-replace--found-results .input-checkbox {
        margin-right: 10px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-info-panel {
      display: flex;
      margin: var(--spacing-zero) var(--spacing-xs);
      align-items: center;
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
      .requester-bottom-pane-content .find-replace-results-wrapper .find-replace-info-panel__icon {
        margin: var(--spacing-zero) var(--spacing-xs); }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target {
      position: relative;
      margin: 20px;
      padding-bottom: 20px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target.empty-name {
        border-top: 0; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--GET {
        color: var(--base-color-success);
        margin-right: 5px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--PUT {
        color: var(--base-color-info);
        margin-right: 5px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--POST {
        color: var(--base-color-warning);
        margin-right: 5px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--DELETE {
        color: var(--base-color-error);
        margin-right: 5px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--FOLDER {
        display: inline-flex;
        margin-right: 5px;
        opacity: 0.3; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target .identifier--default {
        margin-right: 5px;
        font-size: 10px;
        font-weight: 600; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target__fork {
      max-width: 100px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target__fork span {
        font-size: 10px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header {
      position: relative;
      font-weight: 600;
      background-color: var(--background-color-secondary);
      display: flex;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      -webkit-user-select: none;
      user-select: none; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .target-collection {
        margin-right: 8px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .target-environment {
        margin-right: 8px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .found-in-target--count {
        color: var(--content-color-secondary);
        font-weight: 400; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .found-in-target--name-wrapper {
        display: flex;
        align-items: center; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .found-in-target--name {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target--header .arrow {
        position: absolute;
        left: -16px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity {
      margin-top: 10px;
      border: 1px solid var(--border-color-strong);
      padding: 0 10px 10px;
      border-radius: var(--border-radius-default);
      position: relative; }
    .requester-bottom-pane-content .find-replace-results-wrapper .open-entity {
      position: absolute;
      font-size: 11px;
      font-weight: 600;
      right: 0;
      top: 7px;
      line-height: 20px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .open-entity.entity--request {
        top: 10px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path-wrapper {
      display: flex;
      align-items: center;
      padding-top: 10px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path {
      display: flex;
      justify-content: space-between;
      line-height: 20px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path .entity-breadcrumb {
        max-width: 500px;
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path .entity-name-wrapper {
        display: flex;
        align-items: center;
        max-width: 180px; }
        .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path .entity-name-wrapper .entity-name {
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          font-weight: var(--text-weight-regular); }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__path .path-prefix {
        opacity: 0.4;
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular); }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__field {
      padding: 10px 0 0 16px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__field-label-row {
      display: flex; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity__field-label {
      opacity: 0.4; }
    .requester-bottom-pane-content .find-replace-results-wrapper .search-instance-row {
      display: flex;
      align-items: center;
      padding-left: 16px; }
    .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity--instance {
      height: 24px;
      line-height: 24px;
      padding: 0px 10px;
      margin: 5px 0;
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default);
      position: relative;
      flex: 1; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity--instance .instance-tooltip {
        position: absolute;
        right: 20px; }
      .requester-bottom-pane-content .find-replace-results-wrapper .found-in-target-entity--instance .instance-highlight-text {
        color: var(--content-color-info);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular); }

.search-target-selector-wrapper {
  position: absolute;
  background-color: var(--background-color-secondary);
  left: 20px;
  z-index: 1;
  width: 300px;
  height: 200px;
  font-size: 11px;
  top: 0;
  border-radius: var(--border-radius-default);
  margin-bottom: 20px;
  box-shadow: var(--shadow-default); }
  .search-target-selector-wrapper .search-target-selector-label {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .search-target-selector-wrapper .search-target-selector-header {
    padding: 5px 10px;
    background-color: var(--background-color-primary); }
  .search-target-selector-wrapper .input-search-group {
    margin: 10px 0px;
    border-radius: var(--border-radius-default); }
  .search-target-selector-wrapper .search-target-selector-meta {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .search-target-selector-wrapper .search-target-selector-meta--count {
    opacity: 0.4; }
  .search-target-selector-wrapper .search-target-selector-meta--count-selected {
    padding: 0px 10px;
    opacity: 0.4; }
  .search-target-selector-wrapper .search-target-selector-meta--action {
    padding: 0 0 0 10px;
    border-left: 1px solid var(--border-color-default);
    border-radius: 0px;
    line-height: 20px;
    font-size: 11px; }
  .search-target-selector-wrapper .search-target-selector--list {
    padding: 5px 0;
    border-top: 1px solid var(--border-color-default);
    height: 90px;
    overflow-y: auto; }
  .search-target-selector-wrapper .search-target-selector--list-item-fork {
    margin-left: 8px;
    margin-bottom: 4px;
    max-width: 100px; }
    .search-target-selector-wrapper .search-target-selector--list-item-fork .pm-icon {
      height: 10px;
      width: 10px; }
    .search-target-selector-wrapper .search-target-selector--list-item-fork span {
      font-size: 10px; }
  .search-target-selector-wrapper .search-target-selector--list-item {
    display: flex;
    padding: 5px 10px;
    cursor: pointer; }
    .search-target-selector-wrapper .search-target-selector--list-item:hover, .search-target-selector-wrapper .search-target-selector--list-item.is-hovered {
      background-color: var(--highlight-background-color-secondary); }
    .search-target-selector-wrapper .search-target-selector--list-item span {
      white-space: pre;
      overflow: hidden;
      text-overflow: ellipsis; }

.search-field-selector-wrapper {
  position: absolute;
  background-color: var(--background-color-secondary);
  color: var(--content-color-primary);
  top: 30px;
  left: 5px;
  font-size: 10px;
  width: 150px;
  line-height: 20px;
  padding: 10px 15px;
  z-index: 1;
  max-height: 280px;
  overflow: auto;
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default); }
  .search-field-selector-wrapper .search-field-selector--head {
    padding-bottom: 10px;
    font-weight: 600;
    opacity: 0.6; }
  .search-field-selector-wrapper .search-field-selector--list {
    margin-top: 5px; }
  .search-field-selector-wrapper .search-field-selector--section {
    border-top: 1px solid var(--border-color-default);
    position: relative;
    padding: 10px 0; }
  .search-field-selector-wrapper .search-field-selector--section-label {
    position: absolute;
    background-color: var(--background-color-secondary);
    top: -11px;
    padding-right: 5px;
    font-weight: var(--text-weight-medium); }
  .search-field-selector-wrapper .search-field-selector--section-item {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 3px 0; }
    .search-field-selector-wrapper .search-field-selector--section-item .input-checkbox {
      margin-right: 10px; }

.documentation a {
  color: var(--content-color-link);
  text-decoration: none; }
  .documentation a:hover {
    text-decoration: underline; }

.documentation-context-view {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .documentation-context-view .right-context-bar-header {
    flex-shrink: 0; }
  .documentation-context-view .loading-indicator-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .documentation-context-view__entity-body-container {
    overflow: auto;
    display: flex;
    flex: 1 1 auto;
    height: calc(100% - 48px); }
    .documentation-context-view__entity-body-container .docs-context-view {
      width: 100%;
      height: 100%; }
    .documentation-context-view__entity-body-container .documentation-description__editor-container {
      height: 100%;
      overflow: hidden; }

.documentation-list__title {
  text-transform: uppercase;
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  margin-bottom: var(--spacing-s); }

.documentation-list__items-container {
  /**
   * Displaying the icons in grid allows us to indent all the items description
   * and icons correctly as shown below without the need to hard code any
   * min-width or max-width
   *
   * icon-1                   description-1
   * long-icon-1 .            description-2
   * long-long-long-icon-2    description-3
   */
  display: grid;
  /**
   * max-content is meant to specify that the width of the icon columns would
   * the max-width of the icon and the rest area would be taken by its description
   */
  grid-template-columns: max-content 1fr;
  row-gap: var(--spacing-l);
  column-gap: var(--spacing-s);
  padding-bottom: var(--spacing-m);
  align-items: flex-start; }

.documentation-list__item-name {
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  word-break: break-word;
  min-height: var(--line-height-m);
  max-height: var(--line-height-xxxl);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .documentation-list__item-name:hover {
    text-decoration-color: black;
    text-decoration: underline;
    cursor: pointer; }

.documentation-list__item-icon {
  display: inherit;
  justify-self: end; }
  .documentation-list__item-icon.with-padding {
    padding: var(--spacing-xs) var(--spacing-zero) var(--spacing-xs) var(--spacing-zero); }
  .documentation-list__item-icon .icon-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero);
    display: inherit; }
    .documentation-list__item-icon .icon-button:active {
      outline: none; }
  .documentation-list__item-icon .list-icon {
    vertical-align: middle; }

.documentation-list__folder {
  display: flex;
  justify-content: flex-end;
  padding: 2px var(--spacing-zero) 2px var(--spacing-zero); }

.documentation-list__folder-icon {
  display: block; }
  .documentation-list__folder-icon .list-icon {
    vertical-align: unset; }

.documentation-list-item__marker {
  width: 0;
  height: 0;
  align-self: center; }
  .documentation-list-item__marker--visible {
    margin-right: var(--spacing-s);
    margin-bottom: var(--spacing-s);
    width: var(--spacing-s);
    height: var(--spacing-s);
    border-radius: var(--border-radius-max);
    background-color: var(--content-color-brand); }

.documentation-workbench-view {
  --single-column__width: calc(32 * var(--size-m));
  --min-documentation-body-width: 620px;
  --api-documentation-sidebar-width: 285px;
  --max-editor-height: calc(100vh - 286px);
  --tab-meta-view-height: 210px;
  --documentation-bottom-padding: calc(10 * var(--spacing-m));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-content: stretch;
  padding: var(--spacing-zero);
  font-size: var(--text-size-l);
  height: 100%;
  position: relative; }
  .documentation-workbench-view.is-loading {
    height: 100%;
    align-items: center; }
    .documentation-workbench-view.is-loading .loading-indicator-wrapper {
      height: 100%;
      align-items: center;
      display: flex; }
  .documentation-workbench-view .config-bar {
    border-bottom: thin var(--border-style-solid) var(--border-color-default);
    background-color: var(--background-color-primary);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    z-index: 2;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */ }
    .documentation-workbench-view .config-bar__upper-deck, .documentation-workbench-view .config-bar__lower-deck {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      min-height: var(--size-xs);
      width: inherit;
      padding: var(--spacing-zero) var(--spacing-l); }
    .documentation-workbench-view .config-bar .documentation-header {
      display: flex;
      flex: 1;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      overflow: hidden; }
      .documentation-workbench-view .config-bar .documentation-header .documentation-title {
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .documentation-workbench-view .config-bar .documentation-header .copy-link-button {
        background-color: transparent;
        visibility: hidden; }
      .documentation-workbench-view .config-bar .documentation-header:hover .copy-link-button, .documentation-workbench-view .config-bar .documentation-header.is-hovered .copy-link-button {
        visibility: visible; }
    .documentation-workbench-view .config-bar .config-options {
      display: flex;
      align-items: center;
      font-style: normal; }
      .documentation-workbench-view .config-bar .config-options .config-entity {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        padding-right: var(--spacing-l); }
        .documentation-workbench-view .config-bar .config-options .config-entity label {
          color: var(--content-color-secondary);
          font-size: var(--text-size-m);
          font-weight: var(--text-weight-regular); }
        .documentation-workbench-view .config-bar .config-options .config-entity .btn-text {
          color: var(--content-color-primary);
          font-size: var(--text-size-m);
          font-weight: var(--text-weight-regular); }
          .documentation-workbench-view .config-bar .config-options .config-entity .btn-text use {
            fill: var(--content-color-primary); }
          .documentation-workbench-view .config-bar .config-options .config-entity .btn-text svg > path[fill] {
            fill: var(--content-color-primary); }
        .documentation-workbench-view .config-bar .config-options .config-entity .dropdown-caret use {
          fill: var(--content-color-primary); }
        .documentation-workbench-view .config-bar .config-options .config-entity .language-settings-icon {
          cursor: pointer; }
    .documentation-workbench-view .config-bar__upper-deck {
      padding: var(--spacing-s) var(--spacing-l); }
      .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity {
        padding: var(--spacing-zero) var(--spacing-zero) var(--spacing-zero) var(--spacing-s); }
        .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity svg > path {
          fill: var(--content-color-secondary); }
        .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity .config-bar-button {
          height: var(--size-m);
          font-size: var(--text-size-m);
          color: var(--content-color-secondary); }
          .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity .config-bar-button.published {
            color: var(--content-color-success); }
            .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity .config-bar-button.published .dropdown-caret svg > path {
              fill: var(--content-color-success); }
          .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity .config-bar-button .config-bar-icon {
            margin-right: var(--spacing-xs); }
            .documentation-workbench-view .config-bar__upper-deck .config-options .config-entity .config-bar-button .config-bar-icon.published-icon svg > path {
              fill: var(--content-color-success); }
    .documentation-workbench-view .config-bar .documentation-dropdown-button {
      padding: var(--spacing-s) var(--spacing-m);
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular); }
    .documentation-workbench-view .config-bar .documentation-config-bar-selector {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
  .documentation-workbench-view .documentation-body-wrapper {
    flex: 1;
    overflow: auto; }
  .documentation-workbench-view .documentation-body-container {
    width: 100%;
    box-sizing: border-box;
    max-width: var(--single-column__width);
    padding: var(--spacing-zero) var(--spacing-xxl);
    margin: var(--spacing-zero) auto;
    display: grid;
    grid-template-columns: minmax(var(--min-documentation-body-width), 2.75fr) 1fr;
    grid-gap: var(--spacing-xxl);
    align-items: flex-start; }
    .documentation-workbench-view .documentation-body-container.api-documentation-body-container {
      max-width: calc(var(--single-column__width) - 285px); }
    .documentation-workbench-view .documentation-body-container .documentation-body {
      padding: var(--spacing-xl) var(--spacing-zero) var(--documentation-bottom-padding) var(--spacing-zero);
      flex: 1; }
      .documentation-workbench-view .documentation-body-container .documentation-body > * + * {
        margin-top: var(--spacing-xxl); }
    .documentation-workbench-view .documentation-body-container hr {
      height: 1px;
      border: none;
      margin: var(--spacing-m) var(--spacing-zero);
      background: var(--border-color-default); }
    .documentation-workbench-view .documentation-body-container .folder-documentation.docs-workbench-view,
    .documentation-workbench-view .documentation-body-container .request-documentation.docs-workbench-view {
      height: auto; }
  .documentation-workbench-view .context-bar-header {
    justify-content: start; }
  .documentation-workbench-view .documentation-item-name {
    flex: 1; }
  .documentation-workbench-view .documentation-description__editor-container {
    padding-top: var(--spacing-l);
    height: var(--max-editor-height); }

.documentation-dropdown .select-dropdown-btn span {
  max-width: calc(10 * var(--size-m));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.documentation-dropdown--config-bar .documentation-dropdown-menu-container {
  --version-selector-min-width: calc(5 * var(--size-s));
  --version-selector-max-width: calc(10 * var(--size-s));
  overflow: auto;
  padding: var(--spacing-zero);
  max-height: calc(10 * var(--size-m));
  min-width: var(--version-selector-min-width);
  max-width: var(--version-selector-max-width); }

.documentation-dropdown .documentation-dropdown-menu-container .dropdown-menu-item {
  height: auto;
  min-height: var(--controls-size-default); }

.documentation-dropdown .documentation-dropdown-menu-container .input-search-group {
  border-radius: var(--border-radius-default);
  min-height: 30px;
  margin: var(--spacing-s); }

.documentation-dropdown .documentation-dropdown-menu-container .documentation-dropdown-no-results {
  padding: var(--spacing-m);
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary); }

.documentation-dropdown .documentation-dropdown-menu-container .documentation-dropdown-item {
  padding: var(--spacing-xs) var(--spacing-m);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .documentation-dropdown .documentation-dropdown-menu-container .documentation-dropdown-item .published-url {
    color: var(--content-color-link); }
    .documentation-dropdown .documentation-dropdown-menu-container .documentation-dropdown-item .published-url:hover {
      text-decoration: underline; }

.documentation-dropdown.language-dropdown .documentation-dropdown-menu-container {
  min-width: 250px; }

.documentation-description > * + * {
  margin-top: var(--spacing-l); }

.documentation-description > div {
  padding: 2px var(--spacing-s); }

.documentation-description--context-bar, .documentation-description--workbench {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.documentation-description--workbench .description-editor-wrapper {
  height: var(--max-editor-height); }

.documentation-description--context-bar {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: auto;
  height: 100%;
  margin-right: var(--spacing-s); }
  .documentation-description--context-bar .description-editor-container {
    height: 100%; }
  .documentation-description--context-bar .description-editor-wrapper {
    height: 100%; }

.documentation-description .unsaved-changes {
  display: flex;
  align-items: center; }
  .documentation-description .unsaved-changes__icon {
    margin-right: var(--spacing-s); }
  .documentation-description .unsaved-changes__message {
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    color: var(--content-color-secondary); }

.context-bar-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-s);
  justify-content: space-between;
  /**
   * Fix for Safari: Safari seems to be collapsing the context bar header/footer when the container
   * is a flex container and has the height set to 100% -- which is the case for us because scrolling
   * doesn't work otherwise. Forcibly setting the flex-shrink for the header and footer seems to fix
   * this in Safari without breaking it in other browsers.
   *
   * Tracking the removal of this (some day) in https://postmanlabs.atlassian.net/browse/DOCUMENTER-2159
   */
  flex-shrink: 0; }
  .context-bar-header__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    margin: var(--spacing-zero);
    color: var(--content-color-primary);
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl);
    font-weight: var(--text-weight-medium); }
  .context-bar-header h1 > .documentation-item-name__title {
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-xxxl); }
  .context-bar-header h2 > .documentation-item-name__title {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl); }
  .context-bar-header h3 > .documentation-item-name__title {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl); }
  .context-bar-header__auth-icon {
    margin-left: var(--spacing-s); }
  .context-bar-header .context-bar-actions {
    display: flex;
    align-items: center; }

.request-documentation--url {
  margin-bottom: var(--spacing-l); }
  .request-documentation--url .request-url {
    padding: var(--spacing-xs) var(--spacing-s);
    color: var(--content-color-primary);
    background: var(--background-color-secondary);
    font-weight: var(--text-weight-regular);
    word-break: break-all;
    border-radius: var(--border-radius-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.request-documentation.docs-workbench-view .open-request-button {
  background: transparent;
  color: var(--content-color-link);
  font-weight: var(--text-weight-regular);
  min-width: calc(4 * var(--size-m)); }
  .request-documentation.docs-workbench-view .open-request-button i svg path {
    fill: var(--content-color-link); }

.documentation-description .request-items-table .title {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l); }

.documentation-examples {
  --dropdown-label-max-width: 165px; }
  .documentation-examples__label-container {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-s); }
    .documentation-examples__label-container .dropdown {
      width: 70%; }
      .documentation-examples__label-container .dropdown .dropdown-button {
        text-align: right; }
  .documentation-examples__label {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-right: 20%; }
  .documentation-examples__item-label {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-s);
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-bold); }
  .documentation-examples__example-label {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .documentation-examples__example-label--single {
      color: var(--content-color-primary);
      width: 100%;
      text-align: right;
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .documentation-examples__selector .btn {
    height: auto;
    padding: var(--spacing-zero);
    max-width: 100%; }
  .documentation-examples__menu-container {
    overflow: auto;
    padding: var(--spacing-xs) var(--spacing-zero);
    min-width: calc(10 * var(--size-s));
    max-width: 300px;
    max-height: calc(10 * var(--size-m)); }
  .documentation-examples__menu-item {
    padding: var(--spacing-xs) var(--spacing-l) !important;
    height: auto;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .documentation-examples__selector-button {
    max-width: 100%;
    color: var(--content-color-primary);
    font-weight: var(--text-weight-regular);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .documentation-examples__dropdown-menu {
    min-width: calc(10 * var(--size-s));
    max-width: 300px;
    max-height: calc(13 * var(--size-xs));
    overflow-x: auto; }
    .documentation-examples__dropdown-menu .dropdown-menu-item {
      height: auto; }
  .documentation-examples__dropdown-item {
    line-height: var(--line-height-m);
    padding: var(--spacing-xs) var(--spacing-zero);
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .documentation-examples__snippet {
    margin-bottom: var(--spacing-m); }

.documentation-example__response {
  margin-top: var(--spacing-xxl); }

.documentation-examples-label--response {
  margin-bottom: var(--spacing-s); }

.documentation-examples-tabs {
  margin-bottom: var(--spacing-l); }

.documentation-examples-tab > .tab-text-wrapper {
  margin: var(--spacing-zero) var(--spacing-l) var(--spacing-zero) var(--spacing-zero); }

.docs-example-response-headers-empty,
.docs-example-response-body-empty {
  font-size: var(--text-size-m);
  line-height: var(--text-size-m);
  text-align: center;
  color: var(--content-color-primary);
  background-color: var(--background-color-tertiary);
  padding: var(--spacing-l); }
  .docs-example-response-headers-empty__title,
  .docs-example-response-body-empty__title {
    margin-bottom: var(--spacing-s);
    font-weight: var(--text-weight-medium); }
  .docs-example-response-headers-empty__body,
  .docs-example-response-body-empty__body {
    font-size: var(--text-size-s); }

.documentation-number-of-headers {
  color: var(--content-color-success);
  margin-left: var(--spacing-xs); }

.documentation-item-name {
  margin: var(--spacing-zero);
  display: flex;
  overflow: hidden;
  align-items: baseline;
  color: var(--content-color-primary);
  position: relative;
  max-width: 100%; }
  .documentation-item-name--edit-mode {
    border: var(--border-width-default) var(--border-style-solid) var(--base-color-brand);
    border-radius: var(--border-radius-default); }
  .documentation-item-name__request {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: var(--spacing-zero) var(--spacing-s); }
    .documentation-item-name__request--edit-mode {
      background-color: var(--background-color-secondary); }
  .documentation-item-name .request-method {
    text-transform: uppercase; }
    .documentation-item-name .request-method--edit-mode {
      background-color: var(--background-color-tertiary); }
  .documentation-item-name__title {
    overflow: hidden;
    overflow-wrap: break-word;
    flex: 1;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--content-color-primary); }
    .documentation-item-name__title--compact {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-wrap: normal; }
      .documentation-item-name__title--compact .documentation-item-name__text {
        overflow: hidden;
        text-overflow: ellipsis; }
    .documentation-item-name__title .documentation-item-name__text {
      color: var(--content-color-primary);
      padding: var(--spacing-zero) var(--spacing-s);
      box-sizing: border-box; }
    .documentation-item-name__title .inline-input__wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .documentation-item-name__title .inline-input__wrapper .input-box {
        border-color: transparent; }
  .documentation-item-name:hover .documentation-item-name__edit-icon {
    opacity: 1; }
  .documentation-item-name__edit-icon {
    padding: var(--spacing-zero) var(--spacing-s);
    opacity: 0;
    cursor: pointer; }
    .documentation-item-name__edit-icon::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--background-color-secondary);
      border-radius: var(--border-radius-default);
      z-index: -1;
      opacity: 0; }
    .documentation-item-name__edit-icon:hover::before {
      opacity: 1; }

h1 .inline-input__wrapper {
  height: calc(var(--line-height-xxxl) - 2px); }

h2 .inline-input__wrapper {
  height: calc(var(--line-height-xxl) - 2px); }

h3 .inline-input__wrapper {
  height: calc(var(--line-height-xl) - 2px); }

.snippet-generator-modal.documentation-codegen .request-editor-snippet-generator-header.language-settings-subtitle {
  padding: 1% 1% !important; }

/**
 * Used most of the styles from the markdown mixin, but modified according
 * to the styles to the public documentation and mockups present
 * in Figma file
 */
.description-preview {
  color: var(--content-color-primary);
  font-size: inherit;
  line-height: inherit;
  overflow-wrap: break-word;
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box; }
  .description-preview--editable {
    padding: 2px var(--spacing-xs);
    height: auto !important; }
  .description-preview--overlay {
    background-color: var(--background-color-secondary); }
  .description-preview .click-to-expand-wrapper {
    position: relative;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .description-preview .click-to-expand-wrapper table {
      border: none; }
  .description-preview .click-to-expand-container {
    --max-table-height-without-scroll: calc(20 * var(--size-s));
    max-height: var(--max-table-height-without-scroll);
    width: 100%;
    overflow: hidden; }
    .description-preview .click-to-expand-container--overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: var(--size-m);
      border-radius: var(--border-radius-default);
      background: linear-gradient(to top, var(--highlight-background-color-secondary), rgba(255, 255, 255, 0)); }
    .description-preview .click-to-expand-container--expand-button {
      position: absolute;
      bottom: var(--spacing-s);
      left: 50%;
      transform: translateX(-50%);
      background-color: var(--background-color-primary);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-radius: calc(8 * var(--border-radius-default));
      color: var(--content-color-primary);
      padding: var(--spacing-xs) var(--spacing-m);
      font-size: var(--text-size-m); }
      .description-preview .click-to-expand-container--expand-button:focus {
        outline: none; }
  .description-preview__placeholder {
    color: var(--content-color-tertiary);
    overflow-wrap: break-word;
    flex: 1; }
  .description-preview__no-description {
    color: var(--content-color-tertiary);
    flex: 1; }
  .description-preview__markdown {
    flex: 1;
    overflow: hidden; }
  .description-preview__edit-icon {
    position: sticky;
    top: var(--spacing-xs);
    right: 0;
    opacity: 0;
    cursor: pointer;
    height: var(--size-xs); }
  .description-preview:hover .description-preview__edit-icon {
    opacity: 1; }

.markdown-editor {
  box-sizing: border-box;
  overflow-y: auto;
  height: 100%;
  width: 100%; }
  .markdown-editor__content-container {
    position: relative;
    min-height: 100%; }
  .markdown-editor__content--placeholder {
    opacity: 0; }
  .markdown-editor__content > pre {
    margin: var(--spacing-zero);
    width: 100%;
    font-family: inherit;
    white-space: pre-wrap;
    word-break: keep-all;
    overflow-wrap: break-word;
    font-family: var(--text-family-code);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
    .markdown-editor__content > pre .bold {
      color: var(--content-color-primary); }
    .markdown-editor__content > pre .bold,
    .markdown-editor__content > pre .title {
      font-weight: var(--text-weight-medium); }
    .markdown-editor__content > pre .italic {
      font-style: italic; }
    .markdown-editor__content > pre .tag,
    .markdown-editor__content > pre .attr-value {
      color: var(--content-color-link); }
    .markdown-editor__content > pre .url {
      color: var(--content-color-link); }
    .markdown-editor__content > pre .tag {
      padding: var(--spacing-zero);
      max-width: none;
      overflow: visible;
      white-space: inherit; }
    .markdown-editor__content > pre .title {
      color: var(--content-color-primary); }
    .markdown-editor__content > pre .code.keyword {
      background-color: var(--highlight-background-color-primary);
      border-radius: var(--border-radius-s); }
    .markdown-editor__content > pre .code-block {
      font-weight: var(--text-weight-medium);
      color: var(--content-color-secondary); }
  .markdown-editor__textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    padding: var(--spacing-zero);
    margin: var(--spacing-zero);
    resize: none;
    /**
     * -webkit-text-fill-color is used instead of color because setting color to
     * transparent hides the text cursor, wherease text-fill-color doesn't
     */
    -webkit-text-fill-color: transparent;
    caret-color: var(--content-color-secondary);
    overflow: hidden;
    white-space: pre-wrap;
    word-break: keep-all;
    overflow-wrap: break-word;
    font-family: var(--text-family-code);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .markdown-editor__textarea--visible {
      -webkit-text-fill-color: var(--content-color-tertiary); }
    .markdown-editor__textarea:focus {
      outline: none; }

:root {
  --min-editor-height: calc(10 * var(--size-m));
  --max-editor-height: calc(100vh - 286px);
  --tag-background: #e9e6fc;
  --tag-color: #482fe4; }

.description-editor-wrapper {
  height: calc(var(--min-editor-height) + var(--spacing-l) + var(--spacing-xxxl));
  padding-bottom: var(--spacing-s);
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }
  .description-editor-wrapper > * + * {
    margin-top: var(--spacing-l); }

.documentation-editor-footer {
  display: flex; }

.documentation-editor-dropdown {
  height: 24px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  color: var(--content-color-primary); }
  .documentation-editor-dropdown .dropdown-caret {
    position: relative;
    top: 4px; }

.description-editor-actions {
  display: flex;
  margin-left: auto; }
  .description-editor-actions > * + * {
    margin-left: var(--spacing-l); }

.modal-content {
  background-color: var(--background-color-primary);
  padding: var(--spacing-xl) var(--spacing-xl);
  color: var(--content-color-primary);
  overflow-y: auto;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.description-editor {
  display: flex;
  position: relative;
  flex-direction: column;
  border: var(--border-width-default) var(--border-style-solid) var(--base-color-brand);
  border-radius: var(--border-radius-default);
  box-sizing: border-box;
  flex: 1;
  height: calc(100% - 90px); }
  .description-editor__radioactions {
    display: flex; }
    .description-editor__radioactions-item {
      display: flex; }
    .description-editor__radioactions input {
      height: 14px;
      width: 14px; }
    .description-editor__radioactions div:not(:first-child) {
      margin-left: var(--spacing-s); }
    .description-editor__radioactions_label {
      line-height: var(--line-height-s);
      margin-left: var(--spacing-s);
      color: var(--content-color-primary); }
    .description-editor__radioactions_tag {
      line-height: var(--line-height-s);
      margin-left: var(--spacing-xs);
      padding: var(--spacing-zero) var(--spacing-s);
      background: var(--background-color-info);
      border-radius: 9999px;
      color: var(--content-color-info);
      font-weight: var(--text-weight-bold); }
  .description-editor__actions {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    height: 40px;
    margin-bottom: var(--spacing-l);
    box-shadow: var(--shadow-default); }
    .description-editor__actions--left {
      display: flex;
      align-items: center;
      height: 100%;
      box-sizing: border-box; }
      .description-editor__actions--left button {
        padding: var(--spacing-zero) var(--spacing-l);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        border: none;
        height: 100%;
        font-family: var(--text-family-default);
        color: var(--content-color-secondary);
        background-color: transparent; }
        .description-editor__actions--left button.active {
          color: var(--content-color-primary);
          box-shadow: inset 0px -2px 0px var(--base-color-brand); }
    .description-editor__actions--right {
      display: flex;
      height: 24px;
      width: 24px;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      border-radius: 3px;
      margin: var(--spacing-s); }
      .description-editor__actions--right:hover {
        background-color: var(--background-color-secondary); }
      .description-editor__actions--right.active {
        background-color: var(--background-color-tertiary); }
  .description-editor__markdown-editor, .description-editor__preview {
    flex: 1;
    padding: var(--spacing-zero) var(--spacing-l) var(--spacing-l); }
  .description-editor__preview {
    overflow: auto; }

.popup-info-wrapper {
  position: absolute;
  top: 36px;
  right: 8px;
  z-index: 1;
  width: 223px;
  height: auto;
  border-radius: var(--border-radius-default);
  padding: var(--spacing-l);
  background-color: var(--background-color-secondary);
  box-shadow: var(--shadow-default); }
  .popup-info-wrapper::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -4px;
    right: var(--spacing-s);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid var(--background-color-secondary); }
  .popup-info-wrapper h3 {
    margin: 0 0 var(--spacing-m);
    color: var(--content-color-primary); }
  .popup-info-wrapper p {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l); }
  .popup-info-wrapper__tag {
    line-height: var(--line-height-s);
    margin-left: var(--spacing-xs);
    padding: var(--spacing-zero) var(--spacing-s);
    background: var(--background-color-info);
    border-radius: var(--border-radius-default);
    color: var(--content-color-info);
    font-weight: var(--text-weight-bold);
    font-size: var(--text-size-m); }

.documentation-context-bar-footer {
  bottom: 0;
  display: flex;
  cursor: pointer;
  position: sticky;
  align-items: end;
  font-size: var(--text-size-m);
  color: var(--content-color-link);
  font-weight: var(--text-weight-regular);
  background: var(--background-color-primary);
  padding: var(--spacing-l) var(--spacing-s);
  border-top: var(--border-style-solid) var(--border-width-default) var(--border-color-default);
  /**
   * Fix for Safari: Safari seems to be collapsing the context bar header/footer when the container
   * is a flex container and has the height set to 100% -- which is the case for us because scrolling
   * doesn't work otherwise. Forcibly setting the flex-shrink for the header and footer seems to fix
   * this in Safari without breaking it in other browsers.
   *
   * Tracking the removal of this (some day) in https://postmanlabs.atlassian.net/browse/DOCUMENTER-2159
   */
  flex-shrink: 0; }
  .documentation-context-bar-footer > i {
    margin-left: var(--spacing-xs); }

.documentation-code-default > * + * {
  margin-top: var(--spacing-s); }

.documentation-code-default--title {
  color: var(--content-color-tertiary);
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }
  .documentation-code-default--title span:first-child {
    color: var(--content-color-primary);
    margin-right: var(--spacing-s); }

.documentation-code-default--content pre {
  padding: var(--spacing-s);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
  border-radius: var(--border-radius-default);
  background-color: var(--background-color-tertiary);
  color: var(--content-color-secondary);
  max-height: calc(20 * var(--size-m)); }

.request-body--title {
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary);
  padding: 2px var(--spacing-zero); }
  .request-body--title--tertiary {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    line-height: 22px;
    padding: 1px var(--spacing-zero); }

.request-body--graphql--title-label {
  color: var(--content-color-tertiary);
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }
  .request-body--graphql--title-label span:first-child {
    color: var(--content-color-primary);
    margin-right: var(--spacing-s); }

.request-body--graphql--subtitle-label {
  margin-top: var(--spacing-m);
  font-size: var(--text-size-m) !important;
  line-height: var(--line-height-s) !important;
  color: var(--content-color-secondary) !important; }

.request-body--urlencoded--title-label {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-tertiary);
  line-height: var(--line-height-m); }
  .request-body--urlencoded--title-label span:first-child {
    color: var(--content-color-primary);
    margin-right: var(--spacing-s); }

.request-body--form-data--title-label {
  font-weight: var(--text-weight-regular);
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-medium);
  line-height: var(--line-height-m); }
  .request-body--form-data--title-label span:first-child {
    color: var(--content-color-primary);
    margin-right: var(--spacing-s); }

.request-body--binary--title-label {
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-medium);
  line-height: var(--line-height-m); }
  .request-body--binary--title-label span:first-child {
    color: var(--content-color-primary);
    margin-right: var(--spacing-s); }

.workbench-side-navigation {
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding-left: var(--spacing-l); }
  .workbench-side-navigation--title {
    color: var(--content-color-primary);
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-l);
    padding-top: var(--spacing-s); }
  .workbench-side-navigation--heading {
    margin-bottom: var(--spacing-m);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .workbench-side-navigation--heading > * + * {
      margin-left: var(--spacing-s); }
  .workbench-side-navigation .folder-accordian-container {
    display: grid;
    grid-template-columns: min-content min-content 1fr min-content;
    gap: var(--spacing-s) var(--spacing-s);
    align-items: flex-start; }
    .workbench-side-navigation .folder-accordian-container .children-container {
      grid-column: span 4;
      padding-left: var(--spacing-l); }
    .workbench-side-navigation .folder-accordian-container .folder-accordian-container {
      grid-template-columns: var(--spacing-l) min-content 1fr min-content; }

.snippet-modal {
  --max-content-height: 70vh;
  max-height: var(--max-content-height); }
  .snippet-modal .modal-content {
    overflow: hidden; }
  .snippet-modal .highlighted-code--snippet-modal {
    max-height: calc(var(--max-content-height) - 4 * var(--spacing-xl)); }

.documentation-error-message {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center; }
  .documentation-error-message--container {
    display: flex;
    width: calc(10 * var(--size-m));
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xxl); }
  .documentation-error-message--title {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-s);
    text-align: center; }
  .documentation-error-message--content {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    text-align: center; }
  .documentation-error-message--thumbnail {
    height: 200px;
    width: 200px;
    background-size: contain;
    margin-bottom: var(--spacing-l);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=); }

.table-modal {
  --max-content-height: 70vh;
  max-height: var(--max-content-height); }
  .table-modal table {
    width: 100%;
    border-radius: var(--border-radius-default);
    border-spacing: 0;
    border-collapse: collapse;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .table-modal table tr {
      height: var(--size-m);
      min-height: var(--size-m); }
    .table-modal table th,
    .table-modal table td {
      min-width: 77px;
      max-width: 77px;
      padding: var(--spacing-xs) var(--spacing-l);
      word-break: normal;
      vertical-align: top;
      white-space: pre-line;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .table-modal table th:first-child,
      .table-modal table td:first-child {
        border-left: none; }
      .table-modal table th:last-child,
      .table-modal table td:last-child {
        border-right: none; }
    .table-modal table th {
      border-top: none;
      text-align: left;
      background-color: var(--background-color-secondary); }
    .table-modal table tr:last-child th,
    .table-modal table tr:last-child td {
      border-bottom: none; }
  .table-modal .click-to-expand-container {
    --max-table-height-without-scroll: calc(
      /* The height of the header is 2*spacing-xl and the padding in the modal container is 2*spacing-xl */
        var(--max-content-height) - 4 * var(--spacing-xl)
    );
    overflow: auto; }

.request-items-table .title {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary);
  margin-bottom: var(--spacing-s); }
  .request-items-table .title-content-container > * + * {
    margin-left: var(--spacing-l); }
  .request-items-table .title--secondary {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular); }

.request-item-row {
  display: flex;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  border-radius: var(--border-radius-default);
  word-break: break-word;
  color: var(--content-color-primary);
  min-height: var(--size-m);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .request-item-row .item-key,
  .request-item-row .item-value {
    overflow-wrap: break-word;
    word-break: break-word;
    padding: var(--spacing-s) var(--spacing-zero); }
  .request-item-row .item-key {
    font-weight: var(--text-weight-medium);
    flex: 1;
    margin-right: var(--spacing-s); }
  .request-item-row .item-value {
    flex: 2;
    margin-left: var(--spacing-s);
    width: 50%; }
    .request-item-row .item-value .item-description {
      color: var(--content-color-secondary); }
  .request-item-row .item-value > div:not(:last-child):not(:empty) {
    margin-bottom: var(--spacing-s); }

.entity-authorization > * + * {
  margin-top: var(--spacing-s); }

.entity-authorization__title-content-container {
  display: flex; }
  .entity-authorization__title-content-container > * + * {
    margin-left: var(--spacing-s); }

.entity-authorization__title {
  font-size: var(--text-size-l);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary);
  padding: 2px var(--spacing-zero); }
  .entity-authorization__title--secondary {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular); }
  .entity-authorization__title--tertiary {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    line-height: 22px;
    padding: 1px var(--spacing-zero); }

.entity-authorization__content {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary); }

.entity-authorization__link {
  color: var(--content-color-link);
  cursor: pointer; }
  .entity-authorization__link:hover {
    text-decoration: underline; }

.entity-authorization-accordian__title-container {
  border-radius: var(--border-radius-default);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-size-m); }

.entity-authorization-accordian__title {
  color: var(--content-color-primary);
  font-weight: var(--text-weight-medium); }

.entity-authorization-accordian__toggle-action {
  padding: var(--spacing-zero);
  margin: var(--spacing-zero);
  background-color: transparent;
  color: var(--content-color-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: var(--text-size-s); }
  .entity-authorization-accordian__toggle-action:focus {
    outline: none; }
  .entity-authorization-accordian__toggle-action > * + * {
    margin-left: var(--spacing-xs); }

.markdown-link {
  color: var(--content-color-link);
  text-decoration: none; }
  .markdown-link:hover {
    text-decoration: underline; }

.markdown-viewer {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  height: auto;
  position: relative;
  color: var(--content-color-primary);
  /**
  * As there we no mockups in artemis-v2 Figma file, copied the
  * same styles as present in the public & private documentation
  */ }
  .markdown-viewer > * {
    margin: var(--spacing-zero); }
  .markdown-viewer > * + * {
    margin-top: var(--spacing-l); }
  .markdown-viewer h1 * {
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-xxxl); }
  .markdown-viewer h2 * {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl); }
  .markdown-viewer h3 * {
    font-size: var(--text-size-xl);
    line-height: var(--line-height-xl); }
  .markdown-viewer h4 * {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l); }
  .markdown-viewer h5 * {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .markdown-viewer h6 * {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
  .markdown-viewer hr {
    border-style: none;
    border-width: 0;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .markdown-viewer blockquote {
    padding-left: var(--spacing-l);
    border-left: var(--border-width-xl) var(--border-style-solid) var(--border-color-default);
    color: var(--content-color-secondary);
    margin: var(--spacing-zero); }
  .markdown-viewer em {
    font-style: italic; }
  .markdown-viewer strong {
    font-weight: var(--text-weight-medium); }
  .markdown-viewer ul,
  .markdown-viewer ol {
    margin-left: var(--spacing-xs);
    padding-left: var(--spacing-m); }
    .markdown-viewer ul p,
    .markdown-viewer ol p {
      margin: var(--spacing-zero); }
  .markdown-viewer ol li {
    list-style-type: decimal; }
    .markdown-viewer ol li ol li {
      list-style-type: lower-alpha; }
      .markdown-viewer ol li ol li ol li {
        list-style-type: lower-roman; }
        .markdown-viewer ol li ol li ol li ol li {
          list-style-type: lower-alpha; }
          .markdown-viewer ol li ol li ol li ol li ol li {
            list-style-type: lower-roman; }
  .markdown-viewer code {
    padding: 1px var(--spacing-xs);
    font-family: var(--text-family-code);
    background-color: var(--background-color-tertiary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default); }
  .markdown-viewer pre {
    font-family: var(--text-family-code); }
  .markdown-viewer .highlighted-code code {
    background-color: transparent;
    border: none;
    border-radius: 0; }
  .markdown-viewer table {
    width: 100%;
    border-radius: var(--border-radius-default);
    border-spacing: 0;
    border-collapse: collapse;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .markdown-viewer table tr {
      height: var(--size-m);
      min-height: var(--size-m); }
    .markdown-viewer table th,
    .markdown-viewer table td {
      min-width: 77px;
      max-width: 77px;
      padding: var(--spacing-xs) var(--spacing-l);
      word-break: normal;
      vertical-align: top;
      white-space: pre-line;
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .markdown-viewer table th:first-child,
      .markdown-viewer table td:first-child {
        border-left: none; }
      .markdown-viewer table th:last-child,
      .markdown-viewer table td:last-child {
        border-right: none; }
    .markdown-viewer table th {
      border-top: none;
      text-align: left;
      font-weight: normal;
      background-color: var(--background-color-secondary); }
    .markdown-viewer table tr:last-child th,
    .markdown-viewer table tr:last-child td {
      border-bottom: none; }
  .markdown-viewer img {
    display: block;
    max-width: 100%;
    padding: 10px 0px; }
  .markdown-viewer .click-to-expand-wrapper {
    position: relative;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .markdown-viewer .click-to-expand-wrapper table {
      border: none; }
  .markdown-viewer .click-to-expand-container {
    --max-table-height-without-scroll: calc(20 * var(--size-s));
    max-height: var(--max-table-height-without-scroll);
    width: 100%;
    overflow: hidden; }
    .markdown-viewer .click-to-expand-container--overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: var(--size-m);
      border-radius: var(--border-radius-default);
      background: linear-gradient(to top, var(--highlight-background-color-secondary), rgba(255, 255, 255, 0)); }
    .markdown-viewer .click-to-expand-container--expand-button {
      position: absolute;
      bottom: var(--spacing-s);
      left: 50%;
      transform: translateX(-50%);
      background-color: var(--background-color-primary);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-radius: calc(8 * var(--border-radius-default));
      color: var(--content-color-primary);
      padding: var(--spacing-xs) var(--spacing-m);
      font-size: var(--text-size-m); }
      .markdown-viewer .click-to-expand-container--expand-button:focus {
        outline: none; }
  .markdown-viewer-truncation-text {
    font-weight: var(--text-weight-medium);
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--background-color-primary); }
  .markdown-viewer.truncated {
    height: calc(2 * var(--line-height-m));
    overflow: hidden; }

comment {
  display: none; }

.highlighted-code {
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
  border-radius: var(--border-radius-default);
  background-color: var(--background-color-primary);
  display: flex;
  flex-direction: column;
  box-sizing: border-box; }
  .highlighted-code * {
    box-sizing: border-box; }
  .highlighted-code__code-container {
    padding: var(--spacing-zero) var(--spacing-m) var(--spacing-m) var(--spacing-m);
    margin: var(--spacing-zero);
    color: var(--content-color-secondary);
    max-height: var(--container-max-height);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    position: relative;
    flex: 1;
    overflow: auto; }
    .highlighted-code__code-container code {
      font-family: var(--text-family-code);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      margin: var(--spacing-zero);
      padding: var(--spacing-zero); }
    .highlighted-code__code-container--word-wrapped code {
      overflow-wrap: break-word;
      white-space: pre-wrap; }
      .highlighted-code__code-container--word-wrapped code .syntax-highlighted-code {
        white-space: pre-wrap; }
  .highlighted-code__config-container {
    display: flex;
    align-items: center;
    padding: var(--spacing-s); }
    .highlighted-code__config-container > * + * {
      margin-left: var(--spacing-s); }
  .highlighted-code__config-button {
    border: var(--border-width-default) var(--border-style-solid) transparent; }
    .highlighted-code__config-button--word-wrapped {
      background: var(--highlight-background-color-primary);
      border-color: var(--border-color-strong); }
  .highlighted-code__language-label {
    background-color: var(--background-color-tertiary);
    color: var(--content-color-secondary);
    padding: var(--spacing-s) var(--spacing-m);
    border-radius: var(--border-radius-default);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium); }
  .highlighted-code__spacer {
    flex: 1; }
  .highlighted-code__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--size-m);
    border-radius: var(--spacing-zero) var(--spacing-zero) var(--border-radius-s) var(--border-radius-s);
    background: linear-gradient(180deg, rgba(189, 195, 199, 0) 0%, #212121 100%, #2c3e50 100%);
    opacity: 0.1;
    mix-blend-mode: multiply;
    pointer-events: all; }
  .highlighted-code__expand-button {
    position: absolute;
    bottom: var(--spacing-s);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--background-color-primary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    color: var(--content-color-primary);
    padding: var(--spacing-xs) var(--spacing-m);
    font-size: var(--text-size-m);
    pointer-events: all;
    font-family: var(--text-family-default);
    border-radius: 999px; }
    .highlighted-code__expand-button:focus {
      outline: none; }
  .highlighted-code--documentation {
    --container-max-height: 200px; }
  .highlighted-code--documentation .highlighted-code__code-container {
    overflow: hidden; }

.documentation-publish-page-container {
  --publish-page-max-width: 750px;
  --publish-page-width: 60%;
  --button-height: 40px;
  display: flex;
  justify-content: center;
  color: var(--content-color-primary);
  height: 100%;
  min-height: 0;
  overflow-y: auto; }
  .documentation-publish-page-container .loading-indicator-wrapper {
    position: absolute;
    top: 50%; }
  .documentation-publish-page-container hr {
    display: block;
    height: var(--border-width-default);
    border: 0;
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    margin: var(--spacing-zero);
    padding: var(--spacing-zero); }
  .documentation-publish-page-container .documentation-published-status {
    display: flex;
    flex-direction: column;
    max-width: var(--publish-page-max-width);
    width: var(--publish-page-width);
    margin-top: var(--spacing-xl); }
    .documentation-publish-page-container .documentation-published-status .documentation-published-breadcrumbs a:hover {
      border-bottom: none; }
    .documentation-publish-page-container .documentation-published-status .documentation-published-status-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-header--buttons {
        display: inline-flex; }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-header div h1 {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl);
        display: inline;
        margin-right: var(--spacing-s); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-header .edit-settings-button {
        background-color: var(--background-color-tertiary);
        line-height: var(--text-size-m);
        margin-right: var(--spacing-s); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-header .unpublish-button {
        background-color: var(--base-color-error);
        line-height: var(--text-size-m); }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-header .unpublish-button .loading-indicator-wrapper {
          position: static; }
    .documentation-publish-page-container .documentation-published-status .documentation-published-status-body {
      font-size: var(--text-size-l);
      line-height: var(--line-height-l); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--public-workspaces {
        margin-bottom: calc(3 * var(--spacing-xxxl)); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--label {
        margin-bottom: var(--spacing-s);
        font-size: var(--text-size-l);
        line-height: var(--line-height-m);
        letter-spacing: -0.12px;
        margin-top: var(--spacing-zero); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--content {
        margin: var(--spacing-xxl) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
        display: flex;
        flex-direction: column; }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--content--collection-name {
          margin: var(--spacing-zero);
          line-height: var(--line-height-l);
          word-break: break-word; }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--content--versions {
          color: var(--content-color-tertiary);
          margin: var(--spacing-zero);
          line-height: var(--line-height-l); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--environment {
        margin: var(--spacing-xxl) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
        display: flex;
        flex-direction: column; }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--environment--top {
          margin-top: var(--spacing-s);
          margin-bottom: var(--spacing-zero); }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--environment--environment {
          margin-top: var(--spacing-zero); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--url {
        margin: var(--spacing-xxl) var(--spacing-zero) var(--spacing-zero) var(--spacing-zero);
        display: flex;
        flex-direction: column; }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--url a {
          color: var(--content-color-link); }
          .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--url a:hover {
            cursor: pointer; }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--copy-to-clipboard {
        margin-left: var(--spacing-s); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--styling {
        margin: var(--spacing-l) var(--spacing-zero);
        margin-top: var(--spacing-xxl); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--collection-discovery .documentation-published-status-body--heading {
        display: flex;
        justify-content: space-between;
        margin-bottom: var(--spacing-l); }
      .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--collection-discovery__section {
        margin-bottom: var(--spacing-xl); }
        .documentation-publish-page-container .documentation-published-status .documentation-published-status-body--collection-discovery__section h4 {
          line-height: var(--line-height-m);
          margin-bottom: var(--spacing-s); }
  .documentation-publish-page-container .documentation-publish-settings {
    --input-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    overflow-y: auto; }
    .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar {
      display: flex;
      flex-direction: column;
      max-width: 275px;
      width: 30%;
      position: sticky;
      top: 0;
      margin: calc(2 * var(--spacing-xxl)) var(--spacing-zero);
      margin: var(--spacing-xxl) var(--spacing-zero); }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar--collection-name {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary);
        margin-top: var(--spacing-l);
        margin-bottom: var(--spacing-s);
        word-break: break-word; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar--page-name {
        font-weight: bold;
        font-size: var(--text-size-xl);
        line-height: var(--line-height-xl);
        margin: var(--spacing-zero); }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar--list {
        width: 275px; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar--list-item {
        height: var(--input-height);
        display: flex;
        align-items: center; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation {
        margin-top: var(--spacing-l); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation ul {
          list-style: none;
          padding: var(--spacing-zero);
          margin: var(--spacing-zero);
          color: var(--content-color-secondary); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation li {
          font-size: var(--text-size-l);
          line-height: var(--line-height-l);
          margin: var(--spacing-zero) calc(var(--spacing-s) * -1);
          padding-left: var(--spacing-s); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation .active-item {
          background: var(--background-color-brand); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation__item {
          color: inherit;
          display: block;
          text-decoration: none;
          padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-zero);
          line-height: var(--line-height-l);
          color: var(--content-color-primary);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation__item:hover {
            color: var(--content-color-primary); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation .preview-documentation {
          color: var(--content-color-link);
          display: flex;
          align-items: center;
          text-align: center;
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          font-weight: var(--text-weight-regular);
          cursor: pointer;
          height: var(--input-height); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation .preview-documentation i > svg > path {
            fill: var(--content-color-link); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation .preview-documentation span {
            padding-left: var(--spacing-s); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-left-sidebar .pm-sidebar-navigation .preview-label {
          color: var(--content-color-link); }
    .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content {
      display: flex;
      flex-direction: column;
      max-width: var(--publish-page-max-width);
      width: var(--publish-page-width);
      margin-left: 60px;
      margin-top: calc(2*var(--spacing-xxl));
      margin-bottom: calc(2*var(--spacing-xxl)); }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--main-label {
        font-size: var(--text-size-l);
        line-height: var(--line-height-m);
        margin-bottom: var(--spacing-l);
        margin-top: unset; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--sub-label {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary);
        margin-bottom: var(--spacing-xs);
        margin-top: unset; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content .content--helper-text {
        display: inline-block;
        width: 48%;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-tertiary); }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url {
        margin-bottom: 36px; }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .url--header-container, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .url--header-container {
          margin-bottom: var(--spacing-l); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .url--header-container .url--heading, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .url--header-container .url--heading {
            display: inline; }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .url--header-container .url--optional, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .url--header-container .url--optional {
            font-size: var(--text-size-m);
            line-height: var(--line-height-m);
            color: var(--content-color-secondary); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown {
          display: inline-block;
          width: 48%;
          border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
          box-sizing: border-box;
          border-radius: var(--border-radius-default);
          height: 32px; }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector .select-dropdown-btn, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown .select-dropdown-btn, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector .select-dropdown-btn, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown .select-dropdown-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 32px;
            color: var(--content-color-primary);
            font-size: var(--text-size-m);
            line-height: var(--line-height-m);
            font-weight: var(--text-weight-regular); }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector .select-dropdown-btn i > svg > path, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown .select-dropdown-btn i > svg > path, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector .select-dropdown-btn i > svg > path, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown .select-dropdown-btn i > svg > path {
              fill: var(--content-color-secondary); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector .dropdown, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown .dropdown, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector .dropdown, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown .dropdown {
            width: 100%; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector .dropdown .btn-group-separated, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown .dropdown .btn-group-separated, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector .dropdown .btn-group-separated, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown .dropdown .btn-group-separated {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .documentation-config-bar-selector .dropdown .btn-group-separated .btn-text, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions--dropdown .dropdown .btn-group-separated .btn-text, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .documentation-config-bar-selector .dropdown .btn-group-separated .btn-text, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions--dropdown .dropdown .btn-group-separated .btn-text {
                border: none; }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--dropdown, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--dropdown {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 40px; }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--versions, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--versions {
          margin-bottom: var(--spacing-xl); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .content--environment, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .content--environment {
          margin-bottom: var(--spacing-zero); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--content .loading-indicator-wrapper, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--url .loading-indicator-wrapper {
          display: flex;
          flex: 1;
          justify-content: center;
          margin-top: var(--spacing-xxl);
          position: static; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling {
        margin-bottom: var(--spacing-xxl); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors {
          margin-top: var(--spacing-l); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors--code, .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors--highlight {
            margin-top: var(--spacing-l); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker {
            position: relative;
            padding-right: var(--input-height); }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--input {
              height: var(--input-height);
              margin-right: var(--spacing-s);
              text-transform: uppercase; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--preview {
              top: 0;
              right: 0;
              position: absolute;
              width: 38px;
              height: 38px;
              border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
              border-radius: var(--border-radius-default); }
              .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--preview--invalid {
                background: var(--background-color-primary) !important; }
                .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--preview--invalid:after {
                  content: '';
                  height: 52px;
                  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
                  position: absolute;
                  transform: rotate(45deg);
                  left: 19px;
                  top: -7px; }
                .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--preview--invalid:before {
                  content: '';
                  height: 52px;
                  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
                  position: absolute;
                  transform: rotate(-45deg);
                  left: 18px;
                  top: -7px; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker--warning {
              color: var(--content-color-error);
              font-size: var(--text-size-m); }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling .styling--colors .color-picker .pm-form-control {
              text-transform: uppercase; }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout {
          margin-bottom: var(--spacing-l); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout > div:first-child {
            padding: var(--spacing-zero) !important; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout > div:first-child > ul:first-child {
              margin-top: var(--spacing-zero); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper {
            white-space: nowrap;
            height: var(--size-m);
            padding: 1px 2px;
            width: 196px;
            justify-content: space-around;
            display: block; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch {
              padding: var(--spacing-xs);
              margin: 0.5px;
              height: 22px;
              width: 90px; }
              .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch .plugin__workspace-view-active-item {
                top: 1px;
                position: relative; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper .left {
              left: 2.5px; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper .right {
              left: 99px; }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--styling--layout .plugin__workspace-view-switcher__wrapper .plugin__workspace-view-switcher__switch__item {
              display: inline-block;
              width: 90px;
              padding: var(--spacing-xs); }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--ctas {
        display: flex;
        justify-content: space-between;
        padding-bottom: calc(7*var(--spacing-xxl));
        margin-top: var(--spacing-xxl); }
        .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--ctas--buttons {
          display: inline-flex; }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--ctas--buttons .publish-doc-cancel-button {
            height: var(--button-height);
            background-color: var(--background-color-tertiary);
            font-weight: var(--text-weight-medium);
            font-size: var(--text-size-m);
            margin-right: var(--spacing-s); }
          .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--ctas--buttons .publish-button {
            height: var(--button-height);
            font-weight: var(--text-weight-medium);
            font-size: var(--text-size-m);
            margin-right: var(--spacing-s); }
            .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content--ctas--buttons .publish-button .loading-indicator-wrapper {
              position: static; }
      .documentation-publish-page-container .documentation-publish-settings .documentation-publish-settings-main-content .alert-wrapper {
        margin-top: var(--spacing-s); }
  .documentation-publish-page-container .documentation-default-link {
    color: inherit;
    text-decoration: underline; }
    .documentation-publish-page-container .documentation-default-link__text {
      border-bottom: none; }
    .documentation-publish-page-container .documentation-default-link:hover {
      color: inherit; }

.select-dropdown-container .dropdown-content--dropdown-menu, .select-dropdown-container .dropdown-menu {
  max-width: calc(750px * 0.48);
  width: 28.8%; }
  .select-dropdown-container .dropdown-content--dropdown-menu .select-dropdown, .select-dropdown-container .dropdown-menu .select-dropdown {
    width: unset; }

.documentation-dropdown {
  --publish-page-dropdown-max-height: calc(10 * var(--size-xs)); }
  .documentation-dropdown--publish-page .documentation-dropdown-menu-container, .documentation-dropdown--publish-page .dropdown-menu {
    max-height: var(--publish-page-dropdown-max-height) !important;
    max-width: calc(750px * 0.48);
    width: 28.8%;
    overflow: auto; }
    .documentation-dropdown--publish-page .documentation-dropdown-menu-container .select-dropdown, .documentation-dropdown--publish-page .dropdown-menu .select-dropdown {
      width: unset; }
  .documentation-dropdown--empty .select-dropdown-btn {
    color: var(--content-color-tertiary) !important; }

.documentation-published-status-modal__remove-btn {
  background-color: var(--base-color-error); }
  .documentation-published-status-modal__remove-btn:hover {
    background-color: var(--content-color-error); }

.doc-workspace-list-item {
  display: flex;
  height: var(--size-m);
  align-items: center;
  cursor: pointer; }
  .doc-workspace-list-item .loading-indicator {
    background-color: var(--content-color-secondary);
    max-height: 10px; }
    .doc-workspace-list-item .loading-indicator:before {
      background-color: var(--content-color-secondary);
      max-height: 10px; }
    .doc-workspace-list-item .loading-indicator:after {
      background-color: var(--content-color-secondary);
      max-height: 10px; }
  .doc-workspace-list-item span {
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary); }
  .doc-workspace-list-item .doc-workspace__join {
    display: flex;
    align-items: center;
    padding: 6px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    line-height: var(--line-height-xs);
    height: var(--controls-size-small);
    border-radius: var(--border-radius-s);
    background: var(--background-color-tertiary);
    color: var(--content-color-secondary); }
  .doc-workspace-list-item .doc-workspace__shared {
    display: flex;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    opacity: 1;
    color: var(--content-color-secondary); }
  .doc-workspace-list-item .doc-workspace-list-item__name {
    flex: 1;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-left: var(--spacing-s);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary);
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .doc-workspace-list-item.is-disabled {
    opacity: 0.5;
    cursor: default; }

.skeleton-unit {
  position: absolute;
  background-color: var(--background-color-tertiary);
  animation: fade 1s linear infinite; }

.documentation-workbench-loader {
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .documentation-workbench-loader .documentation-workbench-body {
    position: relative;
    height: 100%;
    width: 100%; }
    .documentation-workbench-loader .documentation-workbench-body--right {
      position: absolute; }

.documentation-scratchpad-prompt {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  height: 100%;
  justify-content: center;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s); }
  .documentation-scratchpad-prompt__icon-container {
    height: calc(2 * var(--size-m));
    width: calc(2 * var(--size-m));
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-max);
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .documentation-scratchpad-prompt__icon-container .documentation-scratchpad-prompt__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .documentation-scratchpad-prompt__icon-container .documentation-scratchpad-prompt__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
  .documentation-scratchpad-prompt__title {
    color: var(--content-color-secondary);
    padding: var(--spacing-xs) var(--spacing-xxxl);
    text-align: center; }
    .documentation-scratchpad-prompt__title h4 {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-zero);
      margin-top: var(--spacing-l); }
  .documentation-scratchpad-prompt__body {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-m);
    text-align: center; }
  .documentation-scratchpad-prompt__action {
    justify-content: start; }
    .documentation-scratchpad-prompt__action__icon {
      margin-right: var(--spacing-s); }
      .documentation-scratchpad-prompt__action__icon use {
        fill: var(--content-color-brand); }
      .documentation-scratchpad-prompt__action__icon svg > path[fill] {
        fill: var(--content-color-brand); }

.sticky-navigation-bar__container {
  padding-top: var(--spacing-xl);
  background-color: var(--background-color-primary); }

.floating-navigation-bar {
  --max-container-height: calc(15 * var(--size-s));
  --container-width: calc(11 * var(--size-s)); }
  .floating-navigation-bar__container {
    position: fixed;
    bottom: calc( var(--spacing-xxl) + var(--spacing-xl));
    right: var(--spacing-xxl);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 300; }
  .floating-navigation-bar__container-api {
    bottom: var(--spacing-xl);
    right: var(--spacing-xxl);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 300;
    position: absolute; }
  .floating-navigation-bar__content-container {
    max-height: var(--max-container-height);
    overflow: auto;
    background-color: var(--background-color-primary);
    box-shadow: var(--shadow-dark);
    padding: var(--spacing-l);
    border-radius: var(--border-radius-default);
    margin-bottom: var(--spacing-m);
    width: var(--container-width); }
  .floating-navigation-bar__toggle-button {
    padding: var(--spacing-m);
    background-color: var(--background-color-primary);
    box-shadow: var(--shadow-dark);
    border-radius: var(--border-radius-max);
    border: none;
    cursor: pointer; }
    .floating-navigation-bar__toggle-button > i {
      display: block; }

.share-to-workspace-container {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-xxl); }
  .share-to-workspace-container .share-to-workspace-heading {
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    font-family: var(--text-family-default);
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-l); }
  .share-to-workspace-container .share-to-workspace-permissions-banner {
    margin-bottom: var(--spacing-l); }
  .share-to-workspace-container .share-to-workspace-optional {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m); }
  .share-to-workspace-container .share-to-workspace-label {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-s) var(--spacing-zero);
    color: var(--content-color-secondary); }
  .share-to-workspace-container .share-to-workspace-dropdown-and-text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .share-to-workspace-container .share-to-workspace-dropdown-and-text .workspace-helper-text {
      display: inline-block;
      width: 48%;
      position: relative;
      top: -4px;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-tertiary); }
    .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown {
      background-color: var(--background-color-secondary);
      display: inline-block;
      width: 48%;
      box-sizing: border-box;
      border-radius: var(--border-radius-default);
      height: var(--size-m); }
      .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .input-select-wrapper {
        background-color: var(--background-color-primary) !important; }
      .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .select-dropdown-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: var(--input-height);
        color: var(--content-color-primary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular); }
        .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .select-dropdown-btn i > svg > path {
          fill: var(--content-color-secondary); }
      .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .dropdown {
        width: 100%; }
        .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .dropdown .btn-group-separated {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .share-to-workspace-container .share-to-workspace-dropdown-and-text .public-workspace-dropdown .dropdown .btn-group-separated .btn-text {
            border: none; }

.share-to-workspace-dropdown {
  --publish-page-dropdown-max-height: 250px;
  --dropdown-max-width: calc(750px * 0.48); }
  .share-to-workspace-dropdown .documentation-dropdown-menu-container,
  .share-to-workspace-dropdown .dropdown-menu {
    max-height: var(--publish-page-dropdown-max-height) !important;
    max-width: var(--dropdown-max-width);
    width: 28.8%;
    overflow: auto;
    background-color: var(--background-color-primary); }
    .share-to-workspace-dropdown .documentation-dropdown-menu-container .input-search-group,
    .share-to-workspace-dropdown .dropdown-menu .input-search-group {
      background-color: var(--background-color-primary); }
    .share-to-workspace-dropdown .documentation-dropdown-menu-container .select-dropdown,
    .share-to-workspace-dropdown .dropdown-menu .select-dropdown {
      width: unset; }
    .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item.is-disabled,
    .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item.is-disabled {
      opacity: 1; }
      .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item.is-disabled .doc-workspace-list-item__name,
      .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item.is-disabled i,
      .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item.is-disabled .doc-workspace-list-item__name,
      .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item.is-disabled i {
        opacity: 0.4; }
      .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item.is-disabled:hover,
      .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item.is-disabled:hover {
        background-color: var(--background-color-primary) !important; }
    .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item .is-hovered,
    .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item .is-hovered {
      background-color: var(--highlight-background-color-primary); }
    .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item .documentation-dropdown-item,
    .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item .documentation-dropdown-item {
      width: 100%;
      padding: 0; }
      .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item .documentation-dropdown-item span,
      .share-to-workspace-dropdown .documentation-dropdown-menu-container .dropdown-menu-item .documentation-dropdown-item .doc-workspace__join,
      .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item .documentation-dropdown-item span,
      .share-to-workspace-dropdown .dropdown-menu .dropdown-menu-item .documentation-dropdown-item .doc-workspace__join {
        font-weight: var(--text-weight-medium);
        color: var(--content-color-secondary); }

.share-to-workspace-empty-dropdown {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-xxxl) var(--spacing-s);
  align-items: center;
  justify-content: space-evenly; }
  .share-to-workspace-empty-dropdown > svg {
    height: 44px;
    width: 44px; }
  .share-to-workspace-empty-dropdown > p {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    margin-top: var(--spacing-xl); }

.documentation-published-status-body--workspace-list {
  display: flex;
  align-items: center; }
  .documentation-published-status-body--workspace-list a {
    margin-left: var(--spacing-s);
    color: var(--content-color-primary); }
    .documentation-published-status-body--workspace-list a:hover {
      color: var(--content-color-link);
      text-decoration: none; }

.share-to-public-workspace-dropdown {
  display: flex;
  flex-direction: row;
  height: 284px; }

.share-to-public-workspace-dropdown-menu {
  background-color: var(--background-color-primary);
  max-height: 322px;
  padding: var(--spacing-xs) var(--spacing-zero);
  box-sizing: border-box;
  min-width: 170px;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-shadow: var(--shadow-default);
  padding-bottom: var(--spacing-zero); }
  .share-to-public-workspace-dropdown-menu__spinner {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-xs); }
  .share-to-public-workspace-dropdown-menu__list {
    height: calc(8 * var(--size-m));
    overflow-y: scroll;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--background-color-primary); }
    .share-to-public-workspace-dropdown-menu__list__no-results {
      color: var(--content-color-secondary);
      font-family: var(--text-family-default);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      padding: 6px var(--spacing-l) 6px var(--spacing-l); }
    .share-to-public-workspace-dropdown-menu__list__button {
      cursor: pointer;
      width: 100%;
      background-color: var(--background-color-primary);
      height: var(--size-m);
      box-shadow: inset 0px 1px 0px var(--highlight-background-color-tertiary);
      border-radius: 0px 0px 3px 3px;
      color: var(--content-color-secondary);
      font-family: var(--text-family-default);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      line-height: var(--line-height-s);
      justify-content: start;
      padding: var(--spacing-s) var(--spacing-zero) var(--spacing-s) 18px; }
      .share-to-public-workspace-dropdown-menu__list__button.btn.is-disabled {
        color: var(--content-color-secondary) !important; }
      .share-to-public-workspace-dropdown-menu__list__button:hover {
        color: var(--content-color-brand); }

.share-to-public-workspace-dropdown-item {
  background-color: var(--background-color-primary); }

.input-select-wrapper {
  background-color: var(--background-color-tertiary);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default);
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: var(--controls-size-default);
  position: relative;
  width: 210px; }
  .input-select-wrapper.is-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
    .input-select-wrapper.is-disabled .input {
      cursor: not-allowed; }
  .input-select-wrapper.highlight {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-wrapper:hover, .input-select-wrapper.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .input-select-wrapper.is-open {
    background-color: var(--background-color-primary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .input-select-wrapper .input-search-group {
    flex: 1;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-right: var(--spacing-zero); }
    .input-select-wrapper .input-search-group .input {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m); }
      .input-select-wrapper .input-search-group .input::-webkit-input-placeholder {
        font-size: var(--text-size-m); }
  .input-select-wrapper .dropdown-button {
    align-self: center;
    border-left: 0;
    background: transparent;
    border-radius: 0;
    flex: 0 0 30px;
    height: var(--controls-size-default);
    margin-left: auto;
    padding: var(--spacing-zero); }
    .input-select-wrapper .dropdown-button .dropdown-caret {
      margin-left: var(--spacing-zero); }

.input-select-dropdown-menu .dropdown-menu-item {
  cursor: pointer; }
  .input-select-dropdown-menu .dropdown-menu-item.is-disabled {
    opacity: 1; }
    .input-select-dropdown-menu .dropdown-menu-item.is-disabled .doc-workspace-list-item__name,
    .input-select-dropdown-menu .dropdown-menu-item.is-disabled i {
      opacity: 0.4; }
    .input-select-dropdown-menu .dropdown-menu-item.is-disabled:hover {
      background-color: var(--background-color-primary) !important; }
  .input-select-dropdown-menu .dropdown-menu-item .is-hovered {
    background-color: var(--highlight-background-color-primary); }
  .input-select-dropdown-menu .dropdown-menu-item.is-selected {
    background-color: var(--highlight-background-color-primary); }
  .input-select-dropdown-menu .dropdown-menu-item .input-select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1; }
  .input-select-dropdown-menu .dropdown-menu-item .item-wrapper {
    overflow: hidden;
    display: flex;
    flex: 1;
    align-items: center; }
    .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1; }
    .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions {
      visibility: hidden;
      display: flex; }
      .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action {
        display: flex;
        justify-content: center;
        align-items: center;
        height: var(--size-m);
        width: var(--size-m); }
        .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action:hover use, .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered use {
          fill: var(--content-color-brand); }
        .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action:hover svg > path[fill], .input-select-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered svg > path[fill] {
          fill: var(--content-color-brand); }
  .input-select-dropdown-menu .dropdown-menu-item:hover .item-wrapper .item-actions, .input-select-dropdown-menu .dropdown-menu-item.is-hovered .item-wrapper .item-actions {
    visibility: visible; }
  .input-select-dropdown-menu .dropdown-menu-item.is-selected .highlight {
    color: var(--content-color-brand); }
  .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--save_method {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result {
    color: var(--content-color-tertiary);
    cursor: default; }
    .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result:hover, .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result.is-hovered {
      background-color: inherit; }
    .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_result.is-focused {
      background-color: inherit; }
  .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods {
    color: var(--content-color-tertiary);
    cursor: default; }
    .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods:hover, .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods.is-hovered {
      background-color: inherit; }
    .input-select-dropdown-menu .dropdown-menu-item.dropdown-menu-item--no_methods.is-focused {
      background-color: inherit; }

.create-new-public-workspace-modal .modal-header {
  background-color: var(--background-color-primary);
  height: calc(2*var(--size-m)); }
  .create-new-public-workspace-modal .modal-header .modal-header-title {
    padding: var(--spacing-m) var(--spacing-xl);
    color: var(--content-color-primary); }

.create-new-public-workspace-modal__create-workspace-label {
  color: var(--content-color-secondary);
  margin: var(--spacing-zero); }

.create-new-public-workspace-modal__content {
  padding: var(--spacing-zero) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }

.create-new-public-workspace-modal__input-group__loading-indicator {
  height: var(--size-m); }
  .create-new-public-workspace-modal__input-group__loading-indicator .loading-indicator {
    top: 15%; }

.create-new-public-workspace-modal__input-group__label {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  font-family: var(--text-family-default);
  font-style: normal;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  margin: var(--spacing-l) var(--spacing-zero) var(--spacing-xs); }

.create-new-public-workspace-modal__input-group__visibility {
  margin-bottom: var(--spacing-l);
  margin-top: var(--spacing-l); }

.create-new-public-workspace-modal__input-group__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: calc(2*var(--spacing-xxl)); }

.create-new-public-workspace-modal__input-group__cancel-button {
  margin-right: var(--spacing-s); }

.create-new-public-workspace-modal__input-group--error {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-l);
  color: var(--content-color-error); }
  .create-new-public-workspace-modal__input-group--error .pm-icon {
    margin-right: var(--spacing-s); }
    .create-new-public-workspace-modal__input-group--error .pm-icon use {
      fill: var(--content-color-error); }
    .create-new-public-workspace-modal__input-group--error .pm-icon svg > path[fill] {
      fill: var(--content-color-error); }

.documentation-split-container {
  display: flex;
  justify-content: space-between;
  height: calc(2 * var(--size-s));
  align-items: center;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: var(--spacing-zero) var(--spacing-l); }
  .documentation-split-container__left-deck {
    display: flex; }
    .documentation-split-container__left-deck > * + * {
      margin-left: var(--spacing-l); }
  .documentation-split-container__right-deck {
    display: flex; }
    .documentation-split-container__right-deck > * + * {
      margin-left: var(--spacing-l); }
  .documentation-split-container .config-bar-button {
    height: var(--size-m);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }
    .documentation-split-container .config-bar-button.published {
      color: var(--content-color-success); }
      .documentation-split-container .config-bar-button.published .dropdown-caret svg > path {
        fill: var(--content-color-success); }
    .documentation-split-container .config-bar-button .config-bar-icon {
      margin-right: var(--spacing-xs); }
      .documentation-split-container .config-bar-button .config-bar-icon.published-icon svg > path {
        fill: var(--content-color-success); }
  .documentation-split-container .dropdown-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    align-content: stretch; }
    .documentation-split-container .dropdown-container label {
      color: var(--content-color-secondary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular); }
    .documentation-split-container .dropdown-container .btn-text {
      color: var(--content-color-primary);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular); }
      .documentation-split-container .dropdown-container .btn-text use {
        fill: var(--content-color-primary); }
      .documentation-split-container .dropdown-container .btn-text svg > path[fill] {
        fill: var(--content-color-primary); }
    .documentation-split-container .dropdown-container .dropdown-caret use {
      fill: var(--content-color-primary); }
    .documentation-split-container .dropdown-container .language-settings-icon {
      cursor: pointer; }

.api-doc-offline-state-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .api-doc-offline-state-wrapper__heading {
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-s); }

.empty-documentation-state-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .empty-documentation-state-wrapper__illustration {
    margin-bottom: var(--spacing-l); }
  .empty-documentation-state-wrapper__heading {
    margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-s); }
  .empty-documentation-state-wrapper__description {
    text-align: center;
    color: var(--content-color-secondary); }
  .empty-documentation-state-wrapper__components {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-s); }

.custom-domains--delete-container {
  display: flex;
  justify-content: flex-end;
  padding-right: var(--spacing-s) !important; }
  .custom-domains--delete-container--delete-button {
    cursor: pointer;
    visibility: hidden;
    position: relative;
    top: 3px; }

.custom-domains .custom-domains-table--status-column {
  display: flex;
  align-items: center; }

.custom-domains .custom-domains-table--badge {
  margin-left: var(--spacing-zero); }

.custom-domains .info-button {
  display: inline-block; }

.custom-domains .entity-learn-more-link {
  color: var(--content-color-secondary);
  cursor: pointer; }
  .custom-domains .entity-learn-more-link:hover {
    color: var(--content-color-link); }

.custom-domains-detail .record-addition-heading {
  margin-bottom: var(--spacing-s); }

.custom-domains-detail .verification-records-heading {
  margin-bottom: var(--spacing-l);
  margin-top: -8px; }

.custom-domains-detail .txt-record-heading {
  margin-bottom: -16px; }

.custom-domains-detail .custom-domains-copy-button-cname {
  position: relative;
  top: 40px; }

.custom-domains-detail .custom-domains-copy-button-txt {
  position: relative;
  top: 65px; }

.delete-custom-domain-modal-content {
  font-size: var(--text-size-m); }

.api-documentation-wrapper {
  height: 100%; }

.sidebar-loading-state {
  height: 100%;
  border-right: 1px solid var(--border-color-default);
  border-left: 1px solid var(--border-color-default);
  overflow: hidden;
  animation: fade 1s ease-in-out infinite; }
  .sidebar-loading-state .sidebar-loading-state--item {
    display: flex;
    align-items: center;
    padding: var(--spacing-s) 0;
    margin-left: var(--spacing-s); }
    .sidebar-loading-state .sidebar-loading-state--item .sidebar-loading-state__icon {
      height: 8px;
      width: 8px;
      background-color: var(--highlight-background-color-secondary);
      margin-left: var(--spacing-s);
      border-radius: var(--border-radius-s);
      margin-right: var(--spacing-m);
      visibility: hidden; }
      .sidebar-loading-state .sidebar-loading-state--item .sidebar-loading-state__icon.has {
        visibility: visible; }
    .sidebar-loading-state .sidebar-loading-state--item .sidebar-loading-state-indentation {
      height: var(--size-s);
      border-right: 1px solid var(--border-color-default);
      width: 0;
      margin: 0 var(--spacing-s); }
    .sidebar-loading-state .sidebar-loading-state--item .sidebar-loading-state__pre-info {
      height: 8px;
      width: var(--size-s);
      background-color: var(--highlight-background-color-secondary);
      margin-left: var(--spacing-xs);
      border-radius: var(--border-radius-s);
      margin-right: var(--spacing-m); }
    .sidebar-loading-state .sidebar-loading-state--item .sidebar-loading-state__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100px;
      height: 8px;
      background-color: var(--highlight-background-color-secondary);
      border-radius: var(--border-radius-s); }
  .sidebar-loading-state .sidebar-loading-state--nested-item {
    display: flex;
    align-items: center;
    margin-left: var(--spacing-s); }
    .sidebar-loading-state .sidebar-loading-state--nested-item .sidebar-loading-state-indentation {
      height: var(--size-s);
      border-right: 1px solid var(--border-color-default);
      width: 0;
      margin: 0 var(--spacing-s); }
    .sidebar-loading-state .sidebar-loading-state--nested-item .sidebar-loading-state__pre-info {
      height: 8px;
      width: var(--size-s);
      background-color: var(--highlight-background-color-secondary);
      margin-left: var(--spacing-xs);
      border-radius: var(--border-radius-s);
      margin-right: var(--spacing-m); }
    .sidebar-loading-state .sidebar-loading-state--nested-item .sidebar-loading-state__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100px;
      height: 8px;
      background-color: var(--highlight-background-color-secondary);
      border-radius: var(--border-radius-s); }

.sidebar-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .sidebar-empty-state__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .sidebar-empty-state__head-and-body {
    margin-bottom: var(--spacing-l); }
    .sidebar-empty-state__head-and-body > div:not(:last-child) {
      margin-bottom: var(--spacing-s); }
  .sidebar-empty-state__title {
    text-align: center; }
  .sidebar-empty-state__description {
    text-align: center;
    display: flex; }
    .sidebar-empty-state__description span {
      display: inline-block;
      line-height: 18px; }
  .sidebar-empty-state__cta {
    display: flex; }

.sidebar-error-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .sidebar-error-view__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .sidebar-error-view__head-and-body {
    margin-bottom: var(--spacing-l); }
    .sidebar-error-view__head-and-body > div:not(:last-child) {
      margin-bottom: var(--spacing-s); }
  .sidebar-error-view__title {
    text-align: center; }
  .sidebar-error-view__description {
    text-align: center;
    display: flex; }
    .sidebar-error-view__description span {
      display: inline-block; }

.sidebar-offline-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .sidebar-offline-view__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .sidebar-offline-view__title {
    margin-bottom: var(--spacing-s);
    text-align: center; }
  .sidebar-offline-view__description {
    text-align: center;
    display: flex; }
    .sidebar-offline-view__description span {
      display: inline-block; }

.sidebar-no-results-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .sidebar-no-results-state__illustration {
    height: 120px;
    width: 140px;
    margin-bottom: var(--spacing-l); }
  .sidebar-no-results-state__head-and-body {
    margin-bottom: var(--spacing-l); }
    .sidebar-no-results-state__head-and-body > div:not(:last-child) {
      margin-bottom: var(--spacing-s); }
  .sidebar-no-results-state__title {
    text-align: center; }
  .sidebar-no-results-state__description {
    text-align: center;
    display: flex; }
    .sidebar-no-results-state__description span {
      display: inline-block;
      line-height: 18px; }

.update-user-profile-modal {
  z-index: 120; }
  .update-user-profile-modal-header .modal-header-title {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xl);
    font-weight: var(--text-weight-medium);
    padding-left: var(--spacing-xxl);
    padding-top: var(--spacing-xl); }
  .update-user-profile-modal-container {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl); }
    .update-user-profile-modal-container__text {
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-l);
      margin-bottom: var(--spacing-xl); }
    .update-user-profile-modal-container__input-name .label, .update-user-profile-modal-container__input-username .label {
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-s);
      font-weight: var(--text-weight-medium); }
    .update-user-profile-modal-container__input-name .input-field, .update-user-profile-modal-container__input-username .input-field {
      margin-bottom: var(--spacing-xs); }
    .update-user-profile-modal-container__input-name__error, .update-user-profile-modal-container__input-username__error {
      color: var(--content-color-error); }
    .update-user-profile-modal-container__info {
      margin-top: var(--spacing-m);
      line-height: var(--line-height-m);
      color: var(--content-color-tertiary); }
      .update-user-profile-modal-container__info .profile-link {
        color: var(--content-color-link);
        line-break: anywhere; }
    .update-user-profile-modal-container__actions {
      width: 100%;
      display: flex; }
      .update-user-profile-modal-container__actions .btn-secondary {
        margin-right: var(--spacing-s); }
      .update-user-profile-modal-container__actions .btn-primary {
        flex: 1; }
  .update-user-profile-modal-footer {
    padding: var(--spacing-xl) var(--spacing-xxl); }

.empty-overlay {
  width: 100%;
  height: 48px;
  position: fixed;
  z-index: 100;
  background-color: var(--background-modal-backdrop) !important; }

.scratchpad-button-wrapper {
  display: flex;
  align-items: center;
  padding: var(--spacing-zero) var(--spacing-s);
  width: 100px;
  height: 24px;
  background-color: var(--background-color-tertiary);
  border-radius: 12px;
  line-height: var(--text-size-s);
  cursor: pointer; }
  .scratchpad-button-wrapper .scratchpad-button-icon {
    padding: var(--spacing-zero) var(--spacing-xs); }
  .scratchpad-button-wrapper .scratchpad-button-text {
    font-size: var(--text-size-s);
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium);
    padding: var(--spacing-zero) var(--spacing-xs); }

.contextbar-signin-prompt-state {
  height: 300px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  margin: 167px auto;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s); }
  .contextbar-signin-prompt-state__icon-container {
    height: 56px;
    width: 56px;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-max);
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .contextbar-signin-prompt-state__icon-container .contextbar-signin-prompt-state__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .contextbar-signin-prompt-state__icon-container .contextbar-signin-prompt-state__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
  .contextbar-signin-prompt-state__title {
    color: var(--content-color-primary);
    padding: var(--spacing-xs) 40px;
    text-align: center; }
    .contextbar-signin-prompt-state__title h4 {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: 0;
      margin-top: var(--spacing-l); }
  .contextbar-signin-prompt-state__body {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-m);
    text-align: center; }
  .contextbar-signin-prompt-state__link-action {
    margin-top: var(--spacing-xl); }

.scratchpad-setup-modal {
  min-height: 232px; }
  .scratchpad-setup-modal__content .message {
    display: inline-block; }
  .scratchpad-setup-modal__content .message-error, .scratchpad-setup-modal__content .message-success {
    margin-left: var(--spacing-s);
    vertical-align: top; }
  .scratchpad-setup-modal__content .description {
    margin-top: var(--spacing-s);
    color: var(--content-color-primary); }
  .scratchpad-setup-modal__content .link {
    color: var(--content-color-link);
    cursor: pointer; }
  .scratchpad-setup-modal__footer.modal-footer {
    position: relative;
    padding: var(--spacing-l) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
    flex-basis: 72px; }
    .scratchpad-setup-modal__footer.modal-footer .btn {
      height: var(--controls-size-default);
      min-width: 50px;
      padding: var(--spacing-s) var(--spacing-m);
      margin-left: var(--spacing-s); }
  .scratchpad-setup-modal__footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 90%;
    background-color: var(--border-color-strong);
    margin: 0 var(--spacing-xl); }

.sidebar-signin-prompt-state {
  height: 300px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  margin: 0 auto;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s); }
  .sidebar-signin-prompt-state__icon-container {
    height: 56px;
    width: 56px;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-max);
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .sidebar-signin-prompt-state__icon-container .sidebar-signin-prompt-state__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .sidebar-signin-prompt-state__icon-container .sidebar-signin-prompt-state__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
  .sidebar-signin-prompt-state__title {
    color: var(--content-color-secondary);
    padding: var(--spacing-xs) 40px;
    text-align: center; }
    .sidebar-signin-prompt-state__title h4 {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: 0;
      margin-top: var(--spacing-l); }
  .sidebar-signin-prompt-state__body {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-m);
    text-align: center; }
  .sidebar-signin-prompt-state__link-action {
    margin-top: var(--spacing-xl);
    color: var(--content-color-brand);
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-medium); }

.workbench-signin-prompt-state {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-l);
  align-items: center;
  margin: 25vh auto;
  font-size: var(--text-size-s);
  line-height: var(--line-height-s); }
  .workbench-signin-prompt-state__icon-container {
    height: 56px;
    width: 56px;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-max);
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .workbench-signin-prompt-state__icon-container .workbench-signin-prompt-state__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .workbench-signin-prompt-state__icon-container .workbench-signin-prompt-state__icon svg {
        height: var(--size-m);
        width: var(--size-m); }
  .workbench-signin-prompt-state__title {
    color: var(--content-color-secondary);
    padding: var(--spacing-xs) 40px;
    text-align: center; }
    .workbench-signin-prompt-state__title h4 {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-bottom: 0;
      margin-top: var(--spacing-l); }
  .workbench-signin-prompt-state__body {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-l);
    padding: var(--spacing-xs) var(--spacing-m);
    text-align: center; }
  .workbench-signin-prompt-state__action {
    padding: 0px;
    justify-content: start; }
    .workbench-signin-prompt-state__action__icon {
      margin-right: var(--spacing-s); }
      .workbench-signin-prompt-state__action__icon use {
        fill: var(--content-color-brand); }
      .workbench-signin-prompt-state__action__icon svg > path[fill] {
        fill: var(--content-color-brand); }

.billing-container {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  overflow-y: scroll; }
  .billing-container__error {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
  .billing-container__tabs {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    margin: 0 var(--spacing-s); }
  .billing-container__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .billing-container__side-nav {
    width: 250px;
    height: calc(100vh - 80px);
    border-right: var(--border-width-default) solid var(--border-color-strong);
    padding-top: var(--spacing-xxl); }
    .billing-container__side-nav-heading {
      margin: 0px 0px var(--spacing-l) 0px;
      color: var(--content-color-primary); }
      .billing-container__side-nav-heading--light {
        color: var(--content-color-secondary);
        font-weight: var(--text-weight-regular);
        font-size: var(--text-size-l); }
    .billing-container__side-nav-item {
      font-size: var(--text-size-m);
      padding: var(--spacing-s);
      cursor: pointer; }
    .billing-container__side-nav-item.active {
      background-color: var(--background-color-brand);
      font-weight: var(--text-weight-medium); }
  .billing-container__inner {
    font-size: var(--text-size-l);
    max-width: 700px;
    width: 100%;
    padding-left: var(--spacing-xxl);
    position: relative; }
    .billing-container__inner .billing-heading {
      padding-left: var(--spacing-m);
      margin-top: var(--spacing-xl);
      color: var(--content-color-primary); }
  .billing-container__view {
    width: 700px;
    box-sizing: border-box;
    padding: var(--spacing-s); }
  .billing-container .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .billing-container .empty-state--absolute-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .billing-container .empty-state__body {
      font-size: var(--text-size-m);
      color: var(--content-color-secondary);
      margin: 0 0 var(--spacing-xl) 0; }
    .billing-container .empty-state__action {
      background: transparent; }
  .billing-container .empty-tab-state__title span {
    color: var(--content-color-primary); }

.resource-usage-overview-item {
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding: var(--spacing-l) var(--spacing-zero); }
  .resource-usage-overview-item__title {
    margin-block-start: var(--spacing-s);
    margin-block-end: var(--spacing-s); }
  .resource-usage-overview-item__progress {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .resource-usage-overview-item__progress .billing-progress-bar {
      width: 70%; }
  .resource-usage-overview-item__detailed-usage-link {
    font-size: var(--text-size-m); }
  .resource-usage-overview-item__usage-details {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-regular);
    line-height: var(--line-height-m);
    padding: var(--spacing-s) var(--spacing-zero);
    color: var(--content-color-tertiary); }
  .resource-usage-overview-item .overage {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .resource-usage-overview-item .overage .toggle-switch-container {
      align-items: normal; }
      .resource-usage-overview-item .overage .toggle-switch-container .toggle-switch {
        margin-top: var(--spacing-l); }
    .resource-usage-overview-item .overage .loading-indicator-wrapper {
      padding-right: var(--spacing-l);
      padding-top: var(--spacing-xl);
      transform: scale(0.7); }
  .resource-usage-overview-item .overage-message__title {
    font-size: var(--text-size-m); }
  .resource-usage-overview-item .overage-message__description {
    font-size: var(--text-size-s);
    color: var(--content-color-secondary);
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-l);
    max-width: none; }

.billing-progress-bar {
  position: relative;
  background-color: var(--background-color-secondary);
  margin-top: var(--spacing-s);
  height: var(--spacing-xs);
  border-radius: var(--spacing-xs);
  box-sizing: border-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 100%; }
  .billing-progress-bar__indicator {
    float: left;
    width: 0;
    height: 100%;
    background-color: var(--content-color-tertiary);
    border-radius: var(--spacing-xs); }
  .billing-progress-bar__limit {
    background-color: var(--background-color-primary);
    border: var(--border-width-xl) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-max);
    height: 3px;
    width: 3px;
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%); }
    .billing-progress-bar__limit--dark {
      border: var(--border-width-xl) var(--border-style-solid) var(--content-color-tertiary); }
  .billing-progress-bar__overage-indicator {
    position: absolute;
    right: 10%;
    width: 7%;
    height: var(--spacing-xs);
    transform: translateX(100%);
    background-color: var(--blue-50);
    border-top-right-radius: var(--spacing-xs);
    border-bottom-right-radius: var(--spacing-xs); }

.resource-usage-overview__container .alert-wrapper {
  font-size: var(--text-size-m);
  margin-bottom: var(--spacing-xxl); }
  .resource-usage-overview__container .alert-wrapper .alert-info {
    background-color: var(--background-color-info); }

.resource-usage-overview__section-header {
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding-bottom: var(--spacing-l); }

.resource-usage-overview__add-ons {
  padding-top: var(--spacing-xl); }

.resource-usage-overview__included-resources {
  padding-top: var(--spacing-xxl); }

.resource-usage-overview__list {
  padding: var(--spacing-zero) var(--spacing-s); }

.resource-usage-overview__heading {
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-xs); }

.resource-usage-overview__description {
  display: inline-block;
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  line-height: calc((var(--line-height-m) + var(--line-height-l)) / 2);
  max-width: none; }

.resource-usage-overview__disabled-tooltip {
  margin-top: 0px; }
  .resource-usage-overview__disabled-tooltip-wrapper {
    display: inline-block; }
  .resource-usage-overview__disabled-tooltip-option {
    font-size: var(--text-size-m);
    margin: 0; }
  .resource-usage-overview__disabled-tooltip-heading {
    font-weight: var(--text-weight-medium); }
  .resource-usage-overview__disabled-tooltip-description {
    margin: var(--spacing-xs) 0; }

.invoice-widget__upcoming {
  display: flex;
  justify-content: flex-start;
  margin: var(--spacing-s) 0px;
  align-items: center; }
  .invoice-widget__upcoming-status {
    margin-right: var(--spacing-l);
    background: var(--background-color-warning);
    padding: 2px 12px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    color: var(--content-color-warning);
    border-radius: 32px; }
  .invoice-widget__upcoming-details {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    margin-left: var(--spacing-s); }

.invoice-widget__unpaid {
  margin: var(--spacing-s) 0px; }
  .invoice-widget__unpaid-invoice-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: var(--spacing-s); }
  .invoice-widget__unpaid-status {
    margin-right: var(--spacing-l);
    background: var(--background-color-error);
    padding: 2px 12px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    color: var(--content-color-error);
    border-radius: 32px; }
  .invoice-widget__unpaid-details {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    margin-left: var(--spacing-s); }

.invoice-widget__paid {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: var(--spacing-s) 0px; }
  .invoice-widget__paid-status {
    margin-right: var(--spacing-l);
    background: var(--background-color-success);
    padding: 2px 12px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    color: var(--content-color-success);
    border-radius: 32px; }
  .invoice-widget__paid-details {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    margin-left: var(--spacing-s); }

.invoice-widget__status {
  display: flex; }

.invoice-widget__invoice-link {
  text-decoration: underline;
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  margin-left: var(--spacing-l);
  cursor: pointer; }

.billing-widget__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-l) var(--spacing-s);
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box; }
  .billing-widget__container .invoices-overview {
    width: 80%; }

.billing-widget__inner-container {
  height: 100%;
  width: 75%; }

.billing-widget__action-link {
  color: var(--content-color-link);
  font-size: var(--text-size-m);
  cursor: pointer; }

.widget-empty-state {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--text-size-s);
  color: var(--content-color-secondary); }
  .widget-empty-state__icon {
    margin-right: var(--spacing-s); }

.billing-information__loader {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center; }

.billing-information .alert-wrapper {
  font-size: var(--text-size-m);
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-xl); }
  .billing-information .alert-wrapper .alert-info {
    padding-top: var(--spacing-m);
    padding-bottom: var(--spacing-m);
    background-color: var(--background-color-info); }

.billing-information__free-plan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 52px; }
  .billing-information__free-plan-heading {
    margin-top: var(--spacing-l);
    line-height: var(--line-height-m);
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium); }
  .billing-information__free-plan-sub-heading {
    font-size: var(--text-size-m);
    color: var(--content-color-tertiary);
    margin-top: var(--spacing-s);
    line-height: var(--line-height-m); }
  .billing-information__free-plan-icon {
    height: 150px;
    width: 150px; }
    .billing-information__free-plan-icon i {
      height: 50%;
      width: 50%; }
    .billing-information__free-plan-icon svg {
      height: 100%;
      width: 100%; }
  .billing-information__free-plan-upgrade-button {
    margin-top: var(--spacing-l);
    padding: var(--spacing-s) var(--spacing-m);
    height: var(--size-m); }

.billing-information__purchase-key-button {
  margin-top: var(--spacing-m); }

.billing-information__links {
  padding: var(--spacing-xl) var(--spacing-m);
  color: var(--content-color-secondary);
  font-size: var(--text-size-s); }
  .billing-information__links span {
    cursor: pointer; }

.contact-support-widget {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary); }

.dot-separator {
  position: relative;
  bottom: 3px;
  margin: var(--spacing-s); }

.current-plan-details__header,
.autoflex-details__header {
  display: flex;
  align-items: center; }

.current-plan-details__heading-wrapper,
.autoflex-details__heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: var(--spacing-s); }

.current-plan-details__heading,
.autoflex-details__heading {
  margin: var(--spacing-l) 0;
  display: inline-block;
  position: relative;
  font-size: var(--text-size-xl);
  font-weight: var(--text-weight-medium);
  padding-left: var(--spacing-s); }

.current-plan-details__pricing-change-badge,
.autoflex-details__pricing-change-badge {
  margin-left: var(--spacing-s); }

.current-plan-details__link,
.autoflex-details__link {
  display: inline-block;
  color: var(--content-color-link);
  font-size: var(--text-size-m);
  cursor: pointer; }

.current-plan-details__link.disabled,
.autoflex-details__link.disabled {
  pointer-events: none;
  opacity: 0.6; }

.current-plan-details__list,
.autoflex-details__list {
  width: 100%; }

.current-plan-details__list-heading,
.autoflex-details__list-heading {
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-medium);
  margin-bottom: var(--spacing-l); }

.current-plan-details__list-heading-item,
.autoflex-details__list-heading-item {
  border-bottom: 1px solid var(--border-color-default);
  padding: var(--spacing-s);
  text-align: left; }

.current-plan-details__list-row-item,
.autoflex-details__list-row-item {
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  padding: var(--spacing-m) var(--spacing-s);
  color: var(--content-color-secondary);
  border-bottom: 1px solid var(--border-color-default); }

.current-plan-details__amount-column,
.autoflex-details__amount-column {
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  padding: var(--spacing-m) var(--spacing-s);
  color: var(--content-color-primary);
  border-bottom: 1px solid var(--border-color-default);
  text-align: right; }

.current-plan-details__list-heading-item:last-child,
.autoflex-details__list-heading-item:last-child {
  text-align: right; }

.current-plan-details__list-row-item:last-child,
.autoflex-details__list-row-item:last-child {
  text-align: right; }

.current-plan-details__total,
.autoflex-details__total {
  position: relative;
  padding-bottom: var(--spacing-xxl);
  padding-top: var(--spacing-l);
  border-bottom: 1px solid var(--border-color-default); }

.current-plan-details__frequency,
.autoflex-details__frequency {
  color: var(--content-color-secondary);
  text-align: end;
  font-size: var(--text-size-s);
  padding-top: var(--spacing-xs); }

.current-plan-details__total-amount,
.autoflex-details__total-amount {
  color: var(--content-color-primary);
  text-align: end;
  font-size: var(--text-size-l);
  font-weight: var(--text-weight-medium);
  padding-bottom: calc(var(--spacing-xs) / 2); }

.tax-info-tooltip .tooltip-wrapper {
  padding: 16px; }
  .tax-info-tooltip .tooltip-wrapper .tooltip-body .tax-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .tax-info-tooltip .tooltip-wrapper .tooltip-body .tax-list .tax-item {
      padding: 2px 0px; }
    .tax-info-tooltip .tooltip-wrapper .tooltip-body .tax-list__percentage {
      float: right;
      margin-left: 8px; }

.true-up-banner {
  background-color: var(--background-color-secondary);
  padding: var(--spacing-l);
  margin-top: var(--spacing-s); }
  .true-up-banner__heading-wrapper {
    display: flex; }
  .true-up-banner__heading {
    padding-left: var(--spacing-m); }
  .true-up-banner__content {
    padding-left: var(--spacing-xl); }
    .true-up-banner__content--text {
      max-width: none;
      margin-top: var(--spacing-xs); }
    .true-up-banner__content--button {
      background-color: var(--background-color-tertiary);
      margin-top: var(--spacing-s); }

.true-up-modal__content-text {
  color: var(--content-color-primary); }

.true-up-modal__footer {
  justify-content: end; }

.true-up-modal__action {
  display: flex;
  justify-content: center;
  align-items: center; }
  .true-up-modal__action-cancel {
    margin-right: var(--spacing-s); }
  .true-up-modal__action-proceed {
    min-width: 140px; }

.true-up-modal__checkbox-wrapper {
  margin-top: var(--spacing-xl); }

.true-up-modal__checkbox-label {
  margin-left: var(--spacing-s);
  color: var(--content-color-secondary); }

.payment-widget__loader {
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center; }

.payment-widget__heading {
  font-size: var(--text-size-m);
  line-height: var(--line-height-l); }

.payment-widget__card-details {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary); }

.invoices__subheading {
  padding-top: var(--spacing-m);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--border-color-default);
  color: var(--content-color-secondary);
  font-size: var(--text-size-l);
  max-width: none; }

.invoices__container .invoice-list__list {
  width: 100%; }

.invoices__container .invoice-list__list-heading {
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-medium);
  margin-bottom: var(--spacing-l); }

.invoices__container .invoice-list__list-heading-item {
  border-bottom: 1px solid var(--border-color-default);
  padding: var(--spacing-s);
  text-align: left; }

.invoices__container .billing-information-widget {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .invoices__container .billing-information-widget__address {
    display: flex; }
  .invoices__container .billing-information-widget .label {
    color: var(--content-color-secondary); }

.invoices__status-overdue {
  margin-right: var(--spacing-l);
  background: var(--background-color-error);
  padding: 2px 12px;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-s);
  color: var(--content-color-error);
  border-radius: 32px;
  display: inline-block; }

.invoices__status-upcoming {
  margin-right: var(--spacing-l);
  background: var(--background-color-warning);
  padding: 2px 12px;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-s);
  color: var(--content-color-warning);
  border-radius: 32px;
  display: inline-block; }

.invoices__status-paid {
  background: var(--background-color-success);
  padding: 2px 12px;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-s);
  color: var(--content-color-success);
  border-radius: 32px;
  display: inline-block; }

.invoices__history {
  padding-bottom: var(--spacing-xxl); }

.invoices__history-heading, .invoices__overdue-heading {
  padding-top: var(--spacing-xxl);
  padding-bottom: var(--spacing-l);
  display: none;
  position: relative;
  font-size: var(--text-size-xl);
  font-weight: var(--text-weight-medium); }
  @media (min-width: 768px) {
    .invoices__history-heading, .invoices__overdue-heading {
      display: block; } }

.invoices__history-list-row-item, .invoices__overdue-list-row-item {
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-regular);
  padding: var(--spacing-m) var(--spacing-s);
  border-bottom: 1px solid var(--border-color-default);
  width: 15%; }

.invoices__history-list-row-item:last-child, .invoices__overdue-list-row-item:last-child {
  width: 35%; }

.invoices__history-list-row-item:nth-child(2), .invoices__overdue-list-row-item:nth-child(2) {
  width: 35%;
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.invoices__history-retry-link, .invoices__overdue-retry-link {
  display: inline-block;
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  cursor: pointer;
  margin-left: var(--spacing-s); }

.invoices__history-list-row-item:last-child, .invoices__overdue-list-row-item:last-child {
  position: relative; }

.invoices__history-download-link, .invoices__overdue-download-link {
  display: inline-block;
  position: absolute;
  right: var(--spacing-m); }

.invoices__upcoming {
  font-size: var(--text-size-m);
  margin-top: var(--spacing-s); }
  .invoices__upcoming-status {
    margin-left: var(--spacing-l);
    background: var(--background-color-warning);
    padding: 2px 12px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-s);
    color: var(--content-color-warning);
    border-radius: 32px; }
  .invoices__upcoming-default-card {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    margin-top: var(--spacing-xs); }

.payment-methods {
  padding-bottom: var(-spacing-xxl); }
  .payment-methods__loader {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .payment-methods__empty-state {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .payment-methods__list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline-start: var(--spacing-zero); }
    .payment-methods__list-row {
      padding: var(--spacing-l) var(--spacing-zero);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .payment-methods__list-row:hover {
        background: var(--background-color-secondary); }
        .payment-methods__list-row:hover .payment-methods__default {
          display: inline-flex; }
        .payment-methods__list-row:hover .payment-methods__remove {
          display: inline-flex; }
        .payment-methods__list-row:hover .payment-methods-primary {
          display: none; }
  .payment-methods__image {
    display: inline-block !important;
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default);
    box-sizing: border-box;
    background-color: var(--background-color-primary);
    margin-right: var(--spacing-l);
    margin-left: var(--spacing-xs); }
    .payment-methods__image svg {
      padding: var(--spacing-zero) var(--spacing-s); }
    .payment-methods__image--visa {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--mastercard {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xOS4yMjIgOC42ODczNUgxMC43ODA1VjIyLjQ3NDdIMTkuMjIyVjguNjg3MzVaIiBmaWxsPSIjRkY1RjAwIi8+CjxwYXRoIGQ9Ik0xMS42NDk5IDE1LjU4MjNDMTEuNjQ4OSAxNC4yNTQ3IDExLjk0OTggMTIuOTQ0MiAxMi41MyAxMS43NTAxQzEzLjExMDIgMTAuNTU2IDEzLjk1NDQgOS41MDk0OCAxNC45OTg3IDguNjg5NzlDMTMuNzA1MyA3LjY3MzI3IDEyLjE1MTkgNy4wNDExNSAxMC41MTYyIDYuODY1NjlDOC44ODA0NSA2LjY5MDIzIDcuMjI4MzcgNi45Nzg1IDUuNzQ4NzMgNy42OTc1NUM0LjI2OTA5IDguNDE2NjEgMy4wMjE2IDkuNTM3NDQgMi4xNDg4MyAxMC45MzE5QzEuMjc2MDcgMTIuMzI2NCAwLjgxMzIzMiAxMy45Mzg0IDAuODEzMjMyIDE1LjU4MzVDMC44MTMyMzIgMTcuMjI4NiAxLjI3NjA3IDE4Ljg0MDUgMi4xNDg4MyAyMC4yMzVDMy4wMjE2IDIxLjYyOTUgNC4yNjkwOSAyMi43NTAzIDUuNzQ4NzMgMjMuNDY5NEM3LjIyODM3IDI0LjE4ODQgOC44ODA0NSAyNC40NzY3IDEwLjUxNjIgMjQuMzAxMkMxMi4xNTE5IDI0LjEyNTggMTMuNzA1MyAyMy40OTM3IDE0Ljk5ODcgMjIuNDc3MUMxMy45NTQxIDIxLjY1NzIgMTMuMTA5NyAyMC42MTAzIDEyLjUyOTUgMTkuNDE1OEMxMS45NDkzIDE4LjIyMTIgMTEuNjQ4NSAxNi45MTAzIDExLjY0OTkgMTUuNTgyM1oiIGZpbGw9IiNFQjAwMUIiLz4KPHBhdGggZD0iTTI4LjM0NzcgMjEuMDE1OFYyMC43MzMzSDI4LjQ2OTVWMjAuNjc0OUgyOC4xNzk3VjIwLjczMzNIMjguMjk0MlYyMS4wMTU4SDI4LjM0NzdaTTI4LjkxMDMgMjEuMDE1OFYyMC42NzQ5SDI4LjgyMjdMMjguNzIwNCAyMC45MTg0TDI4LjYxODEgMjAuNjc0OUgyOC41MzA0VjIxLjAxNThIMjguNTkzN1YyMC43NTc3TDI4LjY4ODcgMjAuOTc5M0gyOC43NTQ1TDI4Ljg0OTQgMjAuNzU3N1YyMS4wMTU4SDI4LjkxMDNaIiBmaWxsPSIjRjc5RTFCIi8+CjxwYXRoIGQ9Ik0yOS4xODU1IDE1LjU4MjJDMjkuMTg1NSAxNy4yMjc0IDI4LjcyMjYgMTguODM5NSAyNy44NDk2IDIwLjIzNEMyNi45NzY3IDIxLjYyODYgMjUuNzI5IDIyLjc0OTQgMjQuMjQ5MiAyMy40NjgzQzIyLjc2OTQgMjQuMTg3MyAyMS4xMTcyIDI0LjQ3NTQgMTkuNDgxMyAyNC4yOTk3QzE3Ljg0NTUgMjQuMTIzOSAxNi4yOTIxIDIzLjQ5MTUgMTQuOTk4OCAyMi40NzQ3QzE2LjA0MjcgMjEuNjU0MyAxNi44ODY3IDIwLjYwNzUgMTcuNDY3IDE5LjQxMzNDMTguMDQ3MyAxOC4yMTkxIDE4LjM0ODkgMTYuOTA4NyAxOC4zNDg5IDE1LjU4MUMxOC4zNDg5IDE0LjI1MzMgMTguMDQ3MyAxMi45NDI5IDE3LjQ2NyAxMS43NDg3QzE2Ljg4NjcgMTAuNTU0NSAxNi4wNDI3IDkuNTA3NzQgMTQuOTk4OCA4LjY4NzMzQzE2LjI5MjEgNy42NzA0OSAxNy44NDU1IDcuMDM4MDYgMTkuNDgxMyA2Ljg2MjM1QzIxLjExNzIgNi42ODY2MyAyMi43Njk0IDYuOTc0NzIgMjQuMjQ5MiA3LjY5MzY3QzI1LjcyOSA4LjQxMjYyIDI2Ljk3NjcgOS41MzM0MyAyNy44NDk2IDEwLjkyOEMyOC43MjI2IDEyLjMyMjUgMjkuMTg1NSAxMy45MzQ2IDI5LjE4NTUgMTUuNTc5OFYxNS41ODIyWiIgZmlsbD0iI0Y3OUUxQiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjIxLjE2NDUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); }
    .payment-methods__image--amex {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--jcb {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--unionPay {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--alipay {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--discover {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .payment-methods__image--defaultCard {
      display: block;
      width: 46px;
      height: 37px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzExMzggMEMxLjIxNzU2IDAgMCAxLjA0NjggMCAyLjMzNDFWNC41NzkwNFY3LjQ3NzIxVjE0LjY2MzVDMCAxNS45NTA4IDEuMjE3NTYgMTcgMi43MTEzOCAxN0gyNC4yODc3QzI1Ljc4MTUgMTcgMjcgMTUuOTUwOCAyNyAxNC42NjM1VjcuNDc3MjFWNC41NzkwNFYyLjMzNDFDMjcgMS4wNDY4IDI1Ljc4MTUgMCAyNC4yODc3IDBIMi43MTEzOFpNMi43MTEzOCAwLjgyOTkwMUgyNC4yODc3QzI1LjI2NDYgMC44Mjk5MDEgMjYuMDM3IDEuNDkyMjEgMjYuMDM3IDIuMzM0MVY0LjE2MjQ3SDAuOTYzMDQyVjIuMzM0MUMwLjk2MzA0MiAxLjQ5MjIxIDEuNzM0NDMgMC44Mjk5MDEgMi43MTEzOCAwLjgyOTkwMVpNMC45NjMwNDIgNC45OTMxOEgyNi4wMzdWNy4wNjA2NEgwLjk2MzA0MlY0Ljk5MzE4Wk0wLjk2MzA0MiA3Ljg5MDU0SDI2LjAzN1YxNC42NjM1QzI2LjAzNyAxNS41MDU0IDI1LjI2NDYgMTYuMTcwMSAyNC4yODc3IDE2LjE3MDFIMi43MTEzOEMxLjczNDQzIDE2LjE3MDEgMC45NjMwNDIgMTUuNTA1NCAwLjk2MzA0MiAxNC42NjM1VjcuODkwNTRaTTMuOTA5NTQgMTAuNjI5MUMzLjg0NTQxIDEwLjYyNzggMy43ODE2MyAxMC42Mzc3IDMuNzIxOTcgMTAuNjU4QzMuNjYyMyAxMC42NzgzIDMuNjA3OTQgMTAuNzA4NiAzLjU2MjA4IDEwLjc0NzNDMy41MTYyMiAxMC43ODU5IDMuNDc5NzggMTAuODMyMSAzLjQ1NDkgMTAuODgzQzMuNDMwMDIgMTAuOTM0IDMuNDE3MjEgMTAuOTg4NyAzLjQxNzIxIDExLjA0NEMzLjQxNzIxIDExLjA5OTMgMy40MzAwMiAxMS4xNTQgMy40NTQ5IDExLjIwNUMzLjQ3OTc4IDExLjI1NTkgMy41MTYyMiAxMS4zMDIxIDMuNTYyMDggMTEuMzQwN0MzLjYwNzk0IDExLjM3OTQgMy42NjIzIDExLjQwOTggMy43MjE5NyAxMS40MzAxQzMuNzgxNjMgMTEuNDUwNCAzLjg0NTQxIDExLjQ2MDIgMy45MDk1NCAxMS40NTlIOS45Njk5NEMxMC4wOTU4IDExLjQ1NjUgMTAuMjE1NiAxMS40MTE4IDEwLjMwMzYgMTEuMzM0MkMxMC4zOTE2IDExLjI1NjcgMTAuNDQwOSAxMS4xNTI1IDEwLjQ0MDkgMTEuMDQ0QzEwLjQ0MDkgMTAuOTM1NSAxMC4zOTE2IDEwLjgzMTMgMTAuMzAzNiAxMC43NTM4QzEwLjIxNTYgMTAuNjc2MiAxMC4wOTU4IDEwLjYzMTUgOS45Njk5NCAxMC42MjkxSDMuOTA5NTRaTTMuOTA5NTQgMTIuODcxNkMzLjg0NTQxIDEyLjg3MDMgMy43ODE2NCAxMi44ODAyIDMuNzIxOTcgMTIuOTAwNUMzLjY2MjMxIDEyLjkyMDggMy42MDc5NSAxMi45NTExIDMuNTYyMDkgMTIuOTg5OEMzLjUxNjIzIDEzLjAyODQgMy40Nzk3OSAxMy4wNzQ2IDMuNDU0OTIgMTMuMTI1NkMzLjQzMDA0IDEzLjE3NjUgMy40MTcyMyAxMy4yMzEyIDMuNDE3MjMgMTMuMjg2NUMzLjQxNzIzIDEzLjM0MTggMy40MzAwNCAxMy4zOTY1IDMuNDU0OTIgMTMuNDQ3NUMzLjQ3OTc5IDEzLjQ5ODQgMy41MTYyMyAxMy41NDQ2IDMuNTYyMDkgMTMuNTgzMkMzLjYwNzk1IDEzLjYyMTkgMy42NjIzMSAxMy42NTIzIDMuNzIxOTcgMTMuNjcyNkMzLjc4MTY0IDEzLjY5MjkgMy44NDU0MSAxMy43MDI3IDMuOTA5NTQgMTMuNzAxNUg2LjQ5NzcyQzYuNTYxODUgMTMuNzAyNyA2LjYyNTYyIDEzLjY5MjkgNi42ODUyOSAxMy42NzI2QzYuNzQ0OTUgMTMuNjUyMyA2Ljc5OTMxIDEzLjYyMTkgNi44NDUxNyAxMy41ODMyQzYuODkxMDMgMTMuNTQ0NiA2LjkyNzQ2IDEzLjQ5ODQgNi45NTIzNCAxMy40NDc1QzYuOTc3MjIgMTMuMzk2NSA2Ljk5MDAzIDEzLjM0MTggNi45OTAwMyAxMy4yODY1QzYuOTkwMDMgMTMuMjMxMiA2Ljk3NzIyIDEzLjE3NjUgNi45NTIzNCAxMy4xMjU2QzYuOTI3NDYgMTMuMDc0NiA2Ljg5MTAzIDEzLjAyODQgNi44NDUxNyAxMi45ODk4QzYuNzk5MzEgMTIuOTUxMSA2Ljc0NDk1IDEyLjkyMDggNi42ODUyOSAxMi45MDA1QzYuNjI1NjIgMTIuODgwMiA2LjU2MTg1IDEyLjg3MDMgNi40OTc3MiAxMi44NzE2SDMuOTA5NTRaIiBmaWxsPSIjNkI2QjZCIi8+Cjwvc3ZnPgo=); }
  .payment-methods__wrapper {
    display: flex; }
  .payment-methods__subheading {
    overflow: auto;
    padding: var(--spacing-m) var(--spacing-zero) var(--spacing-xl) var(--spacing-zero); }
    .payment-methods__subheading-text {
      display: inline-block;
      color: var(--content-color-secondary);
      padding: 6px var(--spacing-zero);
      font-size: var(--text-size-l); }
  .payment-methods__border {
    color: var(--border-color-default);
    margin: var(--spacing-zero); }
  .payment-methods__add {
    float: right; }
  .payment-methods__details {
    display: inline-block; }
  .payment-methods__description {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m); }
  .payment-methods__action {
    padding: 2px 0px;
    float: right; }
  .payment-methods__remove {
    margin-right: var(--spacing-s);
    float: right;
    display: none; }
  .payment-methods__default {
    margin-right: var(--spacing-s);
    display: none; }
  .payment-methods-primary {
    margin-top: var(--spacing-xs);
    margin-right: var(--spacing-s);
    background: var(--background-color-info);
    padding: 2px 12px;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    color: var(--content-color-info);
    border-radius: 32px;
    float: right; }

.delete-payment-method__info {
  margin-top: var(--spacing-m);
  display: flex;
  color: var(--content-color-secondary); }
  .delete-payment-method__info-text {
    margin: var(--spacing-zero) var(--spacing-s); }
  .delete-payment-method__info i {
    margin: 1px var(--spacing-zero); }

.delete-payment-method__action-delete {
  background-color: var(--base-color-error);
  margin-left: var(--spacing-s);
  height: var(--size-m); }

.delete-payment-method__action-cancel {
  height: var(--size-m); }

.add-payment-method {
  max-width: 420px; }
  .add-payment-method__title {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em; }
  .add-payment-method__back-button {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-l);
    font-size: var(--text-size-m);
    cursor: pointer; }
    .add-payment-method__back-button-link {
      margin: 0px 0px 0px var(--spacing-xs); }
  .add-payment-method__info {
    margin-top: var(--spacing-m);
    display: flex;
    color: var(--content-color-secondary); }
    .add-payment-method__info-text {
      margin: var(--spacing-zero) var(--spacing-s); }
    .add-payment-method__info i {
      margin: 1px var(--spacing-zero); }
  .add-payment-method__card {
    background: var(--background-color-primary);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    box-sizing: border-box;
    border-radius: var(--border-radius-s);
    margin: var(--spacing-l) var(--spacing-zero); }
    .add-payment-method__card-title {
      margin: var(--spacing-zero);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m); }
    .add-payment-method__card-details {
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      display: flex;
      width: 100%; }
    .add-payment-method__card-expiry-element {
      width: 50%;
      display: inline-block;
      border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      vertical-align: bottom; }
    .add-payment-method__card-cvc-element {
      width: 50%;
      display: inline-block;
      vertical-align: bottom; }
    .add-payment-method__card .StripeElement {
      padding: 10px;
      background-color: var(--background-color-secondary); }
      .add-payment-method__card .StripeElement:hover, .add-payment-method__card .StripeElement.is-hovered {
        background-color: var(--background-color-tertiary); }
  .add-payment-method__label-title {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-medium); }
    .add-payment-method__label-title span {
      color: var(--content-color-secondary);
      font-size: var(--text-size-s);
      font-weight: var(--text-weight-regular); }
  .add-payment-method__label-description {
    margin-top: 0;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .add-payment-method__label-input {
    flex: 1;
    padding: var(--spacing-s) var(--spacing-zero); }
  .add-payment-method__address-title {
    margin: var(--spacing-zero);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m); }
  .add-payment-method__address-subtitle {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    padding: var(--spacing-xs) var(--spacing-zero); }
  .add-payment-method__address-segment {
    margin: var(--spacing-s) 0; }
  .add-payment-method__address-wrapper {
    position: relative;
    display: inline-block;
    width: 50%; }
  .add-payment-method__address-line2 {
    color: var(--content-color-secondary);
    font-size: var(--text-size-s);
    padding: var(--spacing-xs); }
  .add-payment-method--default {
    display: inline-flex;
    margin-right: var(--spacing-xs); }
  .add-payment-method--country-dropdown {
    display: inline-block;
    position: relative;
    height: var(--controls-size-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-s);
    background-color: var(--background-color-secondary);
    width: 100%; }
    .add-payment-method--country-dropdown .pm-form-control {
      width: 100%;
      height: 100%;
      border: 5px transparent;
      background-color: var(--background-color-secondary);
      font-size: var(--text-size-m); }
    .add-payment-method--country-dropdown select {
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      padding: 0 var(--spacing-m) 0 var(--spacing-s);
      -webkit-padding-end: var(--spacing-m);
      -webkit-padding-start: var(--spacing-s); }
  .add-payment-method--region-dropdown {
    display: inline-block;
    position: relative;
    height: var(--controls-size-default);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-s);
    width: 90%; }
    .add-payment-method--region-dropdown .pm-form-control {
      width: 100%;
      height: 100%;
      border: 5px transparent;
      background-color: var(--background-color-secondary);
      font-size: var(--text-size-m); }
    .add-payment-method--region-dropdown select {
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      padding: 0 var(--spacing-m) 0 var(--spacing-s);
      -webkit-padding-end: var(--spacing-m);
      -webkit-padding-start: var(--spacing-s); }
  .add-payment-method--country-dropdown:after, .add-payment-method--region-dropdown:after {
    content: "";
    border: 5px solid transparent;
    border-color: grey transparent transparent transparent;
    position: absolute;
    top: 45%;
    right: 12px;
    pointer-events: none; }
  .add-payment-method__actions {
    display: flex;
    align-items: center;
    padding-bottom: var(--spacing-xl); }
  .add-payment-method__action-confirm {
    margin-right: var(--spacing-s);
    height: var(--size-m); }
  .add-payment-method__action-delete {
    background-color: var(--base-color-error);
    margin-left: var(--spacing-s);
    height: var(--size-m); }
  .add-payment-method__action-cancel {
    height: var(--size-m); }

.future-instructions-widget__empty,
.current-plan-details-widget__empty {
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary); }

.future-instructions-widget__amount,
.current-plan-details-widget__amount {
  margin: 0; }

.future-instructions-widget ul,
.current-plan-details-widget ul {
  margin: 0;
  padding: 0; }

.future-instructions-widget li,
.current-plan-details-widget li {
  list-style: none; }

.future-instructions-widget__plan-details,
.current-plan-details-widget__plan-details {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin-top: var(--spacing-s); }

.future-instructions-widget__badge,
.current-plan-details-widget__badge {
  margin-right: var(--spacing-s);
  margin-left: var(--spacing-zero); }

.account-events__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: var(--spacing-xxxl); }
  .account-events__empty-icon {
    height: 150px;
    width: 150px; }
    .account-events__empty-icon svg {
      height: 100%;
      width: 100%; }

.account-events__loader {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center; }

.account-events__list {
  margin: 0;
  padding: 0; }

.account-events__list-heading {
  display: flex;
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
  font-weight: var(--text-weight-medium);
  border-bottom: 1px solid var(--border-color-default);
  padding: var(--spacing-s);
  padding-top: 0; }
  .account-events__list-heading-date {
    width: 25%; }

.account-events__list-item {
  display: flex;
  padding: var(--spacing-m) var(--spacing-s);
  border-bottom: 1px solid var(--border-color-default); }
  .account-events__list-item-date {
    width: 25%;
    font-size: var(--text-size-m);
    color: var(--content-color-tertiary); }
  .account-events__list-item-details {
    width: 75%; }
  .account-events__list-item-event-type {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-s); }
  .account-events__list-item-message {
    font-size: var(--text-size-m);
    color: var(--content-color-tertiary); }

.account-history__description {
  padding-top: var(--spacing-m);
  padding-bottom: var(--spacing-xl);
  color: var(--content-color-secondary);
  font-size: var(--text-size-l); }

.edit-billing-information {
  width: 70%; }
  .edit-billing-information__heading {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em; }
  .edit-billing-information__back-button {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-l);
    font-size: var(--text-size-m);
    cursor: pointer; }
    .edit-billing-information__back-button-link {
      margin: 0px 0px 0px var(--spacing-xs); }
  .edit-billing-information__loader {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .edit-billing-information__action {
    display: flex;
    padding-bottom: var(--spacing-xl); }
    .edit-billing-information__action--save {
      margin-right: var(--spacing-m); }

.address-form__label-title {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }
  .address-form__label-title span {
    color: var(--content-color-secondary); }

.address-form__label-description {
  margin-top: var(--spacing-zero);
  color: var(--content-color-secondary);
  font-style: normal;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.address-form__label-input {
  flex: 1;
  padding: var(--spacing-xs) var(--spacing-zero); }

.address-form__address-segment {
  margin: var(--spacing-s) var(--spacing-zero); }

.address-form__address-two-column {
  display: flex;
  align-items: center; }

.address-form__address-two-column > div {
  flex: 1; }

.address-form--default {
  display: inline-flex;
  margin-right: var(--spacing-xs); }

.address-form--country-dropdown {
  display: inline-block;
  position: relative;
  height: var(--controls-size-default);
  border-radius: var(--border-radius-s);
  width: 100%;
  color: var(--content-color-primary); }
  .address-form--country-dropdown .pm-form-control {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--text-size-m);
    background: inherit; }
  .address-form--country-dropdown select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: var(--spacing-zero) var(--spacing-m) var(--spacing-zero) var(--spacing-s);
    -webkit-padding-end: var(--spacing-m);
    -webkit-padding-start: var(--spacing-s); }

.address-form--region-dropdown {
  display: inline-block;
  position: relative;
  height: var(--controls-size-default);
  border-radius: var(--border-radius-s);
  width: 90%;
  color: var(--content-color-primary); }
  .address-form--region-dropdown .pm-form-control {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--text-size-m);
    background: inherit; }
  .address-form--region-dropdown select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: var(--spacing-zero) var(--spacing-m) var(--spacing-zero) var(--spacing-s);
    -webkit-padding-end: var(--spacing-m);
    -webkit-padding-start: var(--spacing-s); }

.address-form--country-dropdown:after, .address-form--region-dropdown:after {
  content: "";
  border: var(--border-width-xl) solid transparent;
  border-color: var(--grey-40) transparent transparent transparent;
  position: absolute;
  top: 45%;
  right: var(--spacing-m);
  pointer-events: none; }

.address-form-title {
  margin: var(--spacing-zero);
  font-size: var(--text-size-l);
  line-height: var(--line-height-m); }

.address-form__postal-code {
  margin: var(--spacing-zero); }

.field-segment__container {
  margin: var(--spacing-s) 0; }

.field-segment__label-title {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium); }
  .field-segment__label-title span {
    color: var(--content-color-secondary);
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-regular); }

.field-segment__label-description {
  margin-top: 0;
  color: var(--content-color-secondary);
  font-style: normal;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.field-segment__label-input {
  flex: 1;
  padding: var(--spacing-s) var(--spacing-zero); }

.field-segment__error {
  font-size: var(--text-size-m);
  color: var(--content-color-error);
  margin-top: var(--spacing-s); }
  .field-segment__error__btn {
    text-decoration: underline;
    cursor: pointer; }

.subtotal-label__total-label-wrapper {
  display: flex; }
  .subtotal-label__total-label-wrapper .info-button {
    padding-left: var(--spacing-xs);
    padding-top: 2px; }

.subtotal-label__total-label {
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-medium);
  padding-bottom: var(--spacing-xs); }

.empty-state__body {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin: 0 0 var(--spacing-xl) 0; }

.empty-state__action {
  background: transparent; }

.empty-state__illustration-wrapper {
  margin-bottom: var(--spacing-xl); }

.change-plan-container {
  height: calc(100vh - 48px);
  overflow-y: scroll; }

.change-plan {
  max-width: 1024px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: var(--spacing-zero) auto; }
  .change-plan .column-left {
    flex: 1;
    padding: var(--spacing-xl);
    min-height: calc(100vh - 48px);
    border-right: var(--border-width-default) solid var(--border-color-default);
    box-sizing: border-box; }
  .change-plan .column-right {
    width: 250px;
    padding: var(--spacing-xl) var(--spacing-l);
    position: sticky;
    top: var(--spacing-zero); }
  .change-plan__apply-change-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-m); }
  .change-plan__apply-change-label {
    margin-right: var(--spacing-m); }
  .change-plan__apply-change-radio-group div {
    margin-bottom: var(--spacing-zero) !important; }
  .change-plan__step-header {
    width: 100%; }
  .change-plan__step-panels {
    padding-top: var(--spacing-l); }
  .change-plan__error {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
  .change-plan__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .change-plan__action {
    width: 100%;
    margin-bottom: var(--spacing-m); }
    .change-plan__action div {
      display: block; }
  .change-plan__apply-change-banner, .change-plan__card-banner {
    margin-bottom: var(--spacing-m); }

.purchase-key {
  max-width: 520px;
  width: 100%;
  margin: var(--spacing-zero) auto; }
  .purchase-key h1 {
    margin-top: var(--spacing-xxl); }
  .purchase-key__review-banner {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl); }
  .purchase-key__review-items {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s); }
  .purchase-key__action-buttons {
    display: flex; }
  .purchase-key__action-confirm {
    min-width: 75px; }
  .purchase-key__action-cancel {
    margin-left: var(--spacing-s); }

.set-instructions {
  max-width: 520px;
  width: 100%;
  margin: var(--spacing-zero) auto; }
  .set-instructions__error, .set-instructions__loader {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
  .set-instructions h1 {
    margin-top: var(--spacing-xxl); }
  .set-instructions__current-plan {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-l); }
  .set-instructions__current-plan-items {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-s); }
  .set-instructions__next-cycle-instructions {
    margin-top: var(--spacing-xl); }
  .set-instructions__current-instructions-banner {
    margin-top: var(--spacing-l); }
  .set-instructions__dropdown {
    margin-top: var(--spacing-l); }
  .set-instructions__future-instructions-banner {
    margin-top: var(--spacing-l); }
  .set-instructions__action-buttons {
    display: flex; }
  .set-instructions__action-confirm {
    min-width: 175px;
    margin-top: var(--spacing-l); }
  .set-instructions__action-cancel {
    margin-left: var(--spacing-s);
    margin-top: var(--spacing-l); }

.purchase-plan-container {
  height: calc(100vh - 48px);
  overflow-y: scroll; }

.purchase-plan {
  max-width: 1024px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto; }
  .purchase-plan__loader {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
  .purchase-plan .column-left {
    flex: 1;
    padding: var(--spacing-xl);
    min-height: calc(100vh - 48px);
    box-sizing: border-box; }
  .purchase-plan .fixed-width {
    max-width: calc(1024px - 250px); }
  .purchase-plan .column-right {
    border-left: var(--border-width-default) solid var(--border-color-default);
    width: 250px;
    padding: var(--spacing-xl) var(--spacing-l);
    position: sticky;
    top: var(--spacing-zero); }
  .purchase-plan__step-header {
    width: 100%; }
  .purchase-plan__step-panels {
    padding-top: var(--spacing-l); }
  .purchase-plan__user-consent {
    display: flex;
    margin: var(--spacing-m) 0 var(--spacing-xl) 0; }
    .purchase-plan__user-consent-checkbox {
      margin-right: var(--spacing-m);
      margin-top: var(--spacing-xs); }
    .purchase-plan__user-consent-label {
      cursor: pointer; }
  .purchase-plan__request-payment-action {
    border-top: var(--border-width-default) solid var(--border-color-default);
    padding-top: var(--spacing-l);
    margin-top: var(--spacing-xl); }
  .purchase-plan__payment-link-input {
    margin: var(--spacing-l) var(--spacing-zero);
    width: 60%; }

.purchase-billing-information__role {
  margin-bottom: var(--spacing-l) !important; }

.purchase-billing-information__email {
  margin-bottom: var(--spacing-l) !important; }

.purchase-billing-information__form-container {
  width: 60%; }

.purchase-options {
  width: 60%; }
  .purchase-options__tabs {
    padding: 0; }
  .purchase-options__banner {
    margin-bottom: var(--spacing-m); }

.grecaptcha-badge {
  visibility: visible !important;
  bottom: var(--spacing-m) !important;
  right: var(--spacing-zero) !important;
  position: fixed !important; }

.purchase-summary__plan {
  margin-bottom: var(--spacing-l); }

.purchase-summary__slots {
  margin-bottom: var(--spacing-l); }

.purchase-summary__subtotal {
  margin-bottom: var(--spacing-l); }

.purchase-summary__add-ons {
  margin-bottom: var(--spacing-l); }

.purchase-summary__coupon {
  margin-bottom: var(--spacing-l); }

.purchase-summary__tax {
  margin-bottom: var(--spacing-l); }

.purchase-summary__total {
  margin-bottom: var(--spacing-l); }

.plan-configuration__quantity:focus-within {
  box-shadow: none; }

.plan-configuration__quantity {
  width: 50%; }

.plan-configuration__explore-enterprise {
  font-size: var(--text-size-m);
  width: 100% !important;
  margin-bottom: var(--spacing-m); }

.plan-configuration__contact-sales {
  font-size: var(--text-size-m);
  width: 100% !important; }

.plan-configuration__interval-options {
  display: flex;
  align-items: flex-end; }
  .plan-configuration__interval-options-label {
    margin-right: var(--spacing-m); }

.plan-configuration__plan-option-container {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: var(--spacing-m); }

.plan-configuration__plan-option-item {
  width: 220px;
  min-height: 400px;
  border: var(--border-width-default) solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  padding: var(--spacing-xl) var(--spacing-l);
  box-sizing: border-box;
  cursor: pointer; }
  .plan-configuration__plan-option-item--active {
    border: var(--border-width-default) solid var(--blue-60);
    box-shadow: 0px 0px 0px 2px var(--blue-20); }

.plan-configuration__plan-option-tier {
  margin-bottom: var(--spacing-m);
  display: flex;
  align-items: center; }
  .plan-configuration__plan-option-tier-icon {
    margin-right: var(--spacing-m); }

.plan-configuration__plan-option-inclusive {
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-xl);
  font-size: var(--text-size-m); }
  .plan-configuration__plan-option-inclusive-item p {
    margin: var(--spacing-zero); }

.plan-configuration__plan-option-features {
  padding-bottom: var(--spacing-xxxl); }
  .plan-configuration__plan-option-features-item {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-m); }
  .plan-configuration__plan-option-features-icon {
    margin-right: var(--spacing-m);
    align-self: flex-start; }

.plan-configuration__plan-option-amount {
  position: absolute;
  bottom: var(--spacing-xl); }

.purchase-confirmation {
  width: 550px;
  padding: var(--spacing-xl) var(--spacing-m);
  margin: 0 auto; }
  .purchase-confirmation__heading {
    margin-bottom: var(--spacing-xs); }
  .purchase-confirmation__breakdown {
    margin: var(--spacing-m) 0; }
    .purchase-confirmation__breakdown-item {
      padding-bottom: var(--spacing-s); }
    .purchase-confirmation__breakdown-item:last-child {
      margin-top: var(--spacing-m); }
  .purchase-confirmation__actions {
    font-size: var(--text-size-m);
    padding-bottom: var(--spacing-l);
    margin-bottom: var(--spacing-l);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.purchase-add-ons__meta-info {
  width: 80%;
  display: flex;
  justify-content: flex-start; }

.purchase-add-ons__add-on-icon {
  margin-right: var(--spacing-l);
  background: var(--background-color-tertiary);
  padding: 4px;
  border-radius: 4px; }

.purchase-add-ons__input {
  width: 15%; }
  .purchase-add-ons__input-description {
    text-align: right;
    text-transform: capitalize; }

.purchase-add-ons__description p {
  margin: 0; }

.purchase-add-ons__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-m);
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.purchase-add-ons__list-item:last-child {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.review-changes__heading {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: var(--spacing-l); }
  .review-changes__heading h5 {
    flex: 1; }

.review-changes__line-items {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: var(--spacing-m); }

.review-changes__line-items:last-child {
  margin-top: var(--spacing-l); }

.review-changes__current {
  flex: 1; }

.review-changes__new {
  flex: 1; }

.contact-sales {
  width: 1000px;
  margin: var(--spacing-xxxl) auto;
  padding: var(--spacing-xxxl) var(--spacing-zero); }
  .contact-sales__meta {
    width: 50%; }
    .contact-sales__meta-text {
      margin-bottom: var(--spacing-l); }
  .contact-sales__form {
    width: 45%; }
    .contact-sales__form-input {
      margin-bottom: var(--spacing-l); }
  .contact-sales__illustration {
    width: 400px;
    height: 400px; }
    .contact-sales__illustration img {
      width: 100%;
      height: 100%; }

.contact-sales-confirmation {
  width: 850px; }

.regex-list {
  width: 100%; }
  .regex-list .rt-thead {
    height: var(--size-m);
    background: var(--background-color-primary) !important; }
    .regex-list .rt-thead.-header {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .regex-list .rt-thead .rt-th {
      font-weight: var(--text-weight-regular); }
  .regex-list .rt-tbody .rt-td {
    padding: var(--spacing-m) var(--spacing-s); }
    .regex-list .rt-tbody .rt-td .token-scanner-table-name {
      display: contents;
      font-size: var(--text-size-m); }
  .regex-list .rt-tr:hover .regex-list__edit-btn, .regex-list .rt-tr:hover .regex-list__delete-btn {
    display: block; }
  .regex-list__edit-btn, .regex-list__delete-btn {
    display: none;
    height: 20px; }

.token-scanner-edit-form {
  overflow: auto; }

.move-entity-modal {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .move-entity-modal__filters {
    display: flex;
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-s);
    height: var(--size-m); }
    .move-entity-modal__filters--no-margin {
      margin-top: var(--spacing-zero); }
    .move-entity-modal__filters .input-search-group {
      border-radius: var(--border-radius-default); }
    .move-entity-modal__filters .workspace-visibility-dropdown-container {
      margin-left: var(--spacing-s); }
      .move-entity-modal__filters .workspace-visibility-dropdown-container .dropdown-button .btn {
        height: 30px; }
  .move-entity-modal__empty-state {
    max-width: 390px;
    padding: var(--spacing-s); }
  .move-entity-modal .workspace-list-container {
    height: 288px;
    overflow: auto; }
  .move-entity-modal__workspace-list .workspace-list-container {
    height: 288px;
    overflow: auto; }
  .move-entity-modal__workspace-list--extended .workspace-list-container {
    height: 340px; }

.move-entity-modal-container__modal-content {
  min-height: 450px; }
  .move-entity-modal-container__modal-content__inner {
    padding-top: var(--spacing-zero); }
  .move-entity-modal-container__modal-content__initial-error {
    flex-grow: 1;
    max-width: 390px;
    margin-top: var(--spacing-xxl); }

.move-entity-modal-container__no-access {
  flex-grow: 1;
  margin-top: 56px; }

.workspace-visibility-dropdown-container__notifier {
  height: 6px;
  width: 6px;
  position: absolute;
  top: 5px;
  left: 17px;
  z-index: 1;
  background: var(--base-color-success);
  border-radius: var(--border-radius-max);
  border: var(--border-width-l) var(--border-style-solid) var(--background-color-primary);
  pointer-events: none; }

.workspace-visibility-dropdown-container:hover .workspace-visibility-dropdown-container__notifier {
  border-color: var(--border-color-default); }

.workspace-visibility-dropdown-container__header {
  padding: var(--spacing-s) var(--spacing-l) var(--spacing-xs); }

.workspace-visibility-dropdown-container__item__icon {
  margin: var(--spacing-zero) var(--spacing-s) var(--spacing-zero) var(--spacing-xl); }
  .workspace-visibility-dropdown-container__item__icon--active {
    margin-left: var(--spacing-s); }

.workspace-list-container__spinner {
  display: flex;
  justify-content: center;
  margin: var(--spacing-l) var(--spacing-zero); }

.workspace-list-container__error-state {
  margin-top: var(--spacing-xl);
  max-width: 390px; }

.workspace-list-item-container {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-s) var(--spacing-m); }
  .workspace-list-item-container--enable-hover:hover {
    background-color: var(--highlight-background-color-primary);
    border-radius: var(--border-radius-default); }
  .workspace-list-item-container--disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  .workspace-list-item-container--selected {
    background-color: var(--highlight-background-color-tertiary);
    border-radius: var(--border-radius-default); }
  .workspace-list-item-container__info__icon {
    margin-left: var(--spacing-xs);
    pointer-events: all; }
  .workspace-list-item-container__info__name {
    max-width: 200px; }
  .workspace-list-item-container__info__visibility-icon {
    margin-right: var(--spacing-s) !important; }
  .workspace-list-item-container__disabled-info__icon {
    pointer-events: all; }

.collaboration-skeleton-unit {
  background-color: var(--background-color-tertiary);
  border-radius: var(--border-width-l);
  animation: fade 1s linear infinite; }

.workspace-elements-list-container .workspace-elements-list__item {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  height: var(--size-m); }
  .workspace-elements-list-container .workspace-elements-list__item__info {
    flex: 1; }
    .workspace-elements-list-container .workspace-elements-list__item__info:hover .workspace-elements-list__item__info__identifier {
      text-decoration: underline;
      text-decoration-color: var(--content-color-primary); }
    .workspace-elements-list-container .workspace-elements-list__item__info__icon {
      padding: var(--spacing-xs);
      background-color: var(--background-color-secondary);
      border-radius: var(--border-radius-default); }
    .workspace-elements-list-container .workspace-elements-list__item__info__identifier {
      cursor: pointer;
      margin-left: var(--spacing-s); }
  .workspace-elements-list-container .workspace-elements-list__item__cta {
    display: none; }
    .workspace-elements-list-container .workspace-elements-list__item__cta__import {
      display: flex;
      padding: var(--spacing-xs);
      height: auto; }
    .workspace-elements-list-container .workspace-elements-list__item__cta__create {
      display: flex;
      padding: var(--spacing-xs);
      height: auto; }
  .workspace-elements-list-container .workspace-elements-list__item:hover {
    cursor: pointer; }
    .workspace-elements-list-container .workspace-elements-list__item:hover .workspace-elements-list__item__cta {
      display: flex;
      cursor: pointer;
      margin-left: var(--spacing-xs); }
    .workspace-elements-list-container .workspace-elements-list__item:hover .workspace-elements-list__item__info__icon svg path {
      fill: var(--content-color-primary); }

.contributors {
  min-width: 0; }
  .contributors__heading {
    margin-bottom: var(--spacing-m); }
  .contributors .contributors-list {
    margin-bottom: var(--spacing-s); }
  .contributors__view-all {
    cursor: pointer; }
    .contributors__view-all:hover {
      text-decoration: underline;
      text-decoration-color: var(--content-color-secondary); }

.contributors-modal__content > *:not(:last-child) {
  margin-bottom: var(--spacing-l); }

.contributors-modal__content__info {
  margin-bottom: var(--spacing-l); }

.contributors-modal__content__list {
  max-height: 408px;
  overflow: auto; }
  .contributors-modal__content__list .contributors-list {
    max-width: 360px; }

.contributors-empty-state {
  min-width: 0; }
  .contributors-empty-state__avatar {
    border-radius: var(--border-radius-max); }

.contributors-list__item:hover {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--content-color-primary); }

.contributors-list__private-user__icon {
  cursor: default; }

.workspace-invite-container {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  height: 100%;
  min-height: 70px;
  max-height: 196px;
  overflow-y: auto;
  border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
  box-sizing: border-box;
  border-radius: var(--border-radius-default); }
  .workspace-invite-container__teamPlan_alert {
    border: var(--border-width-default) var(--border-style-solid) var(--base-color-error); }
  .workspace-invite-container__onFocus {
    border: var(--border-width-default) var(--border-style-solid) var(--blue-60);
    box-shadow: 0px 0px 0px 2px var(--blue-30); }
  .workspace-invite-container__onError {
    border: var(--border-width-default) var(--border-style-solid) var(--base-color-error);
    box-shadow: unset; }
  .workspace-invite-container__empty-state--with-alert {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-error);
    margin-left: var(--spacing-xxl);
    margin-top: var(--spacing-s); }
  .workspace-invite-container .invite-placeholder {
    margin-left: var(--spacing-s);
    position: absolute;
    color: var(--content-color-tertiary); }
  .workspace-invite-container .active-input {
    flex: 1;
    align-items: center;
    color: var(--content-color-primary);
    padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-s);
    margin: var(--spacing-xs); }

.ws-invite-team-users-dropdown {
  background-color: var(--background-color-primary); }
  .ws-invite-team-users-dropdown .team-user-suggestion {
    height: 56px; }
    .ws-invite-team-users-dropdown .team-user-suggestion__name {
      max-width: calc(8*var(--spacing-xxl));
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ws-invite-team-users-dropdown .team-user-suggestion .avatar {
      margin-right: var(--spacing-s); }
    .ws-invite-team-users-dropdown .team-user-suggestion__email {
      margin-top: var(--spacing-xs);
      color: var(--content-color-secondary); }
    .ws-invite-team-users-dropdown .team-user-suggestion__role {
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary); }
    .ws-invite-team-users-dropdown .team-user-suggestion .team-user-suggestion__group-tag {
      width: var(--size-s);
      height: var(--size-s);
      margin-right: var(--spacing-s);
      align-items: center;
      justify-content: center;
      align-self: center;
      background: var(--background-color-tertiary);
      border-radius: var(--border-radius-max); }

.workspace-invite-input-file-drop {
  display: flex;
  flex: 1; }

.workspace-invite-input-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: var(--text-size-m);
  height: 100%; }

.workspace-invite-tag {
  display: flex;
  flex: 1;
  align-items: center;
  overflow: hidden; }
  .workspace-invite-tag .avatar {
    margin: 0 var(--spacing-xs); }
  .workspace-invite-tag .user-email {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .workspace-invite-tag .user-group {
    width: calc(var(--size-s) / 2);
    height: calc(var(--size-s) / 2);
    padding: calc(var(--spacing-xs) / 2);
    margin: 0 var(--spacing-xs);
    align-items: center;
    justify-content: center;
    align-self: center;
    background: var(--background-color-tertiary);
    border-radius: var(--border-radius-max); }

.invite-workspace-modal .invite-workspace-modal__modal-content {
  overflow-y: unset;
  font-size: var(--text-size-m); }
  .invite-workspace-modal .invite-workspace-modal__modal-content .invite-file-upload {
    cursor: pointer;
    height: 100%;
    font-size: var(--text-size-s); }
    .invite-workspace-modal .invite-workspace-modal__modal-content .invite-file-upload :hover {
      color: var(--content-color-primary); }

.invite-workspace-modal .invite-workspace-modal__input-area {
  margin-bottom: var(--spacing-l); }

.invite-workspace-modal .invite-workspace-modal__footer {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }

.invite-workspace-modal .invite-workspace-modal__manage-team {
  color: var(--content-color-secondary); }

.invite-workspace-modal .btn {
  padding-left: 0px; }

.ws-invite-link {
  padding-left: var(--spacing-zero);
  color: var(--content-color-link); }
  .ws-invite-link svg path {
    fill: var(--content-color-link); }

.ws-invite-link:hover {
  background-color: inherit;
  color: var(--blue-80); }
  .ws-invite-link:hover svg path {
    fill: var(--blue-80); }

.workspace-visibility-container {
  width: 100%; }
  .workspace-visibility-container--pending-request {
    padding: var(--spacing-l);
    margin-bottom: var(--spacing-m);
    color: var(--content-color-primary);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-info); }
    .workspace-visibility-container--pending-request-heading {
      margin-top: var(--spacing-zero);
      margin-bottom: var(--spacing-xs);
      font-weight: var(--text-weight-medium); }
    .workspace-visibility-container--pending-request > p:last-child {
      margin-top: var(--spacing-xs);
      margin-bottom: var(--spacing-zero); }
      .workspace-visibility-container--pending-request > p:last-child a {
        text-decoration: none;
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium); }
        .workspace-visibility-container--pending-request > p:last-child a:hover {
          color: var(--content-color-link); }
  .workspace-visibility-container--info {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-s);
    line-height: var(--line-height-m);
    color: var(--content-color-tertiary);
    font-size: var(--text-size-m); }
    .workspace-visibility-container--info a {
      color: var(--content-color-link); }
      .workspace-visibility-container--info a:hover {
        text-decoration: underline; }
    .workspace-visibility-container--info .visibility-pm-icon {
      margin-right: var(--spacing-s); }
      .workspace-visibility-container--info .visibility-pm-icon use {
        fill: var(--content-color-tertiary); }
      .workspace-visibility-container--info .visibility-pm-icon svg > path[fill] {
        fill: var(--content-color-tertiary); }

.role-list-show-more {
  max-width: calc(2*var(--size-m)); }

.workspace-role-user-meta {
  max-width: 276px; }

.ws-settings-role-dropdown i {
  margin-left: var(--spacing-xs); }

.workspace-role-dropdown-menu {
  width: 100%;
  min-width: 306px;
  background-color: var(--background-color-primary);
  padding: var(--spacing-zero);
  border: none; }
  .workspace-role-dropdown-menu .dropdown-menu-item.is-disabled {
    cursor: not-allowed; }
  .workspace-role-dropdown-menu .selected-role-icon {
    padding-top: var(--spacing-xs); }
  .workspace-role-dropdown-menu .dropdown-menu-item {
    height: auto;
    padding: var(--spacing-zero); }
  .workspace-role-dropdown-menu .role-remove-button {
    color: var(--content-color-error);
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .workspace-role-dropdown-menu .role-remove-button:hover {
    color: var(--content-color-constant);
    background-color: var(--base-color-error); }

.ws-role-list-group-avatar {
  cursor: pointer; }

.workspace-roles-list-item__members-list {
  width: 240px;
  max-height: 300px; }
  .workspace-roles-list-item__members-list .tooltip-wrapper {
    padding: var(--spacing-xl); }
  .workspace-roles-list-item__members-list__title {
    display: flex;
    font-weight: var(--text-weight-bold);
    margin-bottom: var(--spacing-xs);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s); }
    .workspace-roles-list-item__members-list__title__group-name {
      max-width: 108px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .workspace-roles-list-item__members-list__title__no-members {
      max-width: unset; }
  .workspace-roles-list-item__members-list__content {
    max-height: 282px;
    overflow-y: auto;
    margin-bottom: var(--spacing-l);
    font-weight: var(--text-weight-regular); }
    .workspace-roles-list-item__members-list__content__no-members {
      margin-top: var(--spacing-xs); }
      .workspace-roles-list-item__members-list__content__no-members label {
        line-height: var(--line-height-m); }
    .workspace-roles-list-item__members-list__content__item {
      display: flex;
      margin-top: var(--spacing-s);
      align-items: center; }
      .workspace-roles-list-item__members-list__content__item__name {
        margin-left: var(--spacing-s);
        max-width: 176px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .workspace-roles-list-item__members-list__btn {
    margin-top: var(--spacing-xs);
    max-width: calc(3*var(--size-m)); }
  .workspace-roles-list-item__members-list__no-members {
    margin-bottom: var(--spacing-s); }

.ws-settings {
  max-width: 440px;
  margin-bottom: var(--spacing-xxl); }

.ws-back-to-overview-btn {
  max-width: calc(3*var(--spacing-xxl));
  margin-top: var(--spacing-m);
  padding-left: var(--spacing-zero);
  justify-content: unset; }

.ws-back-to-overview-btn:hover {
  color: var(--content-color-link);
  background-color: inherit; }
  .ws-back-to-overview-btn:hover svg path {
    fill: var(--content-color-link); }

.create-workspace-visibility {
  width: 100%; }
  .create-workspace-visibility--pending-request {
    padding: var(--spacing-l);
    margin-bottom: var(--spacing-m);
    color: var(--content-color-primary);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-info); }
    .create-workspace-visibility--pending-request-heading {
      margin-top: var(--spacing-zero);
      margin-bottom: var(--spacing-xs);
      font-weight: var(--text-weight-medium); }
    .create-workspace-visibility--pending-request > p:last-child {
      margin-top: var(--spacing-xs);
      margin-bottom: var(--spacing-zero); }
      .create-workspace-visibility--pending-request > p:last-child a {
        text-decoration: none;
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium); }
        .create-workspace-visibility--pending-request > p:last-child a:hover {
          color: var(--content-color-link); }
  .create-workspace-visibility--title {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    margin: unset;
    user-select: none;
    margin-bottom: var(--spacing-s); }
  .create-workspace-visibility--container {
    display: grid;
    row-gap: var(--spacing-xs);
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-default);
    padding: var(--spacing-m); }
  .create-workspace-visibility--subtitle {
    margin-left: 28px;
    line-height: var(--line-height-m);
    color: var(--content-color-secondary); }
  .create-workspace-visibility--roles {
    margin-left: 28px;
    display: inline-block;
    color: var(--content-color-secondary); }
    .create-workspace-visibility--roles--dropdown-button {
      font-weight: var(--text-weight-medium);
      padding: var(--spacing-zero) var(--spacing-xs);
      height: var(--size-x);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
  .create-workspace-visibility--actions {
    margin-top: var(--spacing-l); }
    .create-workspace-visibility--actions-create-team-btn {
      width: calc(8 * var(--size-xs));
      margin-right: var(--spacing-s); }
    .create-workspace-visibility--actions-cancel-btn {
      background: none; }
  .create-workspace-visibility--dropdown-menu .pm-icon {
    margin-right: var(--spacing-m); }
  .create-workspace-visibility--dropdown-button {
    display: flex;
    font-weight: var(--text-weight-medium);
    padding: var(--spacing-zero);
    height: var(--size-x);
    color: var(--content-color-primary);
    font-size: var(--text-size-m); }
    .create-workspace-visibility--dropdown-button .pm-icon {
      margin-right: var(--spacing-m); }
  .create-workspace-visibility--beta-label {
    font-size: var(--text-size-xs);
    color: var(--content-color-info);
    font-weight: var(--text-weight-medium);
    position: relative;
    bottom: var(--spacing-xs);
    left: var(--spacing-xs); }
  .create-workspace-visibility--info {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-m);
    line-height: var(--line-height-m);
    color: var(--content-color-tertiary); }
    .create-workspace-visibility--info a {
      color: var(--content-color-link); }
      .create-workspace-visibility--info a:hover {
        text-decoration: underline; }
    .create-workspace-visibility--info .pm-icon {
      margin-right: var(--spacing-s); }
      .create-workspace-visibility--info .pm-icon use {
        fill: var(--content-color-tertiary); }
      .create-workspace-visibility--info .pm-icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
  .create-workspace-visibility--error {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-m);
    color: var(--content-color-error); }
    .create-workspace-visibility--error .pm-icon {
      margin-right: var(--spacing-s); }
      .create-workspace-visibility--error .pm-icon use {
        fill: var(--content-color-error); }
      .create-workspace-visibility--error .pm-icon svg > path[fill] {
        fill: var(--content-color-error); }
    .create-workspace-visibility--error a {
      margin-left: var(--spacing-xs);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-error);
      text-decoration: underline;
      cursor: pointer; }
  .create-workspace-visibility--footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: var(--spacing-l); }
    .create-workspace-visibility--footer .btn:first-child {
      margin-right: var(--spacing-xl); }

.create-ws-outer-container {
  height: 100vh;
  overflow-y: scroll; }
  .create-ws-outer-container .create-ws-container {
    margin: var(--spacing-zero) auto;
    max-width: 480px; }
    .create-ws-outer-container .create-ws-container .create-workspace-info-banner a {
      color: var(--content-color-link); }
    .create-ws-outer-container .create-ws-container .visibility-radio-loader {
      border-radius: 50%; }

.variables-empty {
  margin-top: 96px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center; }
  .variables-empty__base-text {
    font-size: 14px;
    font-weight: var(--text-weight-medium);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-primary); }
  .variables-empty__request-access-text {
    font-size: 12px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    color: var(--content-color-secondary);
    margin-top: var(--spacing-s); }

.variables-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden; }
  .variables-editor__meta {
    margin-bottom: var(--spacing-m);
    color: var(--content-color-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .variables-editor__meta .btn {
      padding: var(--spacing-zero); }
    .variables-editor__meta .btn-text {
      font-weight: var(--text-weight-regular); }
    .variables-editor__meta.is-bleed {
      padding: var(--spacing-zero) var(--spacing-l); }
  .variables-editor .external-link {
    font-size: var(--text-size-m); }
  .variables-editor__content {
    height: 100%;
    overflow-y: auto; }
    .variables-editor__content .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-error, .variables-editor__content .key-value-form-row:hover:not(.row-focused) .key-value-form-column:last-child .auto-suggest.has-warning {
      margin-right: var(--spacing-xxxl); }
  .variables-editor__alert {
    margin: var(--spacing-l) var(--spacing-xxl); }
    .variables-editor__alert:empty {
      display: none; }

.entity-tab-header {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-s) var(--spacing-l);
  align-items: flex-start;
  box-sizing: border-box;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .entity-tab-header__name {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    line-height: var(--line-height-m);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .entity-tab-header__name__container {
      display: flex;
      width: 100%; }
    .entity-tab-header__name__input {
      padding-left: 3px;
      color: var(--content-color-primary);
      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .entity-tab-header__name__wrapper {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .entity-tab-header__name.is-editing .entity-tab-header__name__wrapper {
      width: 100%; }
    .entity-tab-header__name.is-editing .inline-input__wrapper {
      width: 100%; }
    .entity-tab-header__name .inline-input__wrapper .input-box {
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      padding: 2px; }
    .entity-tab-header__name .breadcrumb__container {
      padding-left: 3px; }
    .entity-tab-header__name .entity-tab-header__edit-btn {
      cursor: pointer;
      background-color: transparent;
      width: var(--size-s);
      height: var(--size-s);
      margin-left: var(--spacing-xs); }
      .entity-tab-header__name .entity-tab-header__edit-btn:hover use, .entity-tab-header__name .entity-tab-header__edit-btn.is-hovered use {
        fill: var(--content-color-primary); }
      .entity-tab-header__name .entity-tab-header__edit-btn:hover svg > path[fill], .entity-tab-header__name .entity-tab-header__edit-btn.is-hovered svg > path[fill] {
        fill: var(--content-color-primary); }
    .entity-tab-header__name.show-on-hover.editable .entity-tab-header__edit-btn {
      visibility: hidden; }
    .entity-tab-header__name.show-on-hover .entity-tab-header__copy-btn {
      visibility: hidden; }
    .entity-tab-header__name.show-on-hover:hover.editable .entity-tab-header__edit-btn, .entity-tab-header__name.show-on-hover.is-hovered.editable .entity-tab-header__edit-btn {
      visibility: visible; }
    .entity-tab-header__name.show-on-hover:hover .entity-tab-header__copy-btn, .entity-tab-header__name.show-on-hover.is-hovered .entity-tab-header__copy-btn {
      visibility: visible; }
  .entity-tab-header__actions {
    display: flex;
    margin-left: var(--spacing-xxl);
    justify-content: flex-end;
    align-items: center; }
  .entity-tab-header .entity-tab-header__copy-btn {
    cursor: pointer; }
  .entity-tab-header__left-meta-component {
    display: flex;
    align-items: center;
    margin-right: var(--spacing-s); }
  .entity-tab-header__subtitle {
    max-width: 100%; }
    .entity-tab-header__subtitle > *:first-child {
      margin-top: var(--spacing-xs); }

.generic-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .generic-empty-state__title {
    color: var(--content-color-primary); }
  .generic-empty-state__illustration + .generic-empty-state__title {
    margin-top: var(--spacing-l); }
  .generic-empty-state__message {
    text-align: center; }
  .generic-empty-state__illustration + .generic-empty-state__message {
    margin-top: var(--spacing-l); }
  .generic-empty-state__title + .generic-empty-state__message {
    margin-top: var(--spacing-s); }
  .generic-empty-state__primary-action {
    margin-top: var(--spacing-xl); }
  .generic-empty-state__secondary-action {
    margin-top: var(--spacing-xl); }
  .generic-empty-state__primary-action + .generic-empty-state__secondary-action {
    margin-top: var(--spacing-l); }

.artemis-empty-state {
  display: flex;
  flex-direction: column; }
  .artemis-empty-state .artemis-empty-state__title {
    color: var(--content-color-primary); }
  .artemis-empty-state .artemis-empty-state__asset + .artemis-empty-state__title {
    margin-top: var(--spacing-l); }
  .artemis-empty-state .artemis-empty-state__message {
    margin-top: var(--spacing-s);
    color: var(--content-color-secondary); }
  .artemis-empty-state .artemis-empty-state__primary-action {
    margin-top: var(--spacing-l);
    height: 32px;
    width: 200px; }
    .artemis-empty-state .artemis-empty-state__primary-action.margin-xl {
      margin-top: var(--spacing-xl); }
  .artemis-empty-state .artemis-empty-state__secondary-action {
    width: 250px;
    margin-top: var(--spacing-xl);
    padding: var(--spacing-zero); }

.entity-meta-info {
  display: flex;
  flex-direction: column; }
  .entity-meta-info__item {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-xl); }
    .entity-meta-info__item__label {
      display: flex;
      margin-bottom: var(--spacing-xs);
      cursor: default;
      -webkit-user-select: none;
      user-select: none; }
    .entity-meta-info__item__content {
      display: flex;
      align-items: center;
      overflow: hidden; }
      .entity-meta-info__item__content__name {
        font-size: var(--text-size-m);
        color: var(--content-color-secondary); }
      .entity-meta-info__item__content__id {
        width: 100%;
        background-color: var(--background-color-secondary);
        border-radius: var(--border-radius-default);
        padding: 6px var(--spacing-s) 6px var(--spacing-s);
        margin-right: var(--spacing-s);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .entity-meta-info__item__content__action {
        height: var(--size-xs);
        width: 16px;
        margin-left: var(--spacing-s);
        background-color: transparent; }
        .entity-meta-info__item__content__action:hover, .entity-meta-info__item__content__action.is-hovered {
          background-color: transparent; }
        .entity-meta-info__item__content__action--copy use {
          fill: var(--content-color-secondary); }
        .entity-meta-info__item__content__action--copy svg > path[fill] {
          fill: var(--content-color-secondary); }
        .entity-meta-info__item__content__action--copy:hover use, .entity-meta-info__item__content__action--copy.is-hovered use {
          fill: var(--content-color-primary); }
        .entity-meta-info__item__content__action--copy:hover svg > path[fill], .entity-meta-info__item__content__action--copy.is-hovered svg > path[fill] {
          fill: var(--content-color-primary); }
        .entity-meta-info__item__content__action--success {
          cursor: default; }
          .entity-meta-info__item__content__action--success use {
            fill: var(--content-color-success); }
          .entity-meta-info__item__content__action--success svg > path[fill] {
            fill: var(--content-color-success); }
      .entity-meta-info__item__content.user-info {
        cursor: default;
        -webkit-user-select: none;
        user-select: none; }
        .entity-meta-info__item__content.user-info .user-avatar {
          margin-right: var(--spacing-s); }
      .entity-meta-info__item__content.is-clickable {
        cursor: pointer; }
  .entity-meta-info__item:first-child {
    margin-top: var(--spacing-zero); }

.entity-tab-empty-shell {
  display: flex;
  flex-direction: row;
  flex: 1;
  background-color: var(--background-color-primary);
  animation: fade 1s linear infinite; }
  .entity-tab-empty-shell__header-wrapper {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .entity-tab-empty-shell__header-wrapper__content {
      display: flex;
      justify-content: space-between;
      margin: var(--spacing-m) var(--spacing-l); }
      .entity-tab-empty-shell__header-wrapper__content__name-strip {
        height: var(--size-s);
        width: 196px; }
      .entity-tab-empty-shell__header-wrapper__content__actions {
        display: flex;
        width: 96px;
        justify-content: space-around; }
  .entity-tab-empty-shell__body-wrapper {
    display: flex;
    flex: 1; }
    .entity-tab-empty-shell__body-wrapper__content {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin: var(--spacing-l); }
      .entity-tab-empty-shell__body-wrapper__content .tab-strip {
        display: flex;
        margin-bottom: var(--spacing-l); }
        .entity-tab-empty-shell__body-wrapper__content .tab-strip .tab {
          height: 20px;
          margin-right: var(--spacing-l); }
          .entity-tab-empty-shell__body-wrapper__content .tab-strip .tab.xl {
            width: 196px; }
          .entity-tab-empty-shell__body-wrapper__content .tab-strip .tab.md {
            width: 80px; }
          .entity-tab-empty-shell__body-wrapper__content .tab-strip .tab.s {
            width: 56px; }
          .entity-tab-empty-shell__body-wrapper__content .tab-strip .tab.xs {
            width: 40px; }
      .entity-tab-empty-shell__body-wrapper__content__primary {
        height: 120px;
        margin-bottom: var(--spacing-m); }
      .entity-tab-empty-shell__body-wrapper__content__secondary {
        width: 320px;
        height: 40px; }
    .entity-tab-empty-shell__body-wrapper__context-bar {
      display: flex;
      flex-direction: column;
      width: 40px;
      border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
      .entity-tab-empty-shell__body-wrapper__context-bar > * {
        margin: var(--spacing-s) var(--spacing-s) var(--spacing-zero); }
  .entity-tab-empty-shell__left_editor {
    flex: 1; }
  .entity-tab-empty-shell__right-context-bar {
    width: 440px;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    padding: var(--spacing-xs) var(--spacing-xl) var(--spacing-s) var(--spacing-m);
    display: flex;
    box-sizing: border-box; }
    .entity-tab-empty-shell__right-context-bar .context-bar-options {
      display: flex;
      flex-direction: column; }
      .entity-tab-empty-shell__right-context-bar .context-bar-options .box {
        margin-bottom: var(--spacing-m);
        margin-top: var(--spacing-xs); }
    .entity-tab-empty-shell__right-context-bar .context-bar-body {
      margin: var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-xl);
      display: flex;
      justify-content: space-between;
      flex: 1; }
    .entity-tab-empty-shell__right-context-bar .context-bar-header {
      height: var(--size-s);
      width: 120px;
      background-color: var(--background-color-tertiary); }
    .entity-tab-empty-shell__right-context-bar .context-bar-close-icon {
      height: var(--size-s);
      width: var(--size-s);
      background-color: var(--background-color-tertiary); }
  .entity-tab-empty-shell .box {
    height: var(--size-s);
    width: var(--size-s); }
  .entity-tab-empty-shell .block {
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-default); }

.entity-tab-error {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center; }
  .entity-tab-error__content {
    display: flex;
    width: 415px;
    padding: var(--spacing-l);
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .entity-tab-error__content__illustration {
      height: 56px;
      width: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: var(--spacing-l);
      background-color: var(--background-color-tertiary); }
      .entity-tab-error__content__illustration__icon {
        height: var(--size-m);
        width: var(--size-m); }
        .entity-tab-error__content__illustration__icon svg {
          height: var(--size-m);
          width: var(--size-m); }
    .entity-tab-error__content__illustration-wrapper {
      margin-bottom: var(--spacing-l); }
    .entity-tab-error__content__title {
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-s); }
    .entity-tab-error__content__body {
      color: var(--content-color-secondary);
      text-align: center; }
    .entity-tab-error__content__action {
      margin-top: var(--spacing-xl);
      height: var(--controls-size-default);
      min-width: 60px; }

.entity-actions-dropdown .dropdown-menu {
  min-width: 200px; }
  .entity-actions-dropdown .dropdown-menu .dropdown-menu-item-icon {
    margin-right: var(--spacing-s); }
  .entity-actions-dropdown .dropdown-menu .entity__action-item {
    display: flex;
    flex: 1; }

.request-permission-infobar {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .request-permission-infobar .infobar {
    min-height: 64px;
    background-color: var(--background-color-primary); }
    .request-permission-infobar .infobar .permission-infobar-icon {
      margin-right: var(--spacing-s); }
      .request-permission-infobar .infobar .permission-infobar-icon use {
        fill: var(--content-color-secondary); }
      .request-permission-infobar .infobar .permission-infobar-icon svg > path[fill] {
        fill: var(--content-color-secondary); }
    .request-permission-infobar .infobar .infobar__text-wrapper {
      padding: var(--spacing-zero) var(--spacing-s); }

.agent-unavailable-tooltip__header {
  color: var(--content-color-error); }

.agent-unavailable-tooltip__body {
  color: var(--content-color-primary);
  margin-top: var(--spacing-xs);
  max-width: 250px; }

.sidebar-error-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: center;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  background-color: var(--background-color-secondary);
  height: 100%;
  padding: var(--spacing-s);
  margin-top: var(--spacing-xxl); }
  .sidebar-error-wrapper .sidebar-error-thumbnail {
    height: 120px;
    width: 120px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
    background-size: contain;
    margin: var(--spacing-xl) var(--spacing-zero) var(--spacing-l) var(--spacing-zero); }
  .sidebar-error-wrapper .sidebar-error-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-l); }
  .sidebar-error-wrapper .sidebar-error-header {
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-s); }
  .sidebar-error-wrapper .sidebar-error-content {
    font-size: var(--text-size-m);
    text-align: center;
    color: var(--content-color-secondary);
    margin-top: var(--spacing-xs); }
  .sidebar-error-wrapper .sidebar-error-button {
    font-size: var(--text-size-m);
    text-align: center;
    color: var(--content-color-secondary);
    margin-top: var(--spacing-l); }

.sidebar-offline-state {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: var(--spacing-xxl) var(--spacing-l) var(--spacing-zero);
  align-items: center; }
  .sidebar-offline-state__title {
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-s); }
  .sidebar-offline-state__body {
    color: var(--content-color-secondary);
    text-align: center; }
  .sidebar-offline-state__illustration {
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: var(--spacing-l);
    background-color: var(--background-color-tertiary); }
    .sidebar-offline-state__illustration__icon {
      height: var(--size-m);
      width: var(--size-m); }
      .sidebar-offline-state__illustration__icon svg {
        height: var(--size-m);
        width: var(--size-m); }

.headers-editor {
  display: flex;
  background: var(--background-color-primary); }
  .headers-editor__group {
    flex: 1; }
  .headers-editor__header {
    display: flex;
    align-items: center;
    user-select: none; }
  .headers-editor__preview-toggle {
    margin-left: var(--spacing-s);
    height: 20px;
    border-radius: 35px;
    background-color: var(--background-color-secondary); }
    .headers-editor__preview-toggle .preview-toggle__icon {
      margin-right: 6px; }
      .headers-editor__preview-toggle .preview-toggle__icon use {
        fill: var(--content-color-tertiary); }
      .headers-editor__preview-toggle .preview-toggle__icon svg > path[fill] {
        fill: var(--content-color-tertiary); }
    .headers-editor__preview-toggle .preview-toggle__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-size-s); }
    .headers-editor__preview-toggle .headers-editor__header .headers-editor__title {
      display: flex;
      align-items: center;
      background: var(--background-color-primary);
      height: var(--size-m);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-tertiary); }
  .headers-editor__title {
    display: flex;
    align-items: center;
    height: var(--size-m);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium); }
    .headers-editor__title--bleed {
      padding-left: var(--spacing-l); }

.urlparams-editor {
  display: flex;
  background: var(--background-color-primary); }
  .urlparams-editor__group {
    flex: 1; }
  .urlparams-editor__title {
    display: flex;
    align-items: center;
    height: var(--size-m);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-medium); }
    .urlparams-editor__title--bleed {
      padding-left: var(--spacing-l); }
  .urlparams-editor__path-variables.is-hidden {
    display: none; }

.custom-obj-inspector {
  display: flex;
  flex-direction: column; }
  .custom-obj-inspector__item {
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    line-height: var(--line-height-m);
    font-family: var(--text-family-code); }
    .custom-obj-inspector__item.padded {
      padding-left: var(--spacing-l); }
    .custom-obj-inspector__item__name {
      cursor: pointer;
      margin-left: -16px;
      display: flex;
      color: var(--content-color-secondary);
      align-items: center; }
    .custom-obj-inspector__item__value {
      word-break: break-all;
      color: var(--content-color-info); }
    .custom-obj-inspector__item__caret {
      display: inline-block;
      font-size: 8px;
      margin-right: var(--spacing-xs);
      user-select: none;
      transform: rotateZ(0deg);
      color: var(--content-color-secondary); }
      .custom-obj-inspector__item__caret.down {
        transform: rotateZ(90deg); }

.remote-iframe-viewer {
  width: 100%;
  height: 100%;
  background-color: var(--grey-00);
  flex: 1; }
  .remote-iframe-viewer .remote-iframe-viewer__error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 200px; }
    .remote-iframe-viewer .remote-iframe-viewer__error .remote-iframe-viewer__error-icon {
      display: block;
      width: 120px;
      height: 120px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .remote-iframe-viewer .remote-iframe-viewer__error .remote-iframe-viewer__error-title {
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-xs); }
    .remote-iframe-viewer .remote-iframe-viewer__error .remote-iframe-viewer__error-description {
      width: 350px;
      text-align: center; }
    .remote-iframe-viewer .remote-iframe-viewer__error .remote-iframe-viewer__error-reload {
      cursor: pointer;
      color: var(--content-color-brand); }
  .remote-iframe-viewer .remote-iframe-viewer__loading {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .remote-iframe-viewer .remote-iframe-viewer__frame {
    width: 100%;
    height: 100%;
    border: 0; }
    .remote-iframe-viewer .remote-iframe-viewer__frame.hidden {
      display: none; }

.fork-recommendation-tooltip {
  max-width: 320px;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }
  .fork-recommendation-tooltip .tooltip-wrapper {
    padding: var(--spacing-xl); }
  .fork-recommendation-tooltip__title {
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-s); }
  .fork-recommendation-tooltip__secondary-message {
    margin-top: var(--spacing-l); }
  .fork-recommendation-tooltip__actions {
    margin-top: var(--spacing-xl);
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .fork-recommendation-tooltip__actions .btn-primary {
      height: var(--control-size-default);
      margin-right: var(--spacing-s); }
    .fork-recommendation-tooltip__actions .btn-tertiary {
      height: var(--control-size-default); }

.action-menu__text-btn {
  color: var(--content-color-secondary);
  font-weight: 600;
  border-radius: unset;
  border-right: thin solid var(--border-color-strong); }

.action-menu__icon-btn {
  background: unset;
  margin-left: var(--spacing-xs); }
  .action-menu__icon-btn:hover, .action-menu__icon-btn.is-hovered {
    background: unset; }
  .action-menu__icon-btn:active, .action-menu__icon-btn.is-active {
    background: unset; }

.action-menu .tooltip-wrapper {
  padding: var(--spacing-xs);
  background: var(--background-color-primary); }
  .action-menu .tooltip-wrapper .tooltip-body {
    display: flex;
    align-items: center; }

.action-menu__dropdown,
.action-menu__new-variable__dropdown {
  z-index: 2000; }
  .action-menu__dropdown .dropdown-menu-item,
  .action-menu__new-variable__dropdown .dropdown-menu-item {
    font-weight: 600;
    color: var(--content-color-secondary);
    padding: var(--spacing-zero) var(--spacing-m); }

.action-menu__variable-item {
  padding: 6px 5px;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  display: flex;
  background: var(--background-color-primary); }
  .action-menu__variable-item:hover {
    background: var(--background-color-secondary); }
  .action-menu__variable-item .action-menu__variable-item-content {
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis; }
  .action-menu__variable-item .action-menu__variable-item-scope {
    display: inline-block;
    margin-right: var(--spacing-s);
    height: 17px;
    width: 17px;
    border-radius: 1px;
    text-align: center;
    line-height: 17px;
    color: var(--content-color-constant);
    font-weight: 600;
    font-size: 12px;
    border-radius: var(--border-radius-default);
    flex: 0 0 17px; }
    .action-menu__variable-item .action-menu__variable-item-scope.action-menu__variable-item-scope--global {
      flex: 0 0 var(--size-s);
      background: var(--base-color-info); }
    .action-menu__variable-item .action-menu__variable-item-scope.action-menu__variable-item-scope--environment {
      flex: 0 0 var(--size-s);
      background: var(--base-color-success); }
    .action-menu__variable-item .action-menu__variable-item-scope.action-menu__variable-item-scope--collectionVariable {
      background: var(--base-color-warning); }
  .action-menu__variable-item .action-menu__variable-item-key {
    padding-left: 15px;
    color: var(--content-color-primary);
    margin-left: var(--spacing-s);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 600; }
  .action-menu__variable-item .action-menu__variable-item--toggle-mask {
    flex: 0 0 15%;
    margin-left: var(--spacing-s); }
  .action-menu__variable-item__overridden {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 0 var(--spacing-xs);
    border-radius: var(--border-radius-default);
    background: var(--background-color-error); }
    .action-menu__variable-item__overridden-icon path {
      fill: var(--base-color-error); }
    .action-menu__variable-item__overridden-label {
      font-weight: 600;
      color: var(--base-color-error);
      margin-left: 4px; }

.action-menu__variable-menu {
  position: relative;
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 11px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px;
  margin: 4px 0 8px;
  flex: 1 1 auto;
  max-width: 292px; }
  .action-menu__variable-menu::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-background-color); }
  .action-menu__variable-menu::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-background-color); }

.action-menu__variable-menu-wrapper {
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  background: var(--background-color-primary); }
  .action-menu__variable-menu-wrapper .input-search-group {
    margin: 8px 0;
    flex: 0 0 30px; }
  .action-menu__variable-menu-wrapper .action-menu__variable-menu__btn {
    font-weight: 600;
    color: var(--content-color-tertiary);
    flex: 0 0 32px;
    align-items: center;
    justify-content: flex-start; }
    .action-menu__variable-menu-wrapper .action-menu__variable-menu__btn:hover, .action-menu__variable-menu-wrapper .action-menu__variable-menu__btn.is-hovered {
      background: var(--background-color-secondary); }
    .action-menu__variable-menu-wrapper .action-menu__variable-menu__btn .action-menu__variable-menu__btn-label {
      margin-left: 8px;
      line-height: 20px; }
  .action-menu__variable-menu-wrapper .action-menu__loading-spinner {
    margin: var(--spacing-s) auto 0 auto;
    flex: 0 0 var(--spacing-xxl); }

.action-menu__new-variable {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  color: var(--content-color-tertiary);
  font-weight: 600; }
  .action-menu__new-variable__title {
    font-weight: var(--text-weight-medium);
    color: var(--content-color-secondary);
    padding: 4px;
    margin: 8px 0 4px; }
  .action-menu__new-variable__input {
    width: 200px;
    margin-left: auto; }
    .action-menu__new-variable__input.has-error {
      border-color: var(--base-color-error);
      padding-right: 24px; }
  .action-menu__new-variable__error-btn {
    position: absolute;
    right: 16px;
    background: unset; }
    .action-menu__new-variable__error-btn:hover, .action-menu__new-variable__error-btn.is-hovered {
      background: unset; }
    .action-menu__new-variable__error-btn:active, .action-menu__new-variable__error-btn.is-active {
      background: unset; }
    .action-menu__new-variable__error-btn__icon path {
      fill: var(--base-color-error); }
  .action-menu__new-variable__row {
    display: flex;
    padding: 4px;
    align-items: center;
    width: 100%;
    height: 40px;
    box-sizing: border-box; }
    .action-menu__new-variable__row-label {
      margin-right: 32px;
      color: var(--content-color-primary); }
  .action-menu__new-variable .action-menu__new-variable__btn {
    margin-left: auto; }
  .action-menu__new-variable .action-menu__new-variable__dropdown-btn {
    text-transform: capitalize;
    font-weight: 600;
    color: var(--content-color-tertiary);
    width: 200px;
    background: var(--background-color-secondary);
    border: thin solid var(--border-color-default);
    height: 30px;
    overflow: hidden;
    justify-content: flex-start; }
    .action-menu__new-variable .action-menu__new-variable__dropdown-btn:hover, .action-menu__new-variable .action-menu__new-variable__dropdown-btn.is-hovered {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
    .action-menu__new-variable .action-menu__new-variable__dropdown-btn:active, .action-menu__new-variable .action-menu__new-variable__dropdown-btn.is-active {
      border-color: var(--border-color-strong);
      background-color: var(--background-color-primary); }
    .action-menu__new-variable .action-menu__new-variable__dropdown-btn .dropdown-caret {
      margin-left: auto; }
  .action-menu__new-variable__save-spinner {
    margin-left: var(--spacing-s); }

.action-menu__scope-item {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  display: flex; }
  .action-menu__scope-item .action-menu__variable-item-scope {
    display: inline-block;
    margin-right: 8px;
    height: 17px;
    width: 17px;
    border-radius: 1px;
    text-align: center;
    line-height: 17px;
    color: var(--content-color-constant);
    font-weight: 600;
    font-size: 12px;
    border-radius: var(--border-radius-default);
    flex: 0 0 17px; }
    .action-menu__scope-item .action-menu__variable-item-scope.action-menu__variable-item-scope--global {
      flex: 0 0 20px;
      background: var(--base-color-info); }
    .action-menu__scope-item .action-menu__variable-item-scope.action-menu__variable-item-scope--environment {
      flex: 0 0 20px;
      background: var(--base-color-success); }
    .action-menu__scope-item .action-menu__variable-item-scope.action-menu__variable-item-scope--collectionVariable {
      background: var(--base-color-warning); }
  .action-menu__scope-item .action-menu__variable-item-content {
    white-space: pre;
    flex: 1; }
  .action-menu__scope-item .action-menu__variable-item--toggle-mask {
    flex: 0 0 15%;
    margin-left: var(--spacing-s); }

.action-menu__variable-menu__info {
  width: 290px; }
  .action-menu__variable-menu__info-row {
    display: flex;
    align-items: flex-start;
    padding: 8px 4px; }
    .action-menu__variable-menu__info-row__label {
      text-transform: uppercase;
      font-weight: 600;
      color: var(--content-color-tertiary);
      margin-right: 16px; }
    .action-menu__variable-menu__info-row .input-field input {
      flex: 1;
      line-height: unset;
      height: 10px;
      text-overflow: ellipsis; }
    .action-menu__variable-menu__info-row__value {
      word-break: break-all;
      flex: 1; }
      .action-menu__variable-menu__info-row__value.is-overridden {
        text-decoration: line-through; }
      .action-menu__variable-menu__info-row__value .action-menu__scope-item {
        padding: unset; }

.action-menu__variable-menu__overridden-info {
  display: flex;
  align-items: center;
  margin-bottom: 8px; }
  .action-menu__variable-menu__overridden-info__icon path {
    fill: var(--base-color-error); }
  .action-menu__variable-menu__overridden-info__text {
    margin-left: 8px; }
    .action-menu__variable-menu__overridden-info__text-label {
      color: var(--content-color-tertiary); }
    .action-menu__variable-menu__overridden-info__text-link {
      color: var(--base-color-brand);
      cursor: pointer; }

.table-editor {
  display: grid;
  place-items: stretch stretch;
  place-content: start stretch;
  font-size: var(--text-size-m);
  color: var(--content-color-primary); }

.table-editor__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: calc(var(--spacing-m) / 2) var(--spacing-m) calc(var(--spacing-m) / 2) 0;
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .table-editor__cell.table-editor__cell--header {
    border: none;
    font-weight: var(--text-weight-bold);
    color: var(--content-color-secondary); }
  .table-editor__cell.table-editor__cell--last {
    padding-right: 0; }

.table-editor__text-input {
  all: unset;
  text-overflow: ellipsis;
  padding: var(--spacing-xs) 0; }
  .table-editor__text-input::placeholder {
    color: var(--content-color-tertiary); }

.table-editor__delete {
  display: inline-block;
  cursor: pointer; }

.agent-selection-details__browser .details__header {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-medium); }

.agent-selection-details__desktop .details__header {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-medium); }

.agent-selection-details__cloud .details__header {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-bold); }

.agent-selection-details__automatic-agent-selection .details__header {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-bold); }

.browser-tooltip .tooltip-wrapper, .agent-selection-details__browser .tooltip-wrapper {
  width: 288px;
  padding: var(--spacing-xl);
  background-color: var(--background-color-primary); }

.desktop-tooltip .tooltip-wrapper, .agent-selection-details__desktop .tooltip-wrapper {
  width: 288px;
  padding: var(--spacing-xl);
  background-color: var(--background-color-primary); }

.cloud-tooltip .tooltip-wrapper, .agent-selection-details__cloud .tooltip-wrapper {
  width: 288px;
  padding: var(--spacing-xl);
  background-color: var(--background-color-primary); }

.automatic-agent-selection-tooltip .tooltip-wrapper, .agent-selection-details__automatic-agent-selection .tooltip-wrapper {
  width: 288px;
  padding: var(--spacing-xl);
  background-color: var(--background-color-primary); }

.agent-selection-details__confirm {
  margin-top: var(--spacing-m);
  height: var(--size-m);
  width: 100%; }

.agent-selection-icon {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer; }
  .agent-selection-icon .agent-selection-label {
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    margin-left: var(--spacing-xs); }
  .agent-selection-icon .sb__item__text {
    margin-bottom: 2px; }
  .agent-selection-icon-error use {
    fill: var(--content-color-error) !important; }
  .agent-selection-icon-error svg > path[fill] {
    fill: var(--content-color-error) !important; }
  .agent-selection-icon-success use {
    fill: var(--content-color-success) !important; }
  .agent-selection-icon-success svg > path[fill] {
    fill: var(--content-color-success) !important; }

.agent-selection-details__wrapper {
  display: flex;
  align-items: flex-start;
  height: 100%;
  border-radius: var(--border-radius-default);
  margin-top: var(--spacing-l);
  background: var(--background-color-primary);
  cursor: pointer; }
  .agent-selection-details__wrapper.active {
    border-color: var(--base-color-brand); }
  .agent-selection-details__wrapper.unsupported {
    pointer-events: none; }
  .agent-selection-details__wrapper.auto-select {
    cursor: default; }
  .agent-selection-details__wrapper.disabled {
    cursor: not-allowed; }

.agent-selection-details__divider {
  background-color: var(--border-color-default);
  height: var(--border-width-default);
  margin-top: var(--spacing-l); }

.agent-selection-item__radio {
  border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
  border-radius: 50%;
  flex: 0 0 var(--spacing-l);
  height: var(--spacing-l);
  margin-top: 2px;
  margin-right: var(--spacing-s);
  box-sizing: border-box;
  cursor: pointer; }
  .agent-selection-item__radio:hover:not(.active), .agent-selection-item__radio.is-hovered:not(.active) {
    border-color: var(--content-color-secondary); }
  .agent-selection-item__radio.active {
    border-width: var(--border-width-xl);
    border-color: var(--base-color-brand); }
  .agent-selection-item__radio.unsupported {
    border-color: var(--content-color-tertiary); }
  .agent-selection-item__radio.disabled {
    cursor: not-allowed;
    opacity: 0.4; }
    .agent-selection-item__radio.disabled:hover, .agent-selection-item__radio.disabled.is-hovered {
      border-color: var(--content-color-tertiary); }

.agent-selection-item__label {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-primary); }
  .agent-selection-item__label.unsupported {
    color: var(--content-color-tertiary); }
  .agent-selection-item__label .secondary {
    color: var(--content-color-secondary);
    font-weight: var(--text-weight-regular); }
  .agent-selection-item__label.disabled {
    color: var(--content-color-tertiary); }

.agent-selection-item__description {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary); }
  .agent-selection-item__description .details__link {
    text-decoration: underline;
    cursor: pointer; }
  .agent-selection-item__description.unsupported {
    color: var(--content-color-error); }
  .agent-selection-item__description.disabled {
    color: var(--content-color-tertiary); }

.collection-editor-header__action {
  margin-right: var(--spacing-s); }
  .collection-editor-header__action.with-label i {
    margin-right: var(--spacing-xs); }

.collection-editor-header__action-experiment {
  margin-right: var(--spacing-s);
  min-width: auto; }
  .collection-editor-header__action-experiment.btn {
    height: var(--size-m); }
  .collection-editor-header__action-experiment.with-label i {
    margin-right: var(--spacing-xs); }

.collection-editor-header__subtitle__fork-label span.fork-label {
  max-width: unset;
  line-height: var(--line-height-s); }

.collection-watch-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: var(--spacing-s); }
  .collection-watch-button .watch-button {
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: var(--text-size-m); }
  .collection-watch-button .watch-label {
    margin-left: var(--spacing-s); }
  .collection-watch-button .watcher-count-btn {
    margin: var(--spacing-zero);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    user-select: none;
    background-color: var(--background-color-tertiary);
    box-sizing: border-box;
    width: 34px;
    height: var(--size-m);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .collection-watch-button .watcher-count-btn:hover, .collection-watch-button .watcher-count-btn.is-hovered {
      background-color: var(--highlight-background-color-tertiary); }
    .collection-watch-button .watcher-count-btn .count-label {
      color: var(--content-color-secondary);
      height: var(--size-s);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
      .collection-watch-button .watcher-count-btn .count-label.button-disabled:hover, .collection-watch-button .watcher-count-btn .count-label.button-disabled.is-hovered {
        background-color: initial; }
    .collection-watch-button .watcher-count-btn.is-disabled {
      cursor: default; }
      .collection-watch-button .watcher-count-btn.is-disabled:hover, .collection-watch-button .watcher-count-btn.is-disabled.is-hovered {
        background-color: var(--background-color-tertiary); }

.collection-editor-content {
  display: flex;
  height: 100%;
  flex-direction: column; }
  .collection-editor-content__variables-editor {
    margin-top: var(--spacing-m); }
    .collection-editor-content__variables-editor .key-value-form-editor {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.collection-info-cb {
  display: flex;
  flex-direction: column;
  overflow: auto hidden; }
  .collection-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .collection-info-cb__container {
    height: 100%;
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.collection-sidebar-list-item__loading {
  height: 100%;
  overflow: hidden;
  display: flex;
  padding: var(--spacing-zero) var(--spacing-s); }
  .collection-sidebar-list-item__loading .sidebar-loading-state--item {
    display: flex;
    align-items: center;
    padding: var(--spacing-s) var(--spacing-zero);
    margin-left: var(--spacing-xxl);
    animation: fade 1s ease-in-out infinite; }
    .collection-sidebar-list-item__loading .sidebar-loading-state--item .sidebar-loading-state__icon {
      height: 8px;
      width: 8px;
      background-color: var(--highlight-background-color-secondary);
      margin: var(--spacing-zero) var(--spacing-s);
      border-radius: var(--border-radius-s);
      visibility: hidden; }
      .collection-sidebar-list-item__loading .sidebar-loading-state--item .sidebar-loading-state__icon.has {
        visibility: visible; }
    .collection-sidebar-list-item__loading .sidebar-loading-state--item .sidebar-loading-state-indentation {
      height: var(--size-s);
      border-right: 1px solid var(--border-color-default);
      width: 0;
      margin: var(--spacing-zero) var(--spacing-s); }
    .collection-sidebar-list-item__loading .sidebar-loading-state--item .sidebar-loading-state__pre-info {
      height: 8px;
      width: var(--size-s);
      background-color: var(--highlight-background-color-secondary);
      margin-left: var(--spacing-xs);
      border-radius: var(--border-radius-s);
      margin-right: var(--spacing-m); }
    .collection-sidebar-list-item__loading .sidebar-loading-state--item .sidebar-loading-state__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100px;
      height: 8px;
      background-color: var(--highlight-background-color-secondary);
      border-radius: var(--border-radius-s); }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.env-sidebar-container {
  flex: 1;
  display: flex;
  flex-direction: column; }

.env-sidebar-menu__actions-refresh-wrapper {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .env-sidebar-menu__actions-refresh-wrapper:hover use, .env-sidebar-menu__actions-refresh-wrapper.is-hovered use {
    fill: var(--base-color-brand); }
  .env-sidebar-menu__actions-refresh-wrapper:hover svg > path[fill], .env-sidebar-menu__actions-refresh-wrapper.is-hovered svg > path[fill] {
    fill: var(--base-color-brand); }
  .env-sidebar-menu__actions-refresh-wrapper.is-disabled {
    cursor: default;
    opacity: 0.4; }
    .env-sidebar-menu__actions-refresh-wrapper.is-disabled .env-sidebar-menu__actions-refresh-loading:hover use, .env-sidebar-menu__actions-refresh-wrapper.is-disabled .env-sidebar-menu__actions-refresh-loading.is-hovered use {
      fill: var(--content-color-secondary); }
    .env-sidebar-menu__actions-refresh-wrapper.is-disabled .env-sidebar-menu__actions-refresh-loading:hover svg > path[fill], .env-sidebar-menu__actions-refresh-wrapper.is-disabled .env-sidebar-menu__actions-refresh-loading.is-hovered svg > path[fill] {
      fill: var(--content-color-secondary); }

.env-sidebar-menu__actions-refresh-loading {
  cursor: default;
  -webkit-animation: rotating 1s linear infinite; }
  .env-sidebar-menu__actions-refresh-loading:hover use, .env-sidebar-menu__actions-refresh-loading.is-hovered use {
    fill: var(--content-color-secondary); }
  .env-sidebar-menu__actions-refresh-loading:hover svg > path[fill], .env-sidebar-menu__actions-refresh-loading.is-hovered svg > path[fill] {
    fill: var(--content-color-secondary); }

.env-sidebar-list-container {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-s);
  flex: 1; }
  .env-sidebar-list-container > .sidebar-list-item {
    flex: unset; }
  .env-sidebar-list-container .env-sidebar-list {
    display: flex;
    flex: 1; }

.empty-search-item {
  display: flex;
  justify-content: center;
  color: var(--content-color-tertiary);
  padding: var(--spacing-l); }
  .empty-search-item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.env-sidebar-list-item {
  display: flex;
  margin: var(--spacing-zero) var(--spacing-s);
  height: 32px;
  align-items: center;
  border-radius: var(--border-radius-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .env-sidebar-list-item:hover, .env-sidebar-list-item.is-hovered {
    background-color: var(--highlight-background-color-primary); }
    .env-sidebar-list-item:hover .env-sidebar-list-item__actions, .env-sidebar-list-item.is-hovered .env-sidebar-list-item__actions {
      display: flex;
      margin-left: var(--spacing-s); }
      .env-sidebar-list-item:hover .env-sidebar-list-item__actions .btn, .env-sidebar-list-item.is-hovered .env-sidebar-list-item__actions .btn {
        background-color: transparent; }
  .env-sidebar-list-item.selected {
    background-color: var(--background-color-brand); }
  .env-sidebar-list-item__icon {
    display: flex;
    align-items: center;
    margin: var(--spacing-zero) var(--spacing-s); }
    .env-sidebar-list-item__icon use {
      fill: var(--content-color-secondary); }
    .env-sidebar-list-item__icon svg > path[fill] {
      fill: var(--content-color-secondary); }
  .env-sidebar-list-item__content {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-regular);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
    .env-sidebar-list-item__content__name {
      padding: 3px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .env-sidebar-list-item__content .inline-input__wrapper .input-box {
      padding: 2px; }
  .env-sidebar-list-item__actions {
    display: none; }
  .env-sidebar-list-item__meta {
    display: none;
    color: var(--content-color-brand);
    margin: var(--spacing-zero) var(--spacing-s); }
    .env-sidebar-list-item__meta.is-active {
      display: flex;
      align-items: center; }

.environment-info-cb {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .environment-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .environment-info-cb__container {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.environment-editor {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .environment-editor__action {
    margin-right: var(--spacing-s); }
    .environment-editor__action-save i, .environment-editor__action i {
      margin-right: var(--spacing-xs); }
  .environment-editor .globals-editor__action:last-child {
    margin-right: unset; }
  .environment-editor__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; }
    .environment-editor__content__variables-editor .key-value-form-editor {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .environment-editor__content .variables-editor__content {
      overflow-x: hidden; }
    .environment-editor__content .variables-editor:first-child .variables-editor__content:first-child .key-value-form-editor {
      border-top: none; }
  .environment-editor .entity-tab-header + .variables-editor .variables-editor__content:first-child .key-value-form-editor,
  .environment-editor .request-permission-infobar + .variables-editor .variables-editor__content:first-child .key-value-form-editor {
    border-top: none; }

.example-editor {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .example-editor .request-editor__main__url-group {
    margin-right: 0px; }

.example-editor-header__action {
  margin-right: var(--spacing-s); }
  .example-editor-header__action:last-child {
    margin-right: unset; }
  .example-editor-header__action .hasLabel {
    margin-right: var(--spacing-xs); }

.response-header-editor {
  margin: -8px;
  overflow-y: auto; }
  .response-header-editor .key-value-form-editor.is-bleed {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .response-header-editor .key-value-form-editor-sortable__selectable {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.response-urlparams-editor-container {
  overflow-y: auto; }
  .response-urlparams-editor-container .urlparams-editor__params .key-value-form-editor, .response-urlparams-editor-container .urlparams-editor__path-variables .key-value-form-editor {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default) !important; }
  .response-urlparams-editor-container .urlparams-editor__params .key-value-form-editor-sortable__selectable, .response-urlparams-editor-container .urlparams-editor__path-variables .key-value-form-editor-sortable__selectable {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }

.example-info-cb {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .example-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .example-info-cb__container {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.example-meta-icons {
  display: flex;
  margin-left: var(--spacing-xs); }
  .example-meta-icons__item {
    margin-right: var(--spacing-xs); }
    .example-meta-icons__item use {
      fill: var(--content-color-tertiary); }
    .example-meta-icons__item svg > path[fill] {
      fill: var(--content-color-tertiary); }

.folder-editor-header__action {
  margin-right: var(--spacing-s); }
  .folder-editor-header__action i {
    margin-right: var(--spacing-xs); }

.folder-editor-content {
  display: flex;
  height: 100%;
  flex-direction: column; }

.folder-info-cb {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .folder-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .folder-info-cb__container {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.folder-meta-icons {
  display: flex;
  margin-left: var(--spacing-xs); }
  .folder-meta-icons__item {
    margin-right: var(--spacing-xs); }
    .folder-meta-icons__item use {
      fill: var(--content-color-tertiary); }
    .folder-meta-icons__item svg > path[fill] {
      fill: var(--content-color-tertiary); }

.globals-sidebar-list-item {
  display: flex;
  margin: var(--spacing-zero) var(--spacing-s);
  height: 32px;
  align-items: center;
  border-radius: var(--border-radius-default);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .globals-sidebar-list-item:hover, .globals-sidebar-list-item.is-hovered {
    background-color: var(--highlight-background-color-primary); }
    .globals-sidebar-list-item:hover .globals-sidebar-list-item__actions, .globals-sidebar-list-item.is-hovered .globals-sidebar-list-item__actions {
      display: flex;
      margin-left: var(--spacing-s); }
      .globals-sidebar-list-item:hover .globals-sidebar-list-item__actions .btn, .globals-sidebar-list-item.is-hovered .globals-sidebar-list-item__actions .btn {
        background-color: transparent; }
  .globals-sidebar-list-item.selected {
    background-color: var(--background-color-primary); }
  .globals-sidebar-list-item__icon {
    display: flex;
    align-items: center;
    margin: var(--spacing-zero) var(--spacing-s); }
    .globals-sidebar-list-item__icon use {
      fill: var(--content-color-info); }
    .globals-sidebar-list-item__icon svg > path[fill] {
      fill: var(--content-color-info); }
  .globals-sidebar-list-item__content {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    color: var(--content-color-primary);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer; }
  .globals-sidebar-list-item__actions {
    display: none; }

.globals-separator {
  height: 1px;
  background-color: var(--border-color-default);
  margin: var(--spacing-s); }

.globals-info-cb {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .globals-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .globals-info-cb__container {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.globals-editor {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .globals-editor__action {
    margin-right: var(--spacing-s); }
    .globals-editor__action i {
      margin-right: var(--spacing-xs); }
  .globals-editor .globals-editor__action:last-child {
    margin-right: unset; }
  .globals-editor__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; }
    .globals-editor__content .variables-editor:first-child .variables-editor__content:first-child .key-value-form-editor {
      border-top: none; }
  .globals-editor__variables-editor {
    margin-top: var(--spacing-m); }
    .globals-editor__variables-editor .key-value-form-editor {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .globals-editor .entity-tab-header + .variables-editor .variables-editor__content:first-child .key-value-form-editor,
  .globals-editor .request-permission-infobar + .variables-editor .variables-editor__content:first-child .key-value-form-editor {
    border-top: none; }

.request-info-cb {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }
  .request-info-cb .right-context-bar-header {
    color: var(--content-color-primary); }
  .request-info-cb__container {
    overflow-y: auto;
    padding: var(--spacing-zero) var(--spacing-s); }

.request-meta-icons {
  display: flex;
  margin-left: var(--spacing-xs); }
  .request-meta-icons__item {
    margin-right: var(--spacing-xs); }
    .request-meta-icons__item use {
      fill: var(--content-color-tertiary); }
    .request-meta-icons__item svg > path[fill] {
      fill: var(--content-color-tertiary); }

.websocket-request-tab-contents {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  min-height: 0; }

.websocket-request-tab-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%; }
  .websocket-request-tab-content.is-hidden {
    display: none; }

.websocket .request-editor__tabs {
  padding-left: var(--spacing-xs); }
  .websocket .request-editor__tabs .tab-text-wrapper {
    padding-top: unset; }

.websocket-url-editor {
  display: flex;
  padding: var(--spacing-s) var(--spacing-l);
  align-items: center; }
  .websocket-url-editor__url {
    display: flex;
    flex: 1;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    height: var(--size-m); }
    .websocket-url-editor__url__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .websocket-url-editor__input {
    flex: 1;
    color: var(--content-color-primary);
    height: var(--size-m);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    font-family: var(--text-family-default); }
    .websocket-url-editor__input .auto-suggest {
      height: 100%;
      box-sizing: border-box;
      background-color: var(--background-color-tertiary);
      border-radius: var(--border-radius-default);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
      .websocket-url-editor__input .auto-suggest:hover, .websocket-url-editor__input .auto-suggest.is-hovered {
        background-color: var(--highlight-background-color-secondary); }
      .websocket-url-editor__input .auto-suggest.is-focused {
        background-color: var(--background-color-primary);
        border-radius: var(--border-radius-default);
        height: unset;
        z-index: 10; }
      .websocket-url-editor__input .auto-suggest .auto-suggest__collapsible {
        padding: 5px var(--spacing-m); }
  .websocket-url-editor > *:not(:last-child) {
    margin-right: var(--spacing-s); }

.websocket-settings {
  overflow-y: auto;
  flex: 1; }

.websocket-headers {
  overflow-y: auto;
  flex: 1;
  padding: var(--spacing-zero) var(--spacing-l); }

.websocket-events {
  flex: 1;
  overflow-y: auto;
  margin: var(--spacing-zero) var(--spacing-l); }

.websocket-query-params {
  overflow-y: auto;
  flex: 1;
  padding: var(--spacing-zero) var(--spacing-l); }

.websocket-message-stream-controls {
  display: flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-l);
  z-index: 1; }
  .websocket-message-stream-controls.add-shadow {
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12); }
  .websocket-message-stream-controls__filter-dropdown {
    margin-left: var(--spacing-s);
    margin-right: var(--spacing-xs); }
    .websocket-message-stream-controls__filter-dropdown .btn-tertiary {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular);
      font-family: var(--text-family-default);
      color: var(--content-color-secondary); }
      .websocket-message-stream-controls__filter-dropdown .btn-tertiary:hover, .websocket-message-stream-controls__filter-dropdown .btn-tertiary.is-active {
        background-color: var(--highlight-background-color-secondary);
        color: var(--content-color-primary); }
    .websocket-message-stream-controls__filter-dropdown .dropdown-caret {
      margin-left: var(--spacing-xs); }
    .websocket-message-stream-controls__filter-dropdown .dropdown-menu {
      background-color: var(--background-color-primary); }
      .websocket-message-stream-controls__filter-dropdown .dropdown-menu .message-type-filter-item {
        padding-left: var(--spacing-xxl); }
        .websocket-message-stream-controls__filter-dropdown .dropdown-menu .message-type-filter-item.message-type-filter-item--active {
          padding-left: var(--spacing-s);
          background-color: var(--background-color-secondary); }
          .websocket-message-stream-controls__filter-dropdown .dropdown-menu .message-type-filter-item.message-type-filter-item--active i {
            margin-right: var(--spacing-s); }
  .websocket-message-stream-controls__filter-input {
    display: flex;
    align-items: center;
    width: 240px; }
  .websocket-message-stream-controls__right-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto; }

.websocket-stream {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative; }
  .websocket-stream__list {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .websocket-stream__list div div div div:first-child .websocket-hidden-messages {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    margin-top: var(--spacing-xs); }
  .websocket-stream__jump-to-latest {
    display: flex;
    justify-content: center; }
    .websocket-stream__jump-to-latest__btn {
      position: absolute;
      border-radius: 20px;
      top: 48px;
      z-index: 10;
      padding: var(--spacing-xs) var(--spacing-m);
      background-color: var(--content-color-link);
      color: var(--content-color-constant);
      font-weight: var(--text-weight-medium);
      box-shadow: var(--shadow-default); }
      .websocket-stream__jump-to-latest__btn i path {
        fill: var(--content-color-constant); }
      .websocket-stream__jump-to-latest__btn:hover, .websocket-stream__jump-to-latest__btn.is-hovered {
        background-color: var(--content-color-link);
        color: var(--content-color-constant); }
        .websocket-stream__jump-to-latest__btn:hover i path, .websocket-stream__jump-to-latest__btn.is-hovered i path {
          fill: var(--content-color-constant); }

.websocket-stream-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.stream-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow-y: auto; }
  .stream-empty-state__icon {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .stream-empty-state__message {
    width: 320px; }

.websocket-hidden-messages {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--size-s);
  padding: var(--spacing-s) var(--spacing-xs) var(--spacing-s) var(--spacing-l);
  margin: var(--spacing-zero) var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
  background-color: var(--background-color-secondary); }
  .websocket-hidden-messages__left-section {
    display: flex;
    align-items: center;
    flex: 1;
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .websocket-hidden-messages__left-section__icon {
      margin-right: var(--spacing-m); }
  .websocket-hidden-messages__right-section {
    display: flex;
    align-items: center;
    margin-left: var(--spacing-l); }

.websocket-message-pane-label {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  height: var(--size-m);
  margin: var(--spacing-zero) var(--spacing-l); }
  .websocket-message-pane-label__text {
    cursor: pointer;
    user-select: none; }
  .websocket-message-pane-label__actions {
    display: flex;
    align-items: center; }
    .websocket-message-pane-label__actions__status {
      display: flex;
      align-items: center;
      cursor: default; }
    .websocket-message-pane-label__actions__arrow {
      display: flex;
      margin-left: var(--spacing-s);
      cursor: pointer; }

.websocket-connection-statistics {
  width: 270px; }
  .websocket-connection-statistics__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--size-s);
    margin-top: var(--spacing-xs); }
    .websocket-connection-statistics__item:first-child {
      margin-top: unset; }
    .websocket-connection-statistics__item__header {
      color: var(--content-color-secondary); }
    .websocket-connection-statistics__item__label {
      color: var(--content-color-secondary); }
    .websocket-connection-statistics__item__value {
      width: 60%;
      display: flex;
      align-items: center;
      color: var(--content-color-primary); }
      .websocket-connection-statistics__item__value span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.websocket-message-lang-dropdown-btn {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular);
  font-family: var(--text-family-default);
  color: var(--content-color-secondary); }
  .websocket-message-lang-dropdown-btn:hover, .websocket-message-lang-dropdown-btn.is-active {
    background-color: var(--highlight-background-color-secondary); }
  .websocket-message-lang-dropdown-btn .dropdown-caret {
    margin-left: var(--spacing-xs); }

.message-relational-info-toolbar {
  display: flex;
  flex: 1;
  align-items: center;
  min-height: var(--size-m);
  padding: var(--spacing-xs) var(--spacing-l); }
  .message-relational-info-toolbar__deselect {
    line-height: 1.6; }
  .message-relational-info-toolbar > * {
    margin-right: var(--spacing-l); }

.websocket-message-viewer__editor {
  display: flex;
  flex-direction: column;
  background-color: var(--background-color-secondary);
  flex: 1 auto;
  height: 100%;
  min-width: 0; }
  .websocket-message-viewer__editor__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--size-m);
    padding: var(--spacing-xs) var(--spacing-zero) var(--spacing-xs) var(--spacing-l);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .websocket-message-viewer__editor__toolbar.is-binary {
      justify-content: flex-end; }
    .websocket-message-viewer__editor__toolbar__section-l, .websocket-message-viewer__editor__toolbar__section-r {
      display: flex;
      align-items: center; }
    .websocket-message-viewer__editor__toolbar__section-l .line-wrap-active i path {
      fill: var(--content-color-brand); }
    .websocket-message-viewer__editor__toolbar__section-l > * {
      margin-right: var(--spacing-s); }
  .websocket-message-viewer__editor__monaco-editor {
    height: 100%; }
    .websocket-message-viewer__editor__monaco-editor .monaco-editor .monaco-editor-background {
      background-color: var(--background-color-secondary); }
    .websocket-message-viewer__editor__monaco-editor .monaco-editor .margin-view-overlays {
      background-color: var(--background-color-secondary); }
      .websocket-message-viewer__editor__monaco-editor .monaco-editor .margin-view-overlays .line-numbers {
        color: var(--content-color-tertiary); }

.websocket-message-viewer__iframe {
  display: flex;
  flex: 1 auto;
  height: 100%; }

.websocket-editor-header__actions {
  display: flex;
  align-items: center; }
  .websocket-editor-header__actions__type-selector__btn {
    background-color: var(--background-color-info);
    border-radius: var(--border-radius-default); }
    .websocket-editor-header__actions__type-selector__btn .btn {
      height: var(--size-s);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular);
      font-family: var(--text-family-default);
      color: var(--content-color-primary); }
  .websocket-editor-header__actions__type-selector .dropdown-caret {
    margin-left: var(--spacing-xs); }
  .websocket-editor-header__actions__feedback-wrapper {
    padding-left: var(--spacing-s);
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .websocket-editor-header__actions > *:not(:last-child) {
    margin-right: var(--spacing-s); }

.websocket-saved-messages {
  padding-bottom: var(--spacing-l);
  overflow-y: auto; }
  .websocket-saved-messages--empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .websocket-saved-messages__message {
    display: flex;
    align-items: center;
    gap: 0 var(--spacing-s);
    padding: 0 var(--spacing-l);
    height: 40px;
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    cursor: pointer; }
    .websocket-saved-messages__message:hover {
      background: var(--background-color-tertiary); }
      .websocket-saved-messages__message:hover .websocket-saved-messages__message-menu {
        display: inline-block; }
    .websocket-saved-messages__message--selected {
      background: var(--background-color-tertiary);
      cursor: default; }
    .websocket-saved-messages__message--dirty:not(:hover) .websocket-saved-messages__dirty-indicator, .websocket-saved-messages__message--dirty.websocket-saved-messages__message--new .websocket-saved-messages__dirty-indicator {
      display: block; }
    .websocket-saved-messages__message .websocket-saved-messages__message-menu {
      display: none;
      margin-right: -14px; }
    .websocket-saved-messages__message .event-badge {
      margin-left: 0; }
  .websocket-saved-messages__message-title {
    flex: 1;
    overflow-x: hidden; }
    .websocket-saved-messages__message-title .inline-input_placeholder {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .websocket-saved-messages__dirty-indicator {
    display: none;
    height: 8px;
    width: 8px;
    background: var(--base-color-brand);
    border-radius: 5px; }
  .websocket-saved-messages__right-side {
    display: flex;
    justify-content: flex-end;
    margin-left: auto; }
  .websocket-saved-messages__more-options:hover {
    background: var(--background-color-tertiary); }

.websocket-compose-pane-label {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--size-m);
  padding: var(--spacing-xs) var(--spacing-s) var(--spacing-xs) var(--spacing-l);
  background-color: var(--background-color-primary);
  font-family: var(--text-family-default);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-primary); }
  .websocket-compose-pane-label__title {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: var(--spacing-s);
    font-weight: var(--text-weight-bold);
    cursor: default;
    user-select: none;
    overflow-x: hidden;
    height: 26px; }
    .websocket-compose-pane-label__title:hover:not(:focus-within):not(.websocket-compose-pane-label__title--disabled) {
      background: var(--background-color-tertiary);
      border-radius: var(--border-radius-default);
      padding-left: var(--spacing-s);
      margin-left: calc(-1 * var(--spacing-s));
      cursor: text; }
  .websocket-compose-pane-label__title-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.websocket-tabs-badge {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: var(--spacing-xs);
  background-color: var(--base-color-success);
  border-radius: 8px; }

.websocket-request-info {
  padding: var(--spacing-zero) var(--spacing-s); }

.websocket-request-documentation {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  margin: var(--spacing-s) var(--spacing-zero); }
  .websocket-request-documentation__body {
    display: flex;
    flex: 1 auto;
    height: 100%;
    flex-direction: column;
    margin-right: var(--spacing-l);
    gap: var(--spacing-xl); }
    .websocket-request-documentation__body > *:not(:first-child) {
      margin-left: var(--spacing-s); }
    .websocket-request-documentation__body__url {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-s); }
      .websocket-request-documentation__body__url .request-documentation--url {
        margin-bottom: unset; }

.websocket-request-description {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .websocket-request-description--edit {
    display: flex;
    height: 100%;
    flex-direction: column;
    flex: 1 1 auto; }
  .websocket-request-description .description-preview--editable {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s); }
  .websocket-request-description .description-editor-wrapper {
    height: 100%;
    margin-left: var(--spacing-s); }
  .websocket-request-description .description-preview__edit-icon {
    margin-left: var(--spacing-l); }

.socketIO .pane-label .pane-label__text, .raw-websocket .pane-label .pane-label__text {
  font-family: var(--text-family-default);
  font-weight: var(--text-weight-bold);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-primary); }

.socketIO .pane-label.horizontal .pane-label__text, .raw-websocket .pane-label.horizontal .pane-label__text {
  margin-left: var(--spacing-l); }

.socketIO .pane-label.horizontal .pane-label__arrow, .raw-websocket .pane-label.horizontal .pane-label__arrow {
  margin-right: var(--spacing-l); }

.raw-websocket-compose {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  margin-left: var(--spacing-l);
  margin-right: var(--spacing-s); }
  .raw-websocket-compose__editor {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    min-height: 0; }
    .raw-websocket-compose__editor .text-editor .monaco-editor .margin-view-overlays .line-numbers {
      color: var(--content-color-tertiary); }
    .raw-websocket-compose__editor .text-editor .monaco-editor .monaco-placeholder {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-tertiary); }
  .raw-websocket-compose__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-xs) var(--spacing-zero); }
    .raw-websocket-compose__footer__left {
      display: flex;
      align-items: center; }
      .raw-websocket-compose__footer__left__lang-selector {
        margin-right: var(--spacing-xs); }

.websocket-stream-item {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-zero) var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .websocket-stream-item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--size-m);
    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-zero);
    cursor: pointer; }
    .websocket-stream-item__header__left-section {
      display: flex;
      align-items: center;
      flex: 1;
      overflow-x: hidden; }
      .websocket-stream-item__header__left-section__checkbox {
        margin-left: var(--spacing-xs); }
        .websocket-stream-item__header__left-section__checkbox div span span {
          margin-right: unset; }
      .websocket-stream-item__header__left-section__type-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: var(--size-xs);
        min-width: var(--size-xs);
        margin-left: var(--spacing-xl); }
      .websocket-stream-item__header__left-section__checkbox + .websocket-stream-item__header__left-section__type-icon {
        margin-left: 6px; }
      .websocket-stream-item__header__left-section__message {
        margin-left: var(--spacing-xl);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .websocket-stream-item__header__left-section__message.add-ellipsis::after {
          content: '...';
          font-family: var(--text-family-default); }
        .websocket-stream-item__header__left-section__message.is-placeholder {
          font-style: italic; }
    .websocket-stream-item__header__right-section {
      display: flex;
      align-items: center;
      min-width: 96px;
      margin-left: var(--spacing-xl);
      justify-content: flex-end; }
      .websocket-stream-item__header__right-section__time, .websocket-stream-item__header__right-section__quick-actions {
        display: flex;
        align-items: center;
        margin-right: var(--spacing-s); }
        .websocket-stream-item__header__right-section__time:last-child, .websocket-stream-item__header__right-section__quick-actions:last-child {
          margin-right: var(--spacing-xl); }
      .websocket-stream-item__header__right-section__quick-actions .info-button {
        align-items: center;
        justify-content: center;
        padding: var(--spacing-s);
        box-sizing: border-box; }
    .websocket-stream-item__header.is-hovered {
      background-color: var(--background-color-secondary); }
    .websocket-stream-item__header.is-selected {
      background-color: var(--background-color-secondary); }
  .websocket-stream-item__body {
    display: flex;
    flex-direction: column; }
    .websocket-stream-item__body__message-body-viewer {
      height: 250px;
      box-sizing: border-box;
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .websocket-stream-item__body__obj-inspector {
      display: flex;
      flex-direction: column;
      height: 240px;
      padding-left: var(--spacing-xl);
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-all; }
      .websocket-stream-item__body__obj-inspector__error {
        font-family: var(--text-family-default);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
      .websocket-stream-item__body__obj-inspector > * {
        margin-bottom: var(--spacing-s); }
      .websocket-stream-item__body__obj-inspector.no-details {
        height: var(--size-m); }
    .websocket-stream-item__body__plain-text {
      display: flex;
      align-items: center;
      height: var(--size-s);
      padding-left: var(--spacing-xl);
      margin-bottom: var(--spacing-s);
      white-space: pre;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-family: var(--text-family-default);
      font-weight: var(--text-weight-regular);
      color: var(--content-color-primary); }
      .websocket-stream-item__body__plain-text__description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .websocket-stream-item.no-body .websocket-stream-item__header {
    cursor: default; }
  .websocket-stream-item.server-message .websocket-stream-item__header__left-section__message {
    font-family: var(--text-family-code); }
  .websocket-stream-item.server-message .websocket-stream-item__header__left-section__type-icon {
    background-color: var(--background-color-info); }
  .websocket-stream-item.client-message .websocket-stream-item__header__left-section__message {
    font-family: var(--text-family-code); }
  .websocket-stream-item.client-message .websocket-stream-item__header__left-section__type-icon {
    background-color: var(--background-color-warning); }

.websocket-stream-info-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .websocket-stream-info-tooltip > * {
    margin-bottom: var(--spacing-s); }
  .websocket-stream-info-tooltip span:last-child {
    margin-bottom: unset; }

.raw-websocket-messages-documentation {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l); }
  .raw-websocket-messages-documentation__item {
    display: flex;
    flex-direction: column; }

.event-badge {
  display: flex;
  align-items: center;
  max-width: 120px;
  margin-left: var(--spacing-xl); }
  .event-badge__name {
    font-size: var(--text-size-s);
    line-height: var(--line-height-s);
    font-family: var(--text-family-default);
    font-weight: var(--text-weight-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .event-badge__name-wrapper {
    display: flex;
    align-items: center;
    padding: var(--spacing-zero) var(--spacing-s);
    height: 20px;
    box-sizing: border-box;
    border: var(--border-width-default) var(--border-style-solid);
    border-radius: var(--border-radius-default);
    overflow-x: hidden;
    --perceived-lightness: calc(var(--r)*0.2126/255 + var(--g)*0.7152/255 + var(--b)*0.0722/255); }
    .event-badge__name-wrapper--light {
      --lightness-threshold: 0.6;
      --background-alpha: 0.18;
      --border-alpha: 0.3;
      --lightness-switch: max(0, min(calc(var(--perceived-lightness)*-1000 - var(--lightness-threshold)*-1000), 1));
      --lighten-by: calc((var(--lightness-threshold) * 100 - var(--perceived-lightness) * 100) * var(--lightness-switch));
      background-color: rgba(var(--r), var(--g), var(--b), var(--background-alpha));
      border-color: hsla(var(--h), calc(var(--s)*1%), calc((var(--l)) * 0.4%), var(--border-alpha));
      color: hsl(var(--h), calc(var(--s) * 1%), calc((var(--l)) * 0.4%)); }
    .event-badge__name-wrapper--dark {
      --lightness-threshold: 0.6;
      --background-alpha: 0.18;
      --border-alpha: 0.3;
      --lightness-switch: max(0, min(calc(var(--perceived-lightness)*-1000 - var(--lightness-threshold)*-1000), 1));
      --lighten-by: calc((var(--lightness-threshold) * 100 - var(--perceived-lightness) * 100) * var(--lightness-switch));
      background-color: rgba(var(--r), var(--g), var(--b), var(--background-alpha));
      border-color: hsla(var(--h), calc(var(--s)*1%), calc((var(--l) + var(--lighten-by)) * 1%), var(--border-alpha));
      color: hsl(var(--h), calc(var(--s) * 1%), calc((var(--l) + var(--lighten-by)) * 1%)); }

.socketIO-compose {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  margin-left: var(--spacing-l);
  margin-right: var(--spacing-s); }
  .socketIO-compose__multi-arg {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .socketIO-compose__multi-arg__editor {
      height: 100%;
      flex: 1;
      overflow: hidden;
      min-height: 0; }
      .socketIO-compose__multi-arg__editor .text-editor .monaco-editor .margin-view-overlays .line-numbers {
        color: var(--content-color-tertiary); }
      .socketIO-compose__multi-arg__editor .text-editor .monaco-editor .monaco-placeholder {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-tertiary); }
  .socketIO-compose__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-xs) var(--spacing-zero);
    flex-wrap: wrap; }
    .socketIO-compose__footer__left, .socketIO-compose__footer__right {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--spacing-s) var(--spacing-s); }
    .socketIO-compose__footer__right {
      margin-left: var(--spacing-s); }
      .socketIO-compose__footer__right .auto-suggest.is-focused .auto-suggest-box {
        border-color: var(--content-color-tertiary) !important; }
      .socketIO-compose__footer__right__event-input {
        width: 200px;
        font-family: var(--text-family-default);
        font-size: var(--text-size-m);
        color: var(--content-color-primary); }
        .socketIO-compose__footer__right__event-input.auto-suggest-box {
          border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
          border-radius: var(--border-radius-default);
          padding: 7.5px 10px;
          background-color: unset; }
          .socketIO-compose__footer__right__event-input.auto-suggest-box:hover, .socketIO-compose__footer__right__event-input.auto-suggest-box.is-hovered {
            border-color: var(--content-color-tertiary);
            background-color: unset; }
    .socketIO-compose__footer__send-btn {
      background-color: var(--base-color-info);
      color: var(--content-color-constant); }
      .socketIO-compose__footer__send-btn.is-disabled {
        background-color: var(--base-color-info);
        color: var(--content-color-constant);
        opacity: 0.4; }
      .socketIO-compose__footer__send-btn:not(.is-disabled):hover, .socketIO-compose__footer__send-btn:not(.is-disabled).is-hovered {
        background-color: var(--highlight-background-color-info); }
      .socketIO-compose__footer__send-btn:not(.is-disabled):active, .socketIO-compose__footer__send-btn:not(.is-disabled).is-active {
        background-color: var(--highlight-background-color-info); }
  .socketIO-compose__footer-acknowledgement {
    margin-right: var(--spacing-xs); }

.socketIO-stream-item {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-zero) var(--spacing-l);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .socketIO-stream-item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--size-m);
    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-zero);
    cursor: pointer; }
    .socketIO-stream-item__header__left-section {
      display: flex;
      align-items: center;
      flex: 1;
      overflow-x: hidden; }
      .socketIO-stream-item__header__left-section__checkbox {
        margin-left: var(--spacing-xs); }
        .socketIO-stream-item__header__left-section__checkbox div span span {
          margin-right: unset; }
      .socketIO-stream-item__header__left-section__type-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: var(--size-xs);
        min-width: var(--size-xs);
        margin-left: var(--spacing-xl); }
      .socketIO-stream-item__header__left-section__checkbox + .socketIO-stream-item__header__left-section__type-icon {
        margin-left: 6px; }
      .socketIO-stream-item__header__left-section__message {
        margin-left: var(--spacing-xl);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .socketIO-stream-item__header__left-section__message.add-ellipsis::after {
          content: '...';
          font-family: var(--text-family-default); }
        .socketIO-stream-item__header__left-section__message.is-placeholder {
          font-style: italic; }
      .socketIO-stream-item__header__left-section__arg-count-badge {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        margin-left: var(--spacing-s); }
        .socketIO-stream-item__header__left-section__arg-count-badge .badge {
          text-transform: unset; }
    .socketIO-stream-item__header__right-section {
      display: flex;
      align-items: center;
      min-width: 96px;
      margin-left: var(--spacing-xl);
      justify-content: flex-end; }
      .socketIO-stream-item__header__right-section__time, .socketIO-stream-item__header__right-section__quick-actions {
        display: flex;
        align-items: center;
        margin-right: var(--spacing-s); }
        .socketIO-stream-item__header__right-section__time:last-child, .socketIO-stream-item__header__right-section__quick-actions:last-child {
          margin-right: var(--spacing-xl); }
      .socketIO-stream-item__header__right-section__quick-actions .info-button {
        align-items: center;
        justify-content: center;
        padding: var(--spacing-s);
        box-sizing: border-box; }
    .socketIO-stream-item__header.is-hovered {
      background-color: var(--background-color-secondary); }
    .socketIO-stream-item__header.is-selected {
      background-color: var(--background-color-secondary); }
  .socketIO-stream-item__body {
    display: flex;
    flex-direction: column; }
    .socketIO-stream-item__body__message-body-viewer {
      height: 250px;
      box-sizing: border-box;
      border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
    .socketIO-stream-item__body__obj-inspector {
      display: flex;
      flex-direction: column;
      height: 240px;
      padding-left: var(--spacing-xl);
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-all; }
      .socketIO-stream-item__body__obj-inspector__error {
        font-family: var(--text-family-default);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-primary); }
      .socketIO-stream-item__body__obj-inspector > * {
        margin-bottom: var(--spacing-s); }
      .socketIO-stream-item__body__obj-inspector.no-details {
        height: var(--size-m); }
    .socketIO-stream-item__body__plain-text {
      display: flex;
      align-items: center;
      height: var(--size-s);
      padding-left: var(--spacing-xl);
      margin-bottom: var(--spacing-s);
      white-space: pre;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-family: var(--text-family-default);
      font-weight: var(--text-weight-regular);
      color: var(--content-color-primary); }
      .socketIO-stream-item__body__plain-text__description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .socketIO-stream-item.no-body .socketIO-stream-item__header {
    cursor: default; }
  .socketIO-stream-item.server-message .socketIO-stream-item__header__left-section__message {
    font-family: var(--text-family-code); }
  .socketIO-stream-item.server-message .socketIO-stream-item__header__left-section__type-icon {
    background-color: var(--background-color-info); }
  .socketIO-stream-item.client-message .socketIO-stream-item__header__left-section__message {
    font-family: var(--text-family-code); }
  .socketIO-stream-item.client-message .socketIO-stream-item__header__left-section__type-icon {
    background-color: var(--background-color-warning); }

.socketIO-stream-info-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .socketIO-stream-info-tooltip > * {
    margin-bottom: var(--spacing-s); }
  .socketIO-stream-info-tooltip span:last-child {
    margin-bottom: unset; }

.multi-arg-message-editor {
  display: flex;
  flex: 1 auto;
  height: 100%;
  align-items: center;
  min-height: 0; }

.args-nav-bar {
  display: flex;
  flex-direction: column;
  flex: 0 0 64px;
  height: 100%;
  overflow-y: auto;
  border-right: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
  .args-nav-bar::-webkit-scrollbar {
    display: none; }
  .args-nav-bar__item-wrapper {
    display: flex;
    align-items: center; }

.args-nav-bar-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--size-m);
  padding: var(--spacing-xs);
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none; }
  .args-nav-bar-item__close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 0px; }
    .args-nav-bar-item__close:hover {
      background-color: var(--background-color-error); }
  .args-nav-bar-item:hover {
    background-color: var(--background-color-secondary); }
  .args-nav-bar-item.is-active {
    background-color: var(--background-color-tertiary); }

.subscription-list-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0; }
  .subscription-list-container__empty-state {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center; }
    .subscription-list-container__empty-state__message {
      max-width: 200px; }

.subscribe-input {
  display: flex;
  height: var(--size-m);
  padding: var(--spacing-xs) var(--spacing-zero);
  align-items: center;
  position: relative; }
  .subscribe-input__add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default);
    background-color: var(--background-color-secondary);
    position: absolute;
    right: 1px;
    height: 30px;
    width: 34px;
    cursor: pointer; }
    .subscribe-input__add-btn:hover {
      background-color: var(--background-color-tertiary); }
      .subscribe-input__add-btn:hover path {
        fill: var(--content-color-primary); }
  .subscribe-input input {
    width: 85%; }

.subscribed-events-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto; }

.subscribed-events-list-item {
  display: flex;
  align-items: center;
  min-height: var(--size-m);
  padding: var(--spacing-xs);
  gap: 0 var(--spacing-s); }
  .subscribed-events-list-item:hover {
    background-color: var(--background-color-secondary); }
    .subscribed-events-list-item:hover .subscribed-events-list-item__delete-btn {
      display: flex; }
  .subscribed-events-list-item > * {
    flex-shrink: 0; }
  .subscribed-events-list-item .event-badge {
    margin-right: auto;
    margin-left: 0;
    max-width: none;
    flex-shrink: 1;
    overflow: hidden; }
  .subscribed-events-list-item__delete-btn {
    display: none;
    cursor: pointer; }

.socketIO-listeners-panel {
  padding: var(--spacing-s) var(--spacing-m) var(--spacing-zero) var(--spacing-m);
  width: 240px;
  height: 240px; }

.socketio-messages-documentation {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l); }
  .socketio-messages-documentation:first-child {
    margin-bottom: var(--spacing-l); }
  .socketio-messages-documentation__event {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m); }
    .socketio-messages-documentation__event__snippet {
      display: flex;
      flex-direction: column; }
      .socketio-messages-documentation__event__snippet__multi-arg {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
        border-radius: var(--border-radius-default); }
      .socketio-messages-documentation__event__snippet__code {
        min-width: 0;
        border-radius: unset;
        border: unset;
        height: 100%;
        width: 100%; }

.extensible-collection-editor-header__actions {
  display: flex;
  align-items: center; }
  .extensible-collection-editor-header__actions > * {
    margin-right: var(--spacing-s); }

.extensible-collection-editor-content {
  display: flex;
  height: 100%;
  flex-direction: column; }
  .extensible-collection-editor-content__variables-editor > * {
    padding: var(--spacing-l) var(--spacing-l) var(--spacing-zero); }

.extensible-collection-changelog {
  padding: var(--spacing-zero) var(--spacing-s);
  display: flex;
  flex: 1;
  justify-content: center; }

.collection-explorer {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .collection-explorer__path {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    margin-bottom: var(--spacing-s); }
    .collection-explorer__path__empty {
      margin-left: var(--spacing-s); }
    .collection-explorer__path .breadcrumb__container {
      flex: 1;
      margin-left: var(--spacing-s); }
  .collection-explorer__blank-state {
    display: flex;
    flex: 1;
    padding: var(--spacing-xl) var(--spacing-l); }

.addrequest-top-container-modal .modal-content,
.save-multiple-requests-modal .modal-content {
  padding-bottom: 0; }
  .addrequest-top-container-modal .modal-content .addrequest-top-container,
  .save-multiple-requests-modal .modal-content .addrequest-top-container {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .addrequest-top-container-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row,
    .save-multiple-requests-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row {
      flex: 1;
      min-height: 0; }
      .addrequest-top-container-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer,
      .save-multiple-requests-modal .modal-content .addrequest-top-container .addrequest-collection-selector-row .collection-explorer {
        height: 100%; }

.addrequest-top-container-modal {
  height: 80vh; }

.save-multiple-requests-modal {
  height: 65vh; }

.addrequest-top-container .row {
  padding: 7px 0; }

.addrequest-top-container .add-request-helptext {
  padding-bottom: 20px; }
  .addrequest-top-container .add-request-helptext .btn {
    padding: 0px; }

.addrequest-top-container .addrequest-top-container-name-row {
  padding-top: 0px; }

.addrequest-top-container .field-label {
  margin-bottom: var(--spacing-s); }

.addrequest-top-container .addrequest-description-row {
  color: var(--content-color-tertiary); }
  .addrequest-top-container .addrequest-description-row .add-description-button {
    margin-bottom: var(--spacing-m); }

.addrequest-collection-name-container .input-search,
.addrequest-collection-selector-row .input-search {
  font-size: 12px; }

.addrequest-collection-name-container .addrequest-new-collection-name-row,
.addrequest-collection-selector-row .addrequest-new-collection-name-row {
  padding: 20px 0 0 0; }

.addrequest-collection-name-container .addrequest-collection-selector-row,
.addrequest-collection-selector-row .addrequest-collection-selector-row {
  padding: 0; }
  .addrequest-collection-name-container .addrequest-collection-selector-row .field-label,
  .addrequest-collection-selector-row .addrequest-collection-selector-row .field-label {
    text-align: center;
    position: relative;
    display: flex;
    flex: 1;
    margin-bottom: 10px;
    background-color: var(--background-color-primary); }

.addrequest-top-container-name-row .addrequest__request-name:not(:focus-within) {
  background-color: var(--background-color-secondary); }
  .addrequest-top-container-name-row .addrequest__request-name:not(:focus-within):not(.error) {
    border-color: var(--border-color-default); }

.addrequest-request-description-editor {
  height: 70px; }
  .addrequest-request-description-editor .text-editor .monaco-editor .margin {
    background-color: var(--background-color-secondary); }
  .addrequest-request-description-editor .text-editor .monaco-editor .monaco-editor-background {
    background-color: var(--background-color-secondary); }
  .addrequest-request-description-editor .text-editor .monaco-editor.focused .monaco-editor-background {
    background-color: var(--background-color-primary); }
  .addrequest-request-description-editor .text-editor .monaco-editor .monaco-placeholder {
    color: var(--content-color-secondary); }

.save-request-modal .modal-footer .btn-primary .content,
.save-multiple-requests-modal .modal-footer .btn-primary .content {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.save-request-modal .modal-footer .action-button-wrapper .save-button,
.save-multiple-requests-modal .modal-footer .action-button-wrapper .save-button {
  margin-left: var(--spacing-m); }

.save-request-modal .modal-footer .action-button-wrapper .cancel-button,
.save-multiple-requests-modal .modal-footer .action-button-wrapper .cancel-button {
  margin-top: var(--spacing-zero); }

.save-request-modal .modal-footer .create-button-wrapper,
.save-multiple-requests-modal .modal-footer .create-button-wrapper {
  display: flex;
  margin-right: auto;
  margin-left: var(--spacing-xs); }

.save-multiple-requests-modal .field-label {
  margin-bottom: 10px; }

.runner-runs {
  display: flex;
  height: 100%;
  overflow-x: auto;
  flex-wrap: wrap; }
  .runner-runs .runner-runs-selector {
    flex: 1 0 350px;
    margin-top: 40px; }
    .runner-runs .runner-runs-selector .runner-runs-selector__item--environment,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--iterations,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--delay,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--data-file,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--data-file-type,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--persist,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--customize,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--initial-cookies,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--save-cookies,
    .runner-runs .runner-runs-selector .runner-runs-selector__item--response {
      display: flex;
      align-items: center;
      text-align: left;
      position: relative; }
      .runner-runs .runner-runs-selector .runner-runs-selector__item--environment .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--iterations .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--delay .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--data-file .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--data-file-type .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--persist .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--customize .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--initial-cookies .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--save-cookies .input-field,
      .runner-runs .runner-runs-selector .runner-runs-selector__item--response .input-field {
        flex: 1;
        max-width: 300px; }
    .runner-runs .runner-runs-selector .runner-runs-selector__meta--persist,
    .runner-runs .runner-runs-selector .runner-runs-selector__meta--response,
    .runner-runs .runner-runs-selector .runner-runs-selector__meta--customize,
    .runner-runs .runner-runs-selector .runner-runs-selector__meta--initial-cookies,
    .runner-runs .runner-runs-selector .runner-runs-selector__meta--save-cookies {
      display: flex;
      justify-content: flex-end; }
    .runner-runs .runner-runs-selector .runner-runs-selector__environment {
      flex: 1; }
      .runner-runs .runner-runs-selector .runner-runs-selector__environment .input-search {
        position: relative; }
    .runner-runs .runner-runs-selector .runner-runs-selector__meta {
      flex: 0 0 100px; }
  .runner-runs .runner-runs-customizer {
    display: flex;
    flex-direction: column;
    flex: 1 0 300px;
    position: relative;
    margin: var(--spacing-l) var(--spacing-zero) var(--spacing-l) var(--spacing-l);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .runner-runs .runner-runs-customizer .runner-runs-customizer__header {
      margin-bottom: var(--spacing-l);
      display: flex;
      justify-content: space-between; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons {
        display: flex;
        align-items: center; }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons .button {
          padding: var(--spacing-zero) var(--spacing-xs);
          font-weight: var(--text-weight-regular);
          color: var(--content-color-secondary); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons .button:hover, .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons .button.is-hovered {
            color: var(--content-color-primary); }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons .separator {
          margin: var(--spacing-zero) var(--spacing-xs);
          background-color: var(--border-color-default);
          height: var(--size-xs);
          width: var(--border-width-default); }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__header .runner-runs-customizer__header-buttons .close {
          padding: var(--spacing-zero) var(--spacing-xs);
          margin-left: var(--spaing-xl);
          cursor: pointer;
          cursor: default;
          -webkit-user-select: none;
          user-select: none;
          cursor: pointer; }
    .runner-runs .runner-runs-customizer .runner-runs-customizer__container {
      flex: 1;
      display: flex;
      padding: var(--spacing-s);
      background-color: var(--background-color-primary);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      border-radius: var(--border-radius-default);
      overflow-y: auto;
      contain: strict;
      min-height: 200px; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__container--empty {
        margin: auto;
        max-width: 240px;
        text-align: center;
        color: var(--content-color-tertiary); }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__container--hydrating {
        margin: auto; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list-item .runner-runs-customizer__list {
        margin-left: 24px; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list {
        flex: 1; }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row {
          height: var(--size-m);
          display: flex;
          flex-direction: row;
          align-items: center; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__sort-icon {
            opacity: 0;
            padding: 0 4px;
            cursor: -webkit-grab; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_check,
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_request-icon,
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_folder-icon,
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_name {
            margin: 0 4px; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_folder-icon use {
            fill: var(--content-color-tertiary); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_folder-icon svg > path[fill] {
            fill: var(--content-color-tertiary); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_request-icon {
            width: 32px;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            text-align: center;
            color: var(--content-color-secondary); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .request-method--GET {
            color: var(--base-color-success); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .request-method--PUT {
            color: var(--base-color-info); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .request-method--POST {
            color: var(--base-color-warning); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .request-method--DELETE {
            color: var(--base-color-error); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row__parents {
            display: flex;
            margin-left: 4px; }
            .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row__parents .customizer__row_icons {
              display: flex;
              align-items: center; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_check.is-selected {
            background-color: var(--base-color-brand);
            border-color: transparent; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row .customizer__row_name {
            flex: 1;
            white-space: nowrap; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row.is-dragged {
            opacity: 0.1; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row.is-drop-hovered-top {
            position: relative;
            box-shadow: 0 2px 0 var(--base-color-brand) inset; }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row.is-drop-hovered-bottom {
            position: relative;
            box-shadow: 0 2px 0 var(--base-color-brand); }
          .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row:hover .customizer__sort-icon, .runner-runs .runner-runs-customizer .runner-runs-customizer__container .runner-runs-customizer__list .runner-runs-customizer__list-item__row.is-hovered .customizer__sort-icon {
            opacity: 1; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__container.is-disabled {
        opacity: 0.1;
        cursor: default; }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__container.is-disabled .runner-runs-customizer__list-item__row:hover .customizer__sort-icon, .runner-runs .runner-runs-customizer .runner-runs-customizer__container.is-disabled .runner-runs-customizer__list-item__row.is-hovered .customizer__sort-icon {
          opacity: 0;
          cursor: default; }
    .runner-runs .runner-runs-customizer__history-import-link {
      margin-top: 24px; }
    .runner-runs .runner-runs-customizer__history-import-button {
      padding: var(--spacing-xs);
      font-weight: var(--text-weight-regular); }
    .runner-runs .runner-runs-customizer .runner-runs-customizer__disable-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .runner-runs .runner-runs-customizer .runner-runs-customizer__disable-overlay .content {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__disable-overlay .content .title {
          font-weight: var(--text-weight-medium);
          font-size: 14px;
          line-height: 24px;
          text-align: center;
          color: var(--content-color-primary); }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__disable-overlay .content .description {
          width: 360px;
          font-weight: normal;
          font-size: 12px;
          line-height: 20px;
          text-align: center;
          margin-top: 8px;
          color: var(--content-color-primary); }
        .runner-runs .runner-runs-customizer .runner-runs-customizer__disable-overlay .content .button {
          width: 240px;
          height: 32px;
          font-weight: 600;
          line-height: 20px;
          font-size: 12px;
          margin-top: 24px; }
  .runner-runs .runner-recent-runs {
    flex: 1;
    min-width: 400px;
    display: flex;
    flex-direction: column; }
    .runner-runs .runner-recent-runs .runner-recent__onboarding-recommendation-viewer {
      padding: 16px;
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .runner-runs .runner-recent-runs .runner-recent-runs__header {
      display: flex; }
      .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-left {
        display: flex; }
        .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-left .runner-recent-runs__header__tabs {
          display: flex;
          flex: 0 0 100px; }
          .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-left .runner-recent-runs__header__tabs .runner-recent-runs__header__tab {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 1; }
      .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right {
        display: flex;
        flex: 1;
        position: relative; }
      .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right {
        justify-content: flex-end; }
        .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .input-search-group {
          flex: 0.5;
          min-width: 140px; }
        .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .runner-recent-runs__header__bulk-action {
          background: none; }
          .runner-runs .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .runner-recent-runs__header__bulk-action:hover {
            background: none; }

.runner-runs.is-hidden {
  display: none; }

.runner-recent-runs__runs-list .loading-indicator-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.runner-recent-runs__runs-list .runner-recent-runs__runs-list-item {
  display: flex; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__section-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 280px; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__section-right {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator-wrapper {
    display: flex;
    align-items: center; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__actions {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center; }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item.is-selected {
    background-color: var(--highlight-background-color-secondary); }

.runner-runs-selector {
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  overflow-y: auto;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .runner-runs-selector .runner-runs-selector__contents {
    padding: var(--spacing-l); }
  .runner-runs-selector .collection-explorer {
    height: 240px; }
    .runner-runs-selector .collection-explorer .explorer-row .explorer-row__icon {
      margin-top: 9px; }
  .runner-runs-selector .runner-runs-selector__item {
    display: flex;
    margin-bottom: var(--spacing-l);
    color: var(--content-color-primary); }
    .runner-runs-selector .runner-runs-selector__item.runner-runs-selector__item--target .item {
      border-bottom: 1px var(--border-style-solid) var(--border-color-strong); }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__meta {
      margin-right: 8px; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix {
      color: var(--content-color-secondary);
      margin-left: var(--spacing-s); }
      .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix .runner-runs-selector__postfix-icon {
        vertical-align: middle; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix--response:hover, .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix--response.is-hovered {
      cursor: pointer; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__meta--target {
      margin-bottom: 10px; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item--environment {
      width: auto; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector-selected-env-label > span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 280px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value {
      display: flex;
      min-width: 0; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value__text {
      margin-left: 8px; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--data-file {
      min-width: 80px;
      width: 80px; }
      .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--data-file.input {
        position: absolute;
        left: 108px;
        opacity: 0; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--persist,
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--response,
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--customize,
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--initial-cookies,
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--save-cookies {
      cursor: pointer; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix--data-file {
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__postfix--data-file-remove {
      background-color: transparent; }
    .runner-runs-selector .runner-runs-selector__item .runner-runs-selector__item__value--data-file-preview {
      margin-left: 8px; }
  .runner-runs-selector .runner-runs-selector__start-test {
    flex: 1;
    background-color: var(--base-color-info);
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-zero);
    max-width: 300px; }
    .runner-runs-selector .runner-runs-selector__start-test span {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .runner-runs-selector .runner-runs-selector__start-test:focus, .runner-runs-selector .runner-runs-selector__start-test.is-focused {
      background-color: var(--base-color-info); }
    .runner-runs-selector .runner-runs-selector__start-test:hover, .runner-runs-selector .runner-runs-selector__start-test.is-hovered {
      background-color: var(--highlight-background-color-info); }
    .runner-runs-selector .runner-runs-selector__start-test:active, .runner-runs-selector .runner-runs-selector__start-test.is-active {
      background-color: var(--highlight-background-color-info); }

.runner-recent-runs {
  background-color: var(--background-color-primary);
  border-left: var(--border-style-solid) var(--border-color-default);
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .runner-recent-runs .runner-recent-runs__header {
    border-bottom: 1px var(--border-style-solid) var(--border-color-default); }
    .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-left {
      font-size: 12px;
      font-weight: 300;
      color: var(--content-color-primary);
      align-items: center; }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-left .runner-recent-runs__header__tabs {
        padding: 0 10px; }
    .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right {
      padding: 10px;
      align-items: center; }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .input-search-group {
        margin: 0 10px;
        background-color: var(--background-color-secondary); }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .runner-recent-runs__header__import-selector {
        position: absolute;
        top: 10px;
        right: 93px;
        width: 100px;
        opacity: 0;
        padding-top: 30px; }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .runner-recent-runs__header__import {
        width: 100px;
        font-weight: 600; }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .separator {
        margin: 0 4px;
        background-color: var(--border-color-default);
        height: 16px;
        width: 1px; }
      .runner-recent-runs .runner-recent-runs__header .runner-recent-runs__header__section-right .runner-recent-runs__header__delete-all {
        font-weight: 600; }

.runner-recent-runs__runs-list {
  overflow-y: auto;
  bottom: 0;
  width: 100%; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-empty-list-item {
    color: var(--content-color-secondary);
    font-size: 12px;
    text-align: center;
    margin-top: 20px; }
  .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item {
    height: 35px;
    padding: 20px;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    cursor: pointer; }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator-wrapper {
      padding-right: 15px; }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator {
      width: 15px;
      height: 15px;
      border-radius: var(--border-radius-default);
      background-color: var(--content-color-tertiary); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator.is-passed {
        background-color: var(--base-color-success); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator.is-failed, .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator.is-stopped {
        background-color: var(--base-color-error); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__indicator.is-running {
        background-color: var(--background-color-info); }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__collection {
      font-size: 13px;
      font-weight: 300;
      max-width: 260px;
      color: var(--content-color-primary);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__environment {
      font-size: 11px;
      color: var(--content-color-secondary); }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__status {
      font-size: 11px;
      font-weight: 600;
      color: var(--content-color-secondary); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__status.is-passed {
        color: var(--base-color-success); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__status.is-failed, .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__status.is-stopped {
        color: var(--base-color-error); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__status.is-running {
        color: var(--background-color-info); }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__date {
      font-size: 11px;
      color: var(--content-color-secondary); }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__action--export-icon,
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item .runner-recent-runs__runs-list-item__action--delete-icon {
      display: none; }
    .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item:hover, .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item.is-hovered {
      background-color: var(--background-color-tertiary); }
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item:hover .runner-recent-runs__runs-list-item__action--export-icon,
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item:hover .runner-recent-runs__runs-list-item__action--delete-icon, .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item.is-hovered .runner-recent-runs__runs-list-item__action--export-icon,
      .runner-recent-runs__runs-list .runner-recent-runs__runs-list-item.is-hovered .runner-recent-runs__runs-list-item__action--delete-icon {
        display: initial; }

.preview-data-header-wrapper,
.preview-data-row-wrapper {
  display: flex;
  align-items: center; }

.preview-data-header,
.preview-data-value {
  flex: 0 0 150px;
  min-height: 30px;
  padding: 5px;
  word-break: break-all;
  align-self: baseline;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.preview-data-header {
  padding: 10px 5px;
  font-weight: 600; }

.preview-data-value:first-child,
.preview-data-header:first-child {
  flex: 0 0 65px; }

.runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action {
  width: 30px;
  height: 30px;
  margin-left: 20px;
  background-color: transparent; }
  .runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action:hover, .runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action.is-hovered {
    background-color: var(--highlight-background-color-secondary); }
  .runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action:active, .runner-recent-runs__runs-list-item__actions .runner-recent-runs__runs-list-item__action.is-active {
    background-color: var(--highlight-background-color-secondary); }

.runner-runs-selector__postfix-tooltip {
  margin-left: 5px; }

.runner-runs__environment-selector-menu .dropdown-menu-item .item-wrapper .item-label {
  flex: initial; }
  .runner-runs__environment-selector-menu .dropdown-menu-item .item-wrapper .item-label .highlight {
    color: var(--content-color-brand); }

.runner-results {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--content-color-primary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .runner-results.is-hidden {
    display: none; }
  .runner-results .runner-contents__loading_container {
    margin: auto; }
  .runner-results .runner-results__section-top {
    display: flex;
    flex-direction: column; }
    .runner-results .runner-results__section-top .runner-results__section-top__tabs {
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .runner-results .runner-results__section-bottom {
    flex: 1;
    display: flex; }

.runner-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--spacing-s) var(--spacing-l); }
  .runner-results-header .runner-results-header__meta {
    display: flex;
    align-items: center; }
    .runner-results-header .runner-results-header__meta > *:not(:last-child) {
      margin-right: var(--spacing-s); }
  .runner-results-header .runner-results-header__name {
    display: inline-flex; }
  .runner-results-header__copy-btn {
    display: none; }
  .runner-results-header__meta:hover .runner-results-header__copy-btn {
    display: flex; }
  .runner-results-header .runner-results-header__actions {
    display: flex;
    align-items: center;
    min-height: var(--size-m); }
    .runner-results-header .runner-results-header__actions > .btn:not(:last-child) {
      margin-right: var(--spacing-s);
      white-space: pre; }
    .runner-results-header .runner-results-header__actions .runner-results-header__actions--run-again {
      background-color: var(--base-color-info); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--run-again:hover, .runner-results-header .runner-results-header__actions .runner-results-header__actions--run-again.is-hovered {
        background-color: var(--highlight-background-color-info); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--run-again:active, .runner-results-header .runner-results-header__actions .runner-results-header__actions--run-again.is-active {
        background-color: var(--highlight-background-color-info); }
    .runner-results-header .runner-results-header__actions .runner-results-header__actions--abort {
      color: var(--content-color-constant);
      background-color: var(--base-color-error); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--abort:hover, .runner-results-header .runner-results-header__actions .runner-results-header__actions--abort.is-hovered {
        background-color: var(--highlight-background-color-error); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--abort:active, .runner-results-header .runner-results-header__actions .runner-results-header__actions--abort.is-active {
        background-color: var(--highlight-background-color-error); }
    .runner-results-header .runner-results-header__actions .runner-results-header__actions--resume {
      color: var(--content-color-constant);
      background-color: var(--base-color-success); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--resume:hover, .runner-results-header .runner-results-header__actions .runner-results-header__actions--resume.is-hovered {
        background-color: var(--highlight-background-color-success); }
      .runner-results-header .runner-results-header__actions .runner-results-header__actions--resume:active, .runner-results-header .runner-results-header__actions .runner-results-header__actions--resume.is-active {
        background-color: var(--highlight-background-color-success); }

.runner-results__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: hidden; }
  .runner-results__body .runner-results__body__activity {
    display: flex;
    align-items: center; }
  .runner-results__body .runner-results__body__iteration-header {
    display: flex;
    align-items: center; }
  .runner-results__body .runner-results__request .runner-results__request__iter {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-left: var(--spacing-s);
    font-size: var(--text-size-m);
    background-color: var(--background-color-secondary);
    color: var(--content-color-primary);
    height: var(--size-s);
    margin-top: var(--spacing-l);
    justify-content: center; }
  .runner-results__body .runner-results__request .runner-results__request__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1; }
    .runner-results__body .runner-results__request .runner-results__request__header .runner-results__request__details {
      display: flex;
      flex: 1;
      min-width: 0;
      align-items: center;
      position: relative; }
    .runner-results__body .runner-results__request .runner-results__request__header .runner-results__response__details {
      display: flex;
      align-items: center; }
      .runner-results__body .runner-results__request .runner-results__request__header .runner-results__response__details .runner-results__response__badge {
        padding: var(--spacing-zero) var(--spacing-xs);
        margin: var(--spacing-zero) var(--spacing-xs);
        background-color: var(--background-color-secondary);
        border-radius: var(--border-radius-default);
        color: var(--content-color-tertiary); }
        .runner-results__body .runner-results__request .runner-results__request__header .runner-results__response__details .runner-results__response__badge:first-child {
          margin-left: var(--spacing-zero); }
        .runner-results__body .runner-results__request .runner-results__request__header .runner-results__response__details .runner-results__response__badge:last-child {
          margin-right: var(--spacing-zero); }
  .runner-results__body .runner-results__test {
    display: flex;
    flex: auto;
    align-items: center; }
  .runner-results__body .runner-results__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }

.runner-results__request__header {
  font-size: var(--text-size-m);
  height: 40px;
  padding: 0 16px;
  box-sizing: border-box; }

.runner-results__request__status {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  border-radius: var(--border-radius-default); }
  .runner-results__request__status.is-passed {
    background-color: var(--base-color-success); }
  .runner-results__request__status.is-skipped {
    background-color: var(--content-color-tertiary); }
  .runner-results__request__status.is-failed {
    background-color: var(--base-color-error); }
  .runner-results__request__status.is-error {
    background-color: var(--base-color-error); }

.runner-results__request__method {
  font-size: var(--text-size-s);
  margin: var(--spacing-zero) var(--spacing-xs); }
  .runner-results__request__method.runner-results__request__method--GET {
    color: var(--base-color-success); }
  .runner-results__request__method.runner-results__request__method--PUT {
    color: var(--base-color-info); }
  .runner-results__request__method.runner-results__request__method--POST {
    color: var(--base-color-warning); }
  .runner-results__request__method.runner-results__request__method--DELETE {
    color: var(--base-color-error); }

.runner-results__request__name {
  margin: var(--spacing-zero) var(--spacing-xs);
  color: var(--content-color-primary);
  max-width: 350px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .runner-results__request__name:hover, .runner-results__request__name.is-hovered {
    text-decoration: underline; }

.runner-results__request__url {
  margin: var(--spacing-zero) var(--spacing-s);
  color: var(--content-color-tertiary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.runner-results__request__path {
  min-width: 64px;
  unicode-bidi: plaintext;
  justify-content: flex-start;
  margin: var(--spacing-zero) var(--spacing-l);
  color: var(--content-color-tertiary);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.runner-results__request__body {
  display: flex;
  flex-direction: column;
  flex: 1; }
  .runner-results__request__body .runner-results__test__console-link {
    color: var(--content-color-primary);
    padding: var(--spacing-zero);
    margin-left: var(--spacing-xs);
    text-decoration: underline;
    cursor: pointer; }

.runner-results__test {
  font-size: var(--text-size-m);
  height: 40px; }
  .runner-results__test::before {
    content: '';
    width: 2px;
    height: 100%;
    margin: 0 28px; }
  .runner-results__test.is-passed::before {
    background-color: var(--base-color-success); }
  .runner-results__test.is-skipped::before {
    background-color: var(--content-color-tertiary); }
  .runner-results__test.is-failed::before {
    background-color: var(--base-color-error); }
  .runner-results__test.is-error {
    color: var(--content-color-error); }
  .runner-results__test.is-error::before {
    background-color: var(--base-color-error); }
  .runner-results__test .runner-results__test__status__text {
    min-width: 50px; }
  .runner-results__test .runner-results__test__name {
    flex: 1;
    padding-right: var(--spacing-l);
    cursor: text;
    -webkit-user-select: text;
    user-select: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .runner-results__test .runner-results__test__name a {
      text-decoration: underline;
      cursor: pointer; }

.runner-results__test--empty {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  height: 40px;
  display: flex;
  align-items: center; }
  .runner-results__test--empty::before {
    content: '';
    width: 2px;
    height: 100%;
    margin: 0 28px;
    background-color: var(--content-color-tertiary); }

.runner-summary {
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .runner-summary.is-hidden {
    display: none; }

.runner-summary__section-top {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .runner-summary__section-top__header {
    display: flex;
    justify-content: space-between;
    margin: var(--spacing-s) var(--spacing-l) var(--spacing-zero) var(--spacing-l);
    height: var(--size-m);
    align-items: center; }
  .runner-summary__section-top__label {
    white-space: pre;
    color: var(--content-color-tertiary); }
  .runner-summary__section-top__filter {
    flex: 0 1 200px; }

.runner-summary__section-bottom {
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden; }

.runner-summary__header-iterations {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  flex: 0 0 36px;
  background-color: var(--background-color-primary);
  z-index: 2;
  opacity: 0.95;
  display: flex; }
  .runner-summary__header-iterations .runner-summary__meta--placeholder {
    flex: 1 0 340px; }
  .runner-summary__header-iterations .runner-summary__header-iteration__tabs {
    display: flex;
    width: 50%;
    border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .runner-summary__header-iterations .runner-summary__header-iteration__tabs .runner-summary__header-iteration__tab {
      display: flex;
      align-items: center;
      justify-content: center; }
      .runner-summary__header-iterations .runner-summary__header-iteration__tabs .runner-summary__header-iteration__tab .runner-summary__header-iteration__tab__count {
        display: flex;
        align-items: center;
        justify-content: center; }

.runner-summary__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .runner-summary__body--empty {
    color: var(--content-color-secondary);
    /* TODO: move it to Text component */
    font-size: var(--text-size-l);
    /* Make it centered */
    margin: var(--spacing-xl) auto; }

.runner-summary__body__timeline {
  display: flex;
  height: 32px; }
  .runner-summary__body__timeline__keyframe-wrapper {
    display: flex;
    align-items: center;
    position: relative; }
  .runner-summary__body__timeline__keyframe {
    display: flex;
    justify-content: center;
    align-items: center; }

.runner-summary__header__back {
  margin-left: 10px; }
  .runner-summary__header__back .runner-summary__back-icon {
    margin-right: 10px; }

.runner-summary__request-list-item__header {
  display: flex;
  flex: 1;
  align-items: center;
  position: relative;
  height: 32px;
  box-sizing: border-box; }

.runner-summary__request-list-item__meta {
  display: flex;
  flex: 1 0 324px;
  align-items: center;
  line-height: var(--line-height-m);
  padding-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.runner-summary__request-list-item__expand {
  cursor: pointer; }
  .runner-summary__request-list-item__expand--placeholder {
    width: var(--size-xs); }

.runner-summary__request-list-item__method {
  font-size: var(--text-size-xs);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium);
  padding: var(--spacing-zero) var(--spacing-s);
  color: var(--content-color-primary);
  cursor: pointer; }
  .runner-summary__request-list-item__method--GET {
    color: var(--base-color-success); }
  .runner-summary__request-list-item__method--POST {
    color: var(--base-color-warning); }
  .runner-summary__request-list-item__method--PUT {
    color: var(--base-color-info); }
  .runner-summary__request-list-item__method--DELETE {
    color: var(--base-color-error); }

.runner-summary__request-list-item__name {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular);
  color: var(--content-color-primary);
  margin: var(--spacing-zero) var(--spacing-xs);
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  -webkit-user-select: text;
  user-select: text; }

.runner-summary__request-list-item__test-count {
  display: flex;
  white-space: pre;
  margin-left: auto;
  padding: var(--spacing-zero) var(--spacing-s);
  color: var(--content-color-tertiary); }
  .runner-summary__request-list-item__test-count .test-count--passed {
    color: var(--base-color-success); }
  .runner-summary__request-list-item__test-count .test-count--failed {
    color: var(--base-color-error); }

.runner-summary__test-list-item {
  display: flex;
  flex: 1;
  align-items: center;
  font-size: 12px;
  height: 32px;
  box-sizing: border-box;
  color: var(--content-color-primary); }
  .runner-summary__test-list-item::before {
    content: '';
    width: 2px;
    height: 100%;
    margin: var(--spacing-zero) 32px var(--spacing-zero) 48px; }
  .runner-summary__test-list-item.is-passed::before {
    background-color: var(--base-color-success); }
  .runner-summary__test-list-item.is-skipped::before {
    background-color: var(--content-color-tertiary); }
  .runner-summary__test-list-item.is-failed::before {
    background-color: var(--base-color-error); }
  .runner-summary__test-list-item__meta {
    display: flex;
    flex: 1 0 258px;
    align-items: center; }
  .runner-summary__test-list-item__name {
    margin: 0 10px; }

/* timeline stuff */
.runner-summary__request-list-item__timeline,
.runner-summary__test-list-item__timeline {
  overflow: auto;
  width: 50%;
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .runner-summary__request-list-item__timeline::-webkit-scrollbar,
  .runner-summary__test-list-item__timeline::-webkit-scrollbar {
    display: none; }

.runner-summary__body__timeline__keyframe {
  width: 24px;
  height: 24px; }
  .runner-summary__body__timeline__keyframe.is-hovered:after {
    content: '';
    background-color: var(--runner-summary-vertical-bar-hover-background-color);
    width: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    z-index: 1;
    pointer-events: none; }
  .runner-summary__body__timeline__keyframe.is-green .pm-icon, .runner-summary__body__timeline__keyframe.is-red .pm-icon {
    display: none; }
  .runner-summary__body__timeline__keyframe.is-green.is-hovered .pm-icon, .runner-summary__body__timeline__keyframe.is-red.is-hovered .pm-icon {
    display: flex; }
  .runner-summary__body__timeline__keyframe.is-green {
    background-color: var(--background-color-success); }
  .runner-summary__body__timeline__keyframe.is-red {
    background-color: var(--base-color-error); }
  .runner-summary__body__timeline__keyframe.is-grey {
    background-color: var(--background-color-tertiary); }

.runner-summary__header-iteration__tabs {
  position: relative;
  overflow-x: scroll; }
  .runner-summary__header-iteration__tabs::-webkit-scrollbar {
    display: none; }

.runner-summary__header-iteration__tab {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  color: var(--content-color-secondary);
  font-size: 13px;
  min-width: 24px;
  position: relative; }
  .runner-summary__header-iteration__tab:hover:after, .runner-summary__header-iteration__tab.is-hovered:after {
    content: '';
    background-color: var(--runner-summary-vertical-bar-hover-background-color);
    width: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    z-index: 1;
    pointer-events: none; }
  .runner-summary__header-iteration__tab:hover .runner-summary__header-iteration__tab__count, .runner-summary__header-iteration__tab.is-hovered .runner-summary__header-iteration__tab__count {
    background-color: var(--highlight-background-color-secondary); }
  .runner-summary__header-iteration__tab .runner-summary__header-iteration__tab__count {
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: var(--border-radius-default); }

.runner-results__iterations__tabs {
  flex: 0 0 40px;
  background-color: var(--background-color-primary);
  color: var(--content-color-tertiary);
  font-size: var(--text-size-xs);
  border-left: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .runner-results__iterations__tabs div::-webkit-scrollbar {
    display: none; }

.runner-results__iterations__tab {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: var(--size-m);
  cursor: pointer; }
  .runner-results__iterations__tab.is-done {
    color: var(--content-color-primary); }
    .runner-results__iterations__tab.is-done.is-failed {
      color: var(--content-color-error); }
    .runner-results__iterations__tab.is-done:hover, .runner-results__iterations__tab.is-done.is-hovered {
      background-color: var(--highlight-background-color-primary); }
  .runner-results__iterations__tab.is-running {
    border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    background-color: var(--background-color-secondary); }
  .runner-results__iterations__tab.is-active {
    background-color: var(--background-color-brand); }
    .runner-results__iterations__tab.is-active:hover, .runner-results__iterations__tab.is-active.is-hovered {
      background-color: var(--highlight-background-color-brand);
      color: var(--content-color-constant); }
  .runner-results__iterations__tab.is-pending {
    cursor: default; }

.flowstudio {
  flex: 1; }
  .flowstudio *,
  .flowstudio *::before,
  *::after .flowstudio {
    box-sizing: border-box; }

.flowstudio .fs__edge-background {
  stroke-width: 24;
  cursor: pointer;
  fill: none; }
  .flowstudio .fs__edge-background:hover + .fs__edge {
    stroke-width: 5; }
    .flowstudio .fs__edge-background:hover + .fs__edge.edge__signal {
      stroke-width: 3; }
  .flowstudio .fs__edge-background.node_drag_over {
    stroke: var(--blue-20); }

.flowstudio .fs__edge {
  stroke-width: 4;
  fill: none;
  cursor: pointer;
  stroke: var(--blue-20); }
  .flowstudio .fs__edge.edge__signal {
    stroke-dasharray: 5;
    stroke-width: 2;
    stroke: var(--grey-40); }
    .flowstudio .fs__edge.edge__signal.animated {
      stroke: var(--base-color-success); }
  .flowstudio .fs__edge:hover {
    stroke-width: 5; }
    .flowstudio .fs__edge:hover.edge__signal {
      stroke-width: 3; }
  .flowstudio .fs__edge.error {
    stroke: var(--content-color-error); }
  .flowstudio .fs__edge.inactive {
    stroke: var(--grey-40); }
  .flowstudio .fs__edge.disabled {
    stroke: var(--grey-40); }

.flowstudio .react-flow__edge.selected .fs__edge {
  stroke-width: 4;
  stroke: var(--blue-40); }
  .flowstudio .react-flow__edge.selected .fs__edge.edge__signal {
    stroke: var(--content-color-success);
    stroke-width: 2; }
  .flowstudio .react-flow__edge.selected .fs__edge.error {
    stroke: var(--base-color-error); }

.flowstudio .react-flow__edge path.animated {
  stroke-dasharray: unset;
  animation: unset; }

.flowstudio .react-flow__edge.react-flow__edge-signal path.animated {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite; }

.flowstudio .react-flow__edge.updating .fs__edge {
  stroke: var(--grey-40); }

.fs-gn__config {
  z-index: 3;
  padding: var(--spacing-s) var(--spacing-m); }

.fs-gn__auto-input {
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: unset;
  background-color: var(--grey-40);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  position: relative; }
  .fs-gn__auto-input .fs-gn__auto-handle {
    cursor: pointer;
    position: relative;
    margin: 0px;
    align-items: center;
    height: 6px;
    width: 6px;
    transform: unset;
    border: unset;
    top: unset;
    right: unset;
    left: unset;
    background: unset;
    border-radius: unset;
    z-index: 2;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: var(--background-color-primary); }
    .fs-gn__auto-input .fs-gn__auto-handle.react-flow__handle-connecting.react-flow__handle-valid {
      cursor: crosshair; }
    .fs-gn__auto-input .fs-gn__auto-handle::before {
      --hitbox-padding: 4px;
      --hitbox-size: calc(100% + var(--hitbox-padding) * 2);
      --hitbox-position: calc(var(--hitbox-padding) * -1);
      content: "";
      width: var(--hitbox-size);
      height: var(--hitbox-size);
      background: none;
      position: absolute;
      left: --hitbox-position;
      top: --hitbox-position; }
    .fs-gn__auto-input .fs-gn__auto-handle.connected {
      background-color: var(--grey-40); }
      .fs-gn__auto-input .fs-gn__auto-handle.connected.error {
        background-color: var(--content-color-error); }
      .fs-gn__auto-input .fs-gn__auto-handle.connected.active {
        background-color: var(--base-color-success); }
    .fs-gn__auto-input .fs-gn__auto-handle:hover {
      height: 8px;
      width: 8px; }
  .fs-gn__auto-input .fs-gn__auto-connector {
    width: 24px;
    height: 4px;
    position: absolute;
    right: 0; }
  .fs-gn__auto-input .connector {
    stroke-dasharray: 5 5 10;
    stroke: var(--grey-40);
    stroke-width: 2;
    background-color: var(--background-color-primary); }
  .fs-gn__auto-input.error {
    background-color: var(--content-color-error); }
    .fs-gn__auto-input.error .connector {
      stroke: var(--content-color-error); }
  .fs-gn__auto-input.active {
    background-color: var(--base-color-success); }
    .fs-gn__auto-input.active .connector {
      stroke: var(--base-color-success); }
  .fs-gn__auto-input.connected {
    border-color: var(--grey-40);
    background-color: var(--background-color-primary);
    border-width: 2px;
    border-style: solid; }
    .fs-gn__auto-input.connected.active {
      border-color: var(--base-color-success); }
    .fs-gn__auto-input.connected.error {
      border-color: var(--content-color-error); }
  .fs-gn__auto-input.react-flow__handle-connecting.react-flow__handle-valid {
    cursor: crosshair; }
  .fs-gn__auto-input:hover .fs-gn__auto-handle {
    height: 8px;
    width: 8px; }

.fs-gn__auto-output-container {
  margin-left: auto; }

.fs-gn__auto-output {
  height: 12px;
  width: 12px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--background-color-primary);
  position: relative; }
  .fs-gn__auto-output .fs-gn__auto-handle {
    cursor: pointer;
    position: relative;
    margin: 0px;
    align-items: center;
    height: 8px;
    width: 8px;
    transform: unset;
    border: unset;
    top: unset;
    right: unset;
    left: unset;
    background: unset;
    background-color: var(--grey-40);
    border-radius: 2px;
    z-index: 2;
    box-sizing: border-box; }
    .fs-gn__auto-output .fs-gn__auto-handle::before {
      --hitbox-padding: 4px;
      --hitbox-size: calc(100% + var(--hitbox-padding) * 2);
      --hitbox-position: calc(var(--hitbox-padding) * -1);
      content: "";
      width: var(--hitbox-size);
      height: var(--hitbox-size);
      background: none;
      position: absolute;
      left: var(--hitbox-position);
      top: var(--hitbox-position); }
    .fs-gn__auto-output .fs-gn__auto-handle.react-flow__handle-connecting.react-flow__handle-valid {
      cursor: crosshair; }
    .fs-gn__auto-output .fs-gn__auto-handle.error {
      background-color: var(--content-color-error); }
    .fs-gn__auto-output .fs-gn__auto-handle.active {
      background-color: var(--base-color-success); }
    .fs-gn__auto-output .fs-gn__auto-handle:hover {
      height: 10px;
      width: 10px; }
  .fs-gn__auto-output .fs-gn__auto-connector {
    width: 16px;
    height: 4px;
    position: absolute;
    left: 2px; }
  .fs-gn__auto-output .connector {
    stroke-dasharray: 7 5 5;
    stroke: var(--grey-40);
    stroke-width: 2; }
  .fs-gn__auto-output.error .connector {
    stroke: var(--content-color-error); }
  .fs-gn__auto-output.active .connector {
    stroke: var(--base-color-success); }

.fs-gn__node {
  display: flex;
  position: relative;
  cursor: default;
  color: var(--content-color-primary); }
  .fs-gn__node.default, .fs-gn__node.start, .fs-gn__node.end {
    min-height: 80px; }
  .fs-gn__node.start {
    width: 96px;
    min-height: 36px; }
    .fs-gn__node.start .fs-gn__block {
      padding: 0px; }
  .fs-gn__node.type {
    width: auto; }
    .fs-gn__node.type .fs-gn__block {
      width: auto; }
  .fs-gn__node.chooser {
    width: 240px; }
  .fs-gn__node:hover .fs-gn__block {
    box-shadow: var(--flow-block-shadow-hover); }
  .fs-gn__node.is-selected .fs-gn__block {
    box-shadow: 0px 0px 0px 1px var(--content-color-link), 0px 1px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px 1px rgba(0, 0, 0, 0.24); }
  .fs-gn__node.is-blur .block-container {
    opacity: 0.4; }

.fs-gn__block {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 240px;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: var(--flow-block-shadow-inactive);
  background: var(--flow-node-background); }
  .fs-gn__block .block-container {
    display: flex;
    flex-direction: column;
    flex: 1; }

.fs-gn__menu {
  position: absolute;
  z-index: 4;
  top: 100%; }

.homepage-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow-y: auto;
  position: relative;
  overflow-x: unset; }
  .homepage-container .homepage-sticky-content-wrapper {
    display: flex;
    flex: 1;
    height: max-content;
    align-items: flex-start; }
  .homepage-container .homepage-sticky-overview-section {
    flex: 3;
    min-width: 584px; }
  @media only screen and (max-width: 1300px) {
    .homepage-container .homepage-sticky-content-wrapper {
      display: grid;
      grid-template-columns: 380px 1fr; } }
  @media only screen and (min-width: 1301px) {
    .homepage-container .homepage-sticky-overview-section {
      max-width: 1300px; } }

.homepage-sidebar-container {
  --sidebar-min-width: 256px;
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--spacing-xxl) var(--spacing-xxl) var(--spacing-xxl); }
  .homepage-sidebar-container__inner {
    border: 1px solid var(--border-color-default);
    border-radius: 4px;
    padding: var(--spacing-xxl);
    padding-bottom: calc(var(--spacing-xxl) - 2px);
    position: relative;
    margin-top: 103px;
    min-width: var(--sidebar-min-width); }
  .homepage-sidebar-container__external-links {
    position: relative;
    border: 1px solid var(--border-color-default);
    border-radius: var(--spacing-xs);
    margin-top: var(--spacing-xl);
    padding: var(--spacing-xl) var(--spacing-xxl) var(--spacing-xxl);
    min-width: var(--sidebar-min-width); }
  .homepage-sidebar-container__illustration {
    position: absolute;
    bottom: var(--spacing-xxl);
    right: 0px; }
  .homepage-sidebar-container__no-team {
    margin-top: var(--spacing-xxl);
    padding: var(--spacing-l) var(--spacing-xxl) var(--spacing-xxl);
    background-color: var(--background-color-secondary); }
  .homepage-sidebar-container_upgrade-plan {
    margin: var(--spacing-l) var(--spacing-zero);
    border: var(--border-width-default) solid var(--border-color-default);
    height: calc(10 * var(--size-s));
    width: calc(10 * var(--size-m));
    display: flex;
    flex-direction: column; }
    .homepage-sidebar-container_upgrade-plan svg {
      margin-top: var(--spacing-l);
      margin-left: 90px; }
    .homepage-sidebar-container_upgrade-plan_title {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-medium);
      margin: var(--spacing-l) 60px -3px;
      color: var(--content-color-primary); }
    .homepage-sidebar-container_upgrade-plan_content {
      font-size: var(--text-size-m);
      line-height: 20px;
      margin: var(--spacing-s) 62px var(--spacing-zero);
      color: var(--content-color-primary); }
    .homepage-sidebar-container_upgrade-plan button {
      margin: var(--spacing-l) auto 18px 100px; }

.homepage-sidebar-tabs-container {
  width: 100%;
  justify-content: space-between;
  margin-top: var(--spacing-xl); }
  .homepage-sidebar-tabs-container > * + * {
    margin-top: var(--spacing-m); }
  .homepage-sidebar-tabs-container .homepage-sidebar-tab {
    cursor: pointer;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    display: flex;
    align-items: center; }
    .homepage-sidebar-tabs-container .homepage-sidebar-tab-title {
      display: flex;
      justify-content: space-between;
      flex: 1; }

.homepage-sidebar-tabs-bottom-divider {
  background: var(--highlight-background-color-secondary);
  border-radius: 2px;
  margin: var(--spacing-xl) var(--spacing-zero);
  height: 1px;
  border: unset; }

.homepage-right-section-container {
  display: flex;
  flex-direction: column;
  flex: 2;
  margin-bottom: var(--spacing-xxl);
  padding: var(--spacing-xxl) var(--spacing-l); }
  .homepage-right-section-container--responsive {
    padding-top: 0; }
  @media only screen and (min-width: 1600px) {
    .homepage-right-section-container {
      overflow-y: unset;
      width: unset;
      max-width: 552px;
      margin-left: auto; } }
  @media only screen and (max-width: 1300px) {
    .homepage-right-section-container {
      grid-column: 2;
      max-width: 584px; } }

.team-activity-feed-empty-state {
  display: flex;
  flex: 2;
  flex-direction: column;
  justify-content: center;
  margin-bottom: var(--spacing-xxl);
  flex: 0 0 320px; }
  .team-activity-feed-empty-state__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 48px; }
  @media only screen and (max-width: 1300px) {
    .team-activity-feed-empty-state {
      grid-column: 2; } }
  .team-activity-feed-empty-state-main-title {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium);
    align-self: flex-start; }
  .team-activity-feed-empty-state-illustration {
    margin-top: var(--spacing-xxxl);
    display: block;
    width: 140px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); }
  .team-activity-feed-empty-state-title {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-top: var(--spacing-xxl); }
  .team-activity-feed-empty-state-subtitle {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary); }
  .team-activity-feed-empty-state--create-team {
    margin-top: var(--spacing-xl);
    width: 107px;
    height: var(--size-m); }

.request-to-join__actions {
  display: flex;
  align-items: center; }

.request-to-join__action-confirm {
  margin-left: 8px;
  width: 160px; }

.request-to-join__character-usage {
  font-size: 10px;
  display: flex;
  justify-content: flex-end;
  color: var(--content-color-secondary); }

.request-to-join textarea {
  resize: none;
  background: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  padding: 8px;
  margin-top: 8px; }

.request-to-join .textarea-error-text {
  padding-left: 0;
  justify-content: space-between; }

.request-to-join__block {
  margin: 8px 0; }

.auto-flex-modal .modal-content {
  padding: var(--spacing-xxxl) var(--spacing-xxl) var(--spacing-l);
  max-height: 80vh; }
  .auto-flex-modal .modal-content .header-title {
    font-size: 20px;
    display: flex;
    justify-content: center; }
  .auto-flex-modal .modal-content .header-description {
    margin-top: var(--spacing-l);
    text-align: center; }
    .auto-flex-modal .modal-content .header-description span {
      font-size: var(--text-size-l);
      line-height: 22px;
      display: inline-block;
      color: var(--content-color-secondary); }
  .auto-flex-modal .modal-content .content-container {
    display: flex;
    margin-top: var(--spacing-xl);
    justify-content: space-evenly; }
    .auto-flex-modal .modal-content .content-container .section {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .auto-flex-modal .modal-content .content-container .section svg {
        width: 104px;
        height: 88px; }
      .auto-flex-modal .modal-content .content-container .section .title {
        margin-top: var(--spacing-l);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .auto-flex-modal .modal-content .content-container .section .description {
        margin-top: var(--spacing-s);
        text-align: center;
        width: 228px;
        line-height: var(--line-height-m);
        color: var(--content-color-secondary); }

.auto-flex-modal .modal-footer {
  flex-direction: column;
  padding-bottom: var(--spacing-xxxl); }
  .auto-flex-modal .modal-footer .btn-primary {
    padding: var(--spacing-s) var(--spacing-m); }
  .auto-flex-modal .modal-footer .btn-secondary {
    margin-top: var(--spacing-l);
    padding: var(--spacing-s) var(--spacing-m); }

.free-plan-banner {
  background-color: var(--background-color-secondary);
  margin-bottom: var(--spacing-xxl);
  padding: var(--spacing-l) var(--spacing-xl) var(--spacing-l) var(--spacing-l);
  border-radius: var(--border-radius-default);
  position: relative;
  box-sizing: border-box; }
  .free-plan-banner .description {
    margin: var(--spacing-m) var(--spacing-xxl) var(--spacing-m) var(--spacing-zero);
    font-size: var(--text-size-m);
    color: var(--content-color-primary);
    display: block; }
  .free-plan-banner .btn-secondary {
    margin-top: var(--spacing-s);
    padding: var(--spacing-s) var(--spacing-m);
    border: 1px solid rgba(48, 48, 48, 0.2);
    color: var(--content-color-primary); }
  .free-plan-banner .btn-tertiary {
    position: absolute;
    top: var(--spacing-s);
    right: var(--spacing-s); }
  .free-plan-banner .link {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-left: var(--spacing-l);
    color: var(--content-color-secondary); }
  .free-plan-banner .illustration {
    position: absolute;
    right: 0px;
    bottom: 0px; }
    .free-plan-banner .illustration svg {
      width: 216px;
      height: 72px; }

.free-plan-modal .modal-content {
  padding: var(--spacing-xxxl) var(--spacing-xxl) var(--spacing-l);
  max-height: 80vh; }
  .free-plan-modal .modal-content .header-title {
    font-size: 20px;
    display: flex;
    justify-content: center; }
  .free-plan-modal .modal-content .header-description {
    font-size: var(--text-size-l);
    display: block;
    margin-top: var(--spacing-s);
    text-align: center;
    line-height: 22px;
    color: var(--content-color-secondary); }
  .free-plan-modal .modal-content .content-container {
    display: flex;
    margin-top: var(--spacing-xxl);
    justify-content: space-around; }
    .free-plan-modal .modal-content .content-container .section {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .free-plan-modal .modal-content .content-container .section svg {
        width: 104px;
        height: 88px; }
      .free-plan-modal .modal-content .content-container .section .title {
        margin-top: var(--spacing-s);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-medium); }
      .free-plan-modal .modal-content .content-container .section .description {
        color: var(--content-color-primary);
        margin-top: var(--spacing-s);
        text-align: center;
        width: 200px;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary); }

.free-plan-modal .modal-footer {
  flex-direction: column;
  padding-bottom: var(--spacing-xxxl); }
  .free-plan-modal .modal-footer .btn-primary {
    padding: var(--spacing-s) var(--spacing-m); }

.overview-page-content-container {
  display: flex;
  flex-direction: column;
  height: fit-content;
  flex: 3;
  padding: var(--spacing-xxl) var(--spacing-l); }
  .overview-page-content-container--responsive {
    padding-bottom: 0; }

.overview-page-plan-alert {
  margin-bottom: var(--spacing-xxl); }
  .overview-page-plan-alert .alert-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .overview-page-plan-alert .alert-content .alert-actions {
      width: calc(4 * var(--size-s));
      margin-top: var(--spacing-zero); }
      .overview-page-plan-alert .alert-content .alert-actions .alert-primary-action {
        margin-right: var(--spacing-zero);
        width: calc(4 * var(--size-s));
        margin-left: var(--spacing-s); }
  .overview-page-plan-alert-icon {
    color: var(--base-color-info);
    background: var(--background-color-primary);
    font-size: var(--text-size-m);
    height: var(--size-xs);
    padding: var(--spacing-zero) var(--spacing-s);
    margin-top: var(--spacing-s);
    font-weight: var(--text-weight-bold);
    margin-right: var(--spacing-s);
    border-radius: var(--spacing-s); }

.apinetwork-page-container {
  display: grid;
  place-items: center;
  font-family: var(--text-family-code);
  font-size: 32px;
  height: 100%;
  color: var(--content-color-primary); }

.workspaces-page {
  /* Remove default margins and padding */
  /* Remove list styles on ul, ol elements  */
  display: flex;
  justify-content: center;
  flex: 1;
  overflow-y: auto;
  overflow-x: unset; }
  .workspaces-page body,
  .workspaces-page h1,
  .workspaces-page h2,
  .workspaces-page h3,
  .workspaces-page h4,
  .workspaces-page p,
  .workspaces-page figure,
  .workspaces-page blockquote,
  .workspaces-page dl,
  .workspaces-page dd,
  .workspaces-page ul,
  .workspaces-page ol {
    margin: 0;
    padding: 0; }
  .workspaces-page ul,
  .workspaces-page ol {
    list-style: none; }
  .workspaces-page-container {
    width: 960px;
    padding: var(--spacing-xl);
    box-sizing: border-box; }
    .workspaces-page-container-breadcrumbs {
      margin-bottom: var(--spacing-m); }
    .workspaces-page-container-public-workspaces {
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      box-sizing: border-box;
      border-radius: var(--border-radius-default);
      flex-direction: column;
      padding-bottom: var(--spacing-xl);
      margin-bottom: var(--spacing-xxl); }
      .workspaces-page-container-public-workspaces .pm-link {
        text-decoration: none;
        font-weight: var(--text-weight-regular); }
      .workspaces-page-container-public-workspaces strong {
        font-weight: var(--text-weight-medium); }
      .workspaces-page-container-public-workspaces .btn.btn-secondary {
        margin-right: var(--spacing-l);
        margin-top: var(--spacing-xs); }
      .workspaces-page-container-public-workspaces-show-all {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        color: var(--content-color-link);
        border: none;
        background: none;
        margin-top: var(--spacing-xl);
        margin-left: var(--spacing-xxl); }
      .workspaces-page-container-public-workspaces-request {
        display: flex;
        margin-top: var(--spacing-l);
        margin-left: var(--spacing-xl); }
      .workspaces-page-container-public-workspaces .avatar {
        margin-right: var(--spacing-l); }
      .workspaces-page-container-public-workspaces-info {
        display: flex;
        flex-direction: column;
        flex: 1; }
        .workspaces-page-container-public-workspaces-info:hover a {
          color: var(--content-color-link); }
        .workspaces-page-container-public-workspaces-info a {
          color: var(--content-color-primary); }
          .workspaces-page-container-public-workspaces-info a:hover {
            text-decoration: underline; }
        .workspaces-page-container-public-workspaces-info p {
          width: 520px; }
        .workspaces-page-container-public-workspaces-info-description {
          color: var(--content-color-secondary);
          word-break: break-word;
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-s) var(--spacing-zero); }
        .workspaces-page-container-public-workspaces-info-actions {
          display: flex;
          justify-content: space-between; }
          .workspaces-page-container-public-workspaces-info-actions-time {
            color: var(--content-color-tertiary);
            font-size: var(--text-size-m);
            line-height: var(--line-height-m); }
    .workspaces-page-container-filters {
      display: flex;
      justify-content: space-between; }
      .workspaces-page-container-filters-label {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary);
        margin-right: var(--spacing-xs); }
      .workspaces-page-container-filters-label-workspace {
        color: var(--content-color-primary);
        display: flex;
        align-items: center; }
    .workspaces-page-container .ws-list-empty-state {
      margin-top: var(--spacing-xxxl);
      max-height: 480px; }

.workspaces-page-container-loader {
  display: flex;
  align-items: center;
  min-height: 50%;
  width: 100%;
  justify-content: center; }

.workspaces-page-pagination-loader {
  display: flex;
  align-items: center;
  height: 76px;
  width: 100%;
  justify-content: center;
  border-top: var(--border-width-default) solid var(--highlight-background-color-primary); }

.workspace-visibility-dropdown {
  max-width: 88px; }
  .workspace-visibility-dropdown__header {
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-xs); }
  .workspace-visibility-dropdown .btn.workspace-visibility-dropdown__unselected {
    color: var(--content-color-tertiary); }
  .workspace-visibility-dropdown__unselected {
    color: var(--content-color-tertiary); }
  .workspace-visibility-dropdown__item__icon {
    margin: var(--spacing-zero) var(--spacing-s) var(--spacing-zero) var(--spacing-xl); }
    .workspace-visibility-dropdown__item__icon--active {
      margin-left: var(--spacing-s); }
  .workspace-visibility-dropdown .btn {
    border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-primary);
    font-weight: var(--text-weight-regular);
    color: var(--content-color-primary); }
  .workspace-visibility-dropdown .dropdown-menu {
    background-color: var(--background-color-primary); }
  .workspace-visibility-dropdown .is-active {
    color: var(--content-color-secondary);
    transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: var(--border-width-default) var(--border-style-solid) var(--blue-30);
    border-radius: var(--border-radius-default);
    box-shadow: 0px 0px 0px 2px var(--blue-30); }
  .workspace-visibility-dropdown__dark-mode .is-active {
    color: var(--content-color-secondary);
    transition: border 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    border: var(--border-width-default) var(--border-style-solid) var(--blue-50);
    border-radius: var(--border-radius-default);
    box-shadow: 0px 0px 0px 2px var(--blue-50); }

.workspace-sort-dropdown {
  max-width: 208px; }
  .workspace-sort-dropdown__header {
    padding: var(--spacing-s) var(--spacing-l) var(--spacing-xs); }
  .workspace-sort-dropdown__item__icon {
    margin: var(--spacing-zero) var(--spacing-s) var(--spacing-zero) var(--spacing-xl); }
    .workspace-sort-dropdown__item__icon--active {
      margin-left: var(--spacing-s); }
  .workspace-sort-dropdown .btn {
    border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-primary);
    font-weight: var(--text-weight-regular);
    color: var(--content-color-primary); }
    .workspace-sort-dropdown .btn .label {
      color: var(--content-color-secondary); }
  .workspace-sort-dropdown .dropdown-menu {
    background-color: var(--background-color-primary); }
  .workspace-sort-dropdown .is-active {
    color: var(--content-color-secondary);
    transition: border 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    border: var(--border-width-default) var(--border-style-solid) var(--blue-30);
    border-radius: var(--border-radius-default);
    box-shadow: 0px 0px 0px 2px var(--blue-30); }
  .workspace-sort-dropdown__dark-mode .is-active {
    color: var(--content-color-secondary);
    transition: border 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    border: var(--border-width-default) var(--border-style-solid) var(--blue-50);
    border-radius: var(--border-radius-default);
    box-shadow: 0px 0px 0px 2px var(--blue-50); }

.workspace-row {
  display: flex;
  border-top: var(--border-width-default) solid var(--highlight-background-color-primary);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .workspace-row:hover {
    background-color: var(--highlight-background-color-primary); }
  .workspace-row-details {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-self: stretch;
    align-items: center;
    padding: var(--spacing-l) var(--spacing-s); }
    .workspace-row-details__icon {
      width: var(--size-s);
      height: var(--size-s);
      background-color: var(--background-color-secondary);
      display: grid;
      place-content: center;
      border-radius: var(--border-radius-default); }
    .workspace-row-details-meta {
      max-width: 736px; }

.workspace-members-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 192px;
  padding: var(--spacing-s);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .workspace-members-list-more {
    color: var(--content-color-tertiary); }
  .workspace-members-list-item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
    display: block; }
  .workspace-members-list > * + * {
    margin-top: var(--spacing-xs); }

.workspace-members {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--spacing-s); }
  .workspace-members > * + * {
    margin-left: -8px; }
  .workspace-members .workspace-member {
    border: var(--border-width-l) solid var(--background-color-primary);
    border-radius: 24px; }
    .workspace-members .workspace-member:hover {
      z-index: 5; }
    .workspace-members .workspace-member:nth-child(2) {
      z-index: 1; }
      .workspace-members .workspace-member:nth-child(2):hover {
        z-index: 5; }
    .workspace-members .workspace-member:nth-child(3) {
      z-index: 2; }
      .workspace-members .workspace-member:nth-child(3):hover {
        z-index: 5; }
    .workspace-members .workspace-member-show-more {
      min-width: var(--size-s);
      height: var(--size-s);
      display: grid;
      place-content: center;
      background: var(--background-color-tertiary);
      color: var(--content-color-secondary);
      z-index: 3; }
      .workspace-members .workspace-member-show-more-text {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-s);
        line-height: var(--line-height-s); }
      .workspace-members .workspace-member-show-more:hover {
        z-index: 5; }

.workspace-page-discoverable-teams {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-xl); }
  .workspace-page-discoverable-teams__subtitle {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-l); }
    .workspace-page-discoverable-teams__subtitle .domain {
      color: var(--base-color-info); }
  .workspace-page-discoverable-teams-list {
    margin-top: calc(var(--spacing-xs) + var(--spacing-l));
    width: 400px; }
    .workspace-page-discoverable-teams-list > * + * {
      margin-top: var(--spacing-s); }
    .workspace-page-discoverable-teams-list__item {
      cursor: pointer;
      display: flex;
      list-style-type: none;
      padding: var(--spacing-s);
      height: 48px;
      background: var(--background-color-primary);
      border: var(--border-width-default) solid var(--border-color-default);
      box-sizing: border-box;
      border-radius: 4px;
      align-items: center;
      max-width: 580px; }
      .workspace-page-discoverable-teams-list__item--team-icon {
        width: 32px;
        object-fit: contain; }
      .workspace-page-discoverable-teams-list__item--team-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin-left: var(--spacing-s);
        color: var(--content-color-primary);
        max-width: 184px; }
  .workspace-page-discoverable-teams-actions {
    margin-top: var(--spacing-l);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-weight: var(--text-weight-medium);
    color: var(--content-color-brand);
    width: 400px; }
    .workspace-page-discoverable-teams-actions--center {
      justify-content: center; }
    .workspace-page-discoverable-teams-actions--view-more {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      padding-left: 0; }
    .workspace-page-discoverable-teams-actions--create-team {
      height: 32px; }
      .workspace-page-discoverable-teams-actions--create-team i {
        margin-right: var(--spacing-s); }

.workspace-list-loading-state {
  height: 452px;
  width: 960px;
  overflow: hidden;
  animation: fade 1s ease-in-out infinite;
  display: flex;
  flex-direction: column; }
  .workspace-list-loading-state .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-l);
    margin-top: var(--spacing-xl); }
    .workspace-list-loading-state .header .left-content {
      display: flex; }
      .workspace-list-loading-state .header .left-content .search-input {
        background-color: var(--highlight-background-color-secondary);
        animation: fade 1s ease-in-out infinite;
        min-width: 228px;
        height: var(--size-m);
        border-radius: var(--border-radius-default);
        margin-right: var(--spacing-m); }
      .workspace-list-loading-state .header .left-content .visibility-filter {
        background-color: var(--highlight-background-color-secondary);
        animation: fade 1s ease-in-out infinite;
        min-width: 88px;
        height: var(--size-m);
        border-radius: var(--border-radius-default);
        padding-right: var(--spacing-zero); }
    .workspace-list-loading-state .header .sort {
      background-color: var(--highlight-background-color-secondary);
      animation: fade 1s ease-in-out infinite;
      min-width: 136px;
      height: var(--size-m);
      border-radius: var(--border-radius-default);
      padding-right: var(--spacing-zero);
      margin-left: calc(8 * var(--spacing-xxxl)); }
  .workspace-list-loading-state .list-item {
    display: flex;
    flex: 1;
    padding: var(--spacing-l) var(--spacing-s);
    box-sizing: border-box;
    border-top: var(--border-width-default) solid var(--highlight-background-color-primary); }
    .workspace-list-loading-state .list-item .list-item-icon {
      height: var(--size-s);
      width: var(--size-s);
      background-color: var(--highlight-background-color-secondary);
      animation: fade 1s ease-in-out infinite;
      border-radius: var(--border-radius-default); }
    .workspace-list-loading-state .list-item .list-item-info {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-left: var(--spacing-m); }
      .workspace-list-loading-state .list-item .list-item-info .list-item-name {
        display: flex;
        flex: 1;
        background-color: var(--highlight-background-color-secondary);
        animation: fade 1s ease-in-out infinite;
        border-radius: var(--border-radius-default);
        margin-right: calc(12 * var(--spacing-xxxl));
        margin-bottom: var(--spacing-m); }
      .workspace-list-loading-state .list-item .list-item-info .list-item-summary {
        display: flex;
        flex: 1;
        background-color: var(--highlight-background-color-secondary);
        animation: fade 1s ease-in-out infinite;
        border-radius: var(--border-radius-default);
        margin-right: calc(13 * var(--spacing-xxxl)); }

.team-integrations__status-summary {
  display: flex;
  align-items: center;
  white-space: nowrap; }
  .team-integrations__status-summary__icon {
    vertical-align: sub;
    margin-right: var(--spacing-xs); }
  .team-integrations__status-summary__text {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    max-width: calc(4*var(--spacing-xl));
    text-overflow: ellipsis;
    overflow: hidden; }
    .team-integrations__status-summary__text-success {
      color: var(--content-color-success); }
    .team-integrations__status-summary__text-configured {
      color: var(--content-color-tertiary); }
    .team-integrations__status-summary__text-error {
      color: var(--content-color-error); }

.integration-runs__error {
  margin-top: 120px; }
  .integration-runs__error__action {
    max-width: 320px;
    width: 320px; }

.team-integrations {
  align-content: center;
  margin: 0 var(--spacing-s); }
  .team-integrations-title {
    margin: 0 var(--spacing-xl);
    line-height: var(--line-height-xxxl);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxxl); }
  .team-integrations-description {
    margin: 0 var(--spacing-xl);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary); }

.team-integrations.page-1 {
  margin: 0 auto; }
  @media (min-width: 768px) {
    .team-integrations.page-1 {
      align-content: center; } }
  @media (max-width: 1259px) {
    .team-integrations.page-1 {
      width: 100%; } }
  @media (min-width: 1260px) {
    .team-integrations.page-1 {
      width: 960px; } }

.team-integrations.page-2 {
  max-width: 960px;
  width: 960px;
  margin: 0 auto; }

.team-integrations-actionables {
  margin: var(--spacing-l) var(--spacing-xl) var(--spacing-s) var(--spacing-xl);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between; }
  .team-integrations-actionables .integrations-sort-search-title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    padding-bottom: var(--spacing-xs);
    line-height: var(--line-height-m);
    color: var(--content-color-primary); }
  .team-integrations-actionables .integrations-sort-search-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end; }
    @media (max-width: 1024px) {
      .team-integrations-actionables .integrations-sort-search-wrapper {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start; } }
  .team-integrations-actionables .integrations-sort-search {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .team-integrations-actionables .integrations-sort-search {
        flex-direction: column;
        padding-bottom: var(--spacing-l); }
        .team-integrations-actionables .integrations-sort-search > .team-integrations-filter__actions {
          padding-bottom: var(--spacing-l); } }
  .team-integrations-actionables .integrations-sort-dropdown {
    max-width: 300px;
    width: 200px; }
    .team-integrations-actionables .integrations-sort-dropdown .Select-control {
      background: var(--background-color-secondary);
      border: 1px solid var(--border-color-strong);
      box-sizing: border-box;
      border-radius: var(--border-radius-default); }
      .team-integrations-actionables .integrations-sort-dropdown .Select-control .Select-value {
        color: var(--content-color-secondary); }
      .team-integrations-actionables .integrations-sort-dropdown .Select-control .Select-arrow {
        border-color: var(--border-color-strong) transparent transparent; }
      .team-integrations-actionables .integrations-sort-dropdown .Select-control.is-open .Select-control .Select-arrow-zone .Select-arrow {
        border-bottom-color: var(--border-color-strong); }
  .team-integrations-actionables .integrations-search {
    padding-left: var(--spacing-l);
    width: 288px; }
    @media (max-width: 1024px) {
      .team-integrations-actionables .integrations-search {
        padding-left: var(--spacing-zero); } }
    .team-integrations-actionables .integrations-search .input-search-group {
      border-radius: var(--border-radius-default);
      height: var(--size-m); }
    .team-integrations-actionables .integrations-search .pm-form-control-sm {
      background: var(--background-color-secondary);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      box-sizing: border-box;
      border-radius: var(--border-radius-default);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      border: 1px solid var(--border-color-strong);
      padding: var(--spacing-zero) var(--spacing-xxl) var(--spacing-zero) var(--spacing-xxl); }
    .team-integrations-actionables .integrations-search .pm-form-control-sm {
      height: 40px; }
    .team-integrations-actionables .integrations-search .pm-icon-input .pm-icon.pm-icon-sm {
      margin: var(--spacing-m) var(--spacing-s); }

.team-integrations-filter__actions {
  display: flex;
  align-items: center; }
  .team-integrations-filter__actions .dropdown {
    height: var(--size-m); }
  .team-integrations-filter__actions .team-integrations-filter__actions-sort-button {
    display: flex;
    width: 150px;
    justify-content: space-between;
    height: var(--size-m);
    color: var(--content-color-primary);
    background-color: var(--background-color-secondary);
    border: 1px solid var(--border-color-default); }
    .team-integrations-filter__actions .team-integrations-filter__actions-sort-button:hover, .team-integrations-filter__actions .team-integrations-filter__actions-sort-button.is-hovered {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
    .team-integrations-filter__actions .team-integrations-filter__actions-sort-button:active, .team-integrations-filter__actions .team-integrations-filter__actions-sort-button.is-active {
      border-color: var(--border-color-strong);
      background-color: var(--highlight-background-color-secondary); }
  .team-integrations-filter__actions .team-integrations-filter__actions__meta {
    padding-right: var(--spacing-xs);
    font-size: var(--text-size-m);
    font-style: normal;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary); }

.btn-secondary.browse-integrations {
  height: var(--size-m);
  font-style: normal;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  line-height: var(--line-height-s);
  padding: var(--spacing-zero) var(--spacing-m); }

.btn-primary.add-integrations {
  height: var(--size-m);
  font-style: normal;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-m);
  line-height: var(--line-height-s);
  padding: var(--spacing-zero) var(--spacing-m); }

.team-integrations__list {
  list-style: none;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero);
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 var(--spacing-l) 0;
  padding-left: var(--spacing-m); }
  .team-integrations__list li {
    margin-bottom: var(--spacing-l);
    display: inline-flex;
    flex-direction: column;
    border: solid thin var(--border-color-default);
    border-radius: var(--border-radius-default);
    box-sizing: border-box;
    width: 288px;
    margin: var(--spacing-m);
    height: 135px;
    padding: var(--spacing-xl); }
    .team-integrations__list li:hover {
      cursor: pointer;
      border: 1px solid var(--border-color-strong); }
  .team-integrations__list-item-service-icon-wrapper {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-default);
    position: relative; }
    .team-integrations__list-item-service-icon-wrapper__fallback-icon {
      display: block;
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
  .team-integrations__list-item-service-icon {
    height: auto;
    width: 100%; }
  .team-integrations__list-item-service-name {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-xl);
    color: var(--content-color-primary);
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-l); }
    .team-integrations__list-item-service-name__div {
      max-width: calc(4*var(--spacing-xl));
      text-overflow: ellipsis;
      overflow: hidden; }
  .team-integrations__list-item-rule-name {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-l);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-l);
    display: flex;
    flex-grow: 1;
    height: var(--spacing-xxxl); }
  .team-integrations__list-item-rule-details {
    display: flex;
    flex-direction: row; }
  .team-integrations__list-item-rule-details .team-integrations__list-item-service-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap; }
  .team-integrations__list-item-status-item .pm-icon-error path {
    fill: var(--content-color-error); }

.team-integrations.page-1 .integrations-search {
  padding-left: 0px; }

.team-integrations-no-search-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  color: var(--content-color-primary); }
  .team-integrations-no-search-results .no-search-results-image {
    display: block;
    width: 120px;
    height: 105px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, );
    margin-bottom: 20px; }
  .team-integrations-no-search-results__label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: var(--spacing-s); }
  .team-integrations-no-search-results__subtext {
    font-size: 12px; }
    .team-integrations-no-search-results__subtext--body {
      opacity: unset; }
      .team-integrations-no-search-results__subtext--body .external-link__icon svg {
        height: var(--spacing-m);
        width: var(--spacing-m);
        margin-left: var(--spacing-xs); }
        .team-integrations-no-search-results__subtext--body .external-link__icon svg path {
          fill: var(--content-color-link); }
      .team-integrations-no-search-results__subtext--body .pm-link {
        color: var(--content-color-link); }
  .team-integrations-no-search-results__illustration-wrapper {
    margin-bottom: var(--spacing-l); }

.no-team-integrations {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 10px 10px 20px;
  box-sizing: border-box; }
  .no-team-integrations .no-team-integrations__illustration-wrapper {
    margin-bottom: var(--spacing-l); }
  .no-team-integrations .no-team-integrations__title {
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-s); }
  .no-team-integrations .no-team-integrations__subtitle {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    text-align: center;
    margin-bottom: var(--spacing-l);
    max-width: 500px;
    line-height: var(--line-height-m); }

.no-team-integrations .no-team-integrations__illustration-wrapper--integrations .integrations-empty__illustration {
  display: block;
  width: 115px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.team-integrations-header-icon-wrapper .btn {
  width: 150px; }

.team-integrations-detail__header {
  display: flex;
  flex-direction: row;
  padding: var(--spacing-l) var(--spacing-xl) var(--spacing-s) var(--spacing-xl); }

.team-integrations-detail__header-text {
  margin-left: var(--spacing-l); }
  .team-integrations-detail__header-text--title {
    line-height: var(--line-height-xxxl);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxxl); }
  .team-integrations-detail__header-text--description {
    font-style: normal;
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary); }

.team-integrations-detail__service-icon-wrapper {
  height: 64px;
  width: 64px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--spacing-xs);
  align-items: center;
  border-radius: var(--border-radius-default);
  background: var(--background-color-secondary); }

.team-integrations-detail__service-icon {
  height: auto;
  width: 100%; }

.team-integrations-detail__fallback-icon {
  display: block;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64, ); }

.team-integrations-breadcrumbs {
  padding: 0 var(--spacing-xl);
  margin-bottom: var(--spacing-l); }

.team-integrations-back-btn {
  color: var(--content-color-tertiary);
  font-weight: normal;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.team-integrations-team-name {
  color: var(--content-color-tertiary);
  font-style: normal;
  font-weight: normal;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  word-break: break-all;
  padding-right: var(--spacing-s);
  cursor: pointer; }

.team-integrations-integration-name {
  color: var(--content-color-tertiary);
  font-style: normal;
  font-weight: normal;
  padding-left: var(--spacing-s);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.team-integrations-integration-page {
  color: var(--content-color-tertiary);
  font-style: normal;
  font-weight: normal;
  padding: 0 var(--spacing-s);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  cursor: pointer; }

.team-integrations-detail__types-list {
  list-style: none;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero); }
  .team-integrations-detail__types-list li {
    width: 912px;
    box-sizing: border-box;
    margin-left: var(--spacing-xl); }

.team-integrations-detail__types-item {
  border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color-default);
  padding: var(--spacing-xl);
  margin: var(--spacing-l) 0; }
  @media (min-width: 768px) {
    .team-integrations-detail__types-item {
      padding: var(--spacing-xl); } }

.team-integrations-detail__types-item-status {
  margin-bottom: var(--spacing-xl);
  cursor: pointer; }
  .team-integrations-detail__types-item-status .pm-icon-error path {
    fill: var(--content-color-error); }

.team-integrations-detail__types-item-name-status {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }

.team-integrations-detail__types-item-name-link {
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-weight: var(--text-weight-medium);
  font-size: var(--text-size-xl);
  line-height: var(--line-height-xl);
  color: var(--content-color-primary);
  text-decoration: none;
  margin-bottom: var(--spacing-xl); }

.team-integrations-detail__types-item-info {
  padding: 0; }
  .team-integrations-detail__types-item-info > h4 {
    margin: 0;
    font-weight: var(--text-weight-medium);
    display: inline-block;
    color: var(--content-color-brand); }
  .team-integrations-detail__types-item-info > p {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-l);
    margin: var(--spacing-s) 0 0 0; }

.team-integrations-detail__entity {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between; }
  .team-integrations-detail__entity-service {
    display: flex; }
  .team-integrations-detail__entity-service-link {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-s);
    text-decoration: none;
    color: var(--content-color-secondary);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 20px; }
    .team-integrations-detail__entity-service-link--name {
      width: 180px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .team-integrations-detail__entity-service-link--name--error {
        color: var(--content-color-secondary);
        width: 180px;
        font-weight: var(--text-weight-regular); }
    .team-integrations-detail__entity-service-link--text {
      max-width: fit-content;
      cursor: pointer;
      text-overflow: ellipsis;
      overflow: hidden; }
  .team-integrations-detail__entity-service__icon {
    margin-right: var(--spacing-s);
    position: relative;
    vertical-align: text-top; }

.team-integrations-detail__user {
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  white-space: nowrap; }
  .team-integrations-detail__user.is-clickable {
    cursor: pointer; }
  .team-integrations-detail__user-icon {
    margin-right: var(--spacing-s);
    position: relative;
    vertical-align: text-top; }
  .team-integrations-detail__user-label {
    font-weight: var(--text-weight-medium);
    padding-left: var(--spacing-s);
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default; }
  .team-integrations-detail__user-name {
    font-weight: var(--text-weight-medium);
    padding-left: 2px; }

.team-integrations-detail__lastrun {
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary);
  white-space: nowrap; }
  .team-integrations-detail__lastrun__icon {
    margin-right: var(--spacing-s);
    position: relative;
    vertical-align: text-top; }
  .team-integrations-detail__lastrun-text {
    font-weight: var(--text-weight-medium);
    padding-left: 2px; }

.team-integrations-error-state {
  border: none;
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center; }
  .team-integrations-error-state__illustration-wrapper {
    margin-bottom: var(--spacing-l); }
  .team-integrations-error-state__title {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-l);
    margin-bottom: var(--spacing-s); }
  .team-integrations-error-state__subtitle {
    margin-bottom: var(--spacing-xl);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    font-weight: var(--text-weight-regular); }
  .team-integrations-error-state__title, .team-integrations-error-state__subtitle {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .team-integrations-error-state .offline__illustration {
    height: 120px;
    width: 120px; }

.integration-entity-error-icon {
  margin-left: var(--spacing-s); }
  .integration-entity-error-icon i {
    vertical-align: middle;
    padding-bottom: 1%; }

.integration-entity-error-tooltip {
  margin-bottom: var(--spacing-xs);
  max-width: 204px; }

.loading-team-integrations {
  padding: var(--spacing-xl)/2 var(--spacing-xl)/2 var(--spacing-xxl) var(--spacing-xl)/2;
  overflow: hidden;
  background-color: var(--background-color-primary); }
  @media (min-width: 768px) {
    .loading-team-integrations {
      padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } }
  .loading-team-integrations__list {
    list-style: none;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero);
    display: flex;
    flex-wrap: wrap;
    animation: fade 1s ease-in-out infinite;
    padding: 0 0 var(--spacing-l) 0;
    padding-left: var(--spacing-m); }
    .loading-team-integrations__list li {
      margin-bottom: var(--spacing-l);
      padding: var(--spacing-l);
      display: inline-flex;
      flex-direction: column;
      border: solid thin var(--border-color-default);
      border-radius: var(--border-radius-default);
      box-sizing: border-box;
      width: 288px;
      margin: var(--spacing-m);
      height: 130px;
      padding: var(--spacing-xl); }
      .loading-team-integrations__list li:hover {
        border: 1px solid var(--border-color-strong); }
  .loading-team-integrations__service-icon-wrapper {
    height: 16px;
    width: 16px;
    border-radius: var(--border-radius-default);
    background: var(--background-color-secondary);
    position: relative;
    position: relative;
    background-color: var(--background-color-tertiary); }
  .loading-team-integrations__service-icon {
    position: absolute;
    background: center / contain no-repeat;
    transform: translateX(-50%) translateY(-50%);
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--background-color-tertiary);
    background: center / contain no-repeat; }
  .loading-team-integrations__service-name {
    background-color: var(--background-color-tertiary);
    height: 16px;
    margin-left: var(--spacing-s);
    margin-right: var(--spacing-l); }
  .loading-team-integrations__rule-details {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  .loading-team-integrations__rule-details .loading-team-integrations__service-details {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  .loading-team-integrations__service-description {
    overflow: hidden;
    margin-bottom: var(--spacing-xxl);
    height: 24px;
    background-color: var(--background-color-tertiary); }
  .loading-team-integrations__status-item {
    height: 16px;
    background-color: var(--background-color-tertiary); }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.loading-team-integrations-in-detail__types-list {
  list-style: none;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero);
  animation: fade 1s ease-in-out infinite; }
  .loading-team-integrations-in-detail__types-list li {
    width: 912px;
    box-sizing: border-box;
    margin-left: var(--spacing-xl); }
  .loading-team-integrations-in-detail__types-list > li:first-child {
    margin-top: var(--spacing-l); }

.loading-team-integrations-in-detail__types-item {
  border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color-default);
  padding: var(--spacing-xl);
  margin: var(--spacing-l) 0; }
  @media (min-width: 768px) {
    .loading-team-integrations-in-detail__types-item {
      padding: var(--spacing-xl); } }
  .loading-team-integrations-in-detail__types-item-status {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xl);
    background-color: var(--background-color-tertiary);
    height: 20px; }
  .loading-team-integrations-in-detail__types-item-name-status {
    display: flex;
    align-items: baseline;
    justify-content: space-between; }
  .loading-team-integrations-in-detail__types-item-name-link {
    background-color: var(--background-color-tertiary);
    height: 28px;
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xl); }
  .loading-team-integrations-in-detail__types-item-info {
    padding: 0; }
    .loading-team-integrations-in-detail__types-item-info > h4 {
      margin: 0;
      display: inline-block; }
    .loading-team-integrations-in-detail__types-item-info > p {
      margin: var(--spacing-s) 0 0 0; }

.loading-team-integrations-in-detail__header {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
  padding: var(--spacing-l) var(--spacing-xl) var(--spacing-s) var(--spacing-xl); }
  .loading-team-integrations-in-detail__header-text {
    margin-left: var(--spacing-l);
    animation: fade 1s ease-in-out infinite; }
    .loading-team-integrations-in-detail__header-text--title {
      height: 32px;
      margin-bottom: var(--spacing-s);
      background-color: var(--background-color-tertiary); }
    .loading-team-integrations-in-detail__header-text--description {
      height: 16px;
      background-color: var(--background-color-tertiary); }

.loading-team-integrations-in-detail__service-icon-wrapper {
  animation: fade 1s ease-in-out infinite;
  height: 64px;
  width: 64px;
  background-color: var(--background-color-tertiary);
  border-radius: var(--border-radius-default);
  position: relative; }

.loading-team-integrations-in-detail__service-icon {
  animation: fade 1s ease-in-out infinite;
  position: absolute;
  background-color: var(--background-color-tertiary);
  transform: translateX(-50%) translateY(-50%);
  height: 64px;
  width: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: center / contain no-repeat; }

.loading-team-integrations-in-detail__entity {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between; }
  .loading-team-integrations-in-detail__entity-service {
    display: flex; }
  .loading-team-integrations-in-detail__entity-service-link {
    background-color: var(--background-color-tertiary);
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 170px;
    margin-right: 20px; }
  .loading-team-integrations-in-detail__entity-service__icon {
    margin-right: var(--spacing-s);
    position: relative;
    vertical-align: text-top; }

.loading-team-integrations-in-detail__user {
  display: flex;
  align-items: center;
  background-color: var(--background-color-tertiary);
  height: 28px; }

.loading-team-integrations-in-detail__lastrun {
  display: flex;
  align-items: center;
  background-color: var(--background-color-tertiary);
  height: 20px; }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.loading-team-integrations-actionables {
  animation: fade 1s ease-in-out infinite;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: var(--spacing-l) var(--spacing-xl) var(--spacing-zero) var(--spacing-xl); }
  .loading-team-integrations-actionables__search-sort {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
  .loading-team-integrations-actionables__sort {
    height: 28px;
    background-color: var(--background-color-tertiary);
    margin-right: var(--spacing-l); }
  .loading-team-integrations-actionables__search {
    height: 28px;
    background-color: var(--background-color-tertiary); }
  .loading-team-integrations-actionables__add-integration {
    height: 28px;
    background-color: var(--background-color-tertiary); }

.team-integrations-offline-state {
  border: none;
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .team-integrations-offline-state__illustration-wrapper {
    margin-bottom: 0px; }
  .team-integrations-offline-state__title {
    font-size: var(--text-size-l);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-l);
    margin-bottom: var(--spacing-l); }
  .team-integrations-offline-state__subtitle {
    margin-bottom: var(--spacing-xl);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    font-weight: var(--text-weight-regular); }
  .team-integrations-offline-state__title, .team-integrations-offline-state__subtitle {
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
  .team-integrations-offline-state .offline__illustration {
    height: 120px;
    width: 120px; }

@media (min-width: 1280px) {
  .pm-container.integrations-container {
    max-width: 100%; } }

.browse-integration-categories-sidebar {
  position: sticky;
  top: 0;
  width: 270px;
  height: 100vh;
  float: left;
  overflow-y: auto;
  padding: var(--spacing-zero) var(--spacing-xl) 0 0;
  text-transform: capitalize; }
  .browse-integration-categories-sidebar__back-button {
    margin-bottom: var(--spacing-l); }
    .browse-integration-categories-sidebar__back-button:hover {
      background-color: transparent; }
  .browse-integration-categories-sidebar__list-wrapper {
    padding: 0 var(--spacing-s); }
  .browse-integration-categories-sidebar__list {
    list-style-type: none;
    padding: 0;
    margin-top: var(--spacing-l);
    cursor: pointer; }
    .browse-integration-categories-sidebar__list > .browse-integration-categories-sidebar__list--item:not(:last-child) {
      margin-bottom: var(--spacing-s); }
    .browse-integration-categories-sidebar__list--item {
      height: var(--size-m);
      line-height: var(--line-height-xxl);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-regular);
      padding: 0px var(--spacing-s);
      color: var(--content-color-primary); }
      .browse-integration-categories-sidebar__list--item-is-selected {
        background: var(--background-color-brand);
        color: var(--content-color-brand);
        border-radius: var(--border-radius-default); }
      .browse-integration-categories-sidebar__list--item:hover {
        background-color: var(--background-color-brand);
        color: var(--content-color-brand);
        border-radius: var(--border-radius-default); }
      .browse-integration-categories-sidebar__list--item .name {
        float: left; }
      .browse-integration-categories-sidebar__list--item .count {
        float: right; }

.browse-integrations-page {
  width: 1280px;
  margin: auto; }
  .browse-integrations-page .input-search-group {
    margin-bottom: var(--spacing-l);
    width: 275px;
    border-radius: var(--border-radius-default);
    height: var(--size-m); }
  .browse-integrations-page-heading {
    font-size: var(--text-size-xxxl);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-xxxl);
    color: var(--content-color-primary);
    padding-left: var(--spacing-s); }

.browse-integrations__list {
  overflow: hidden;
  padding: var(--spacing-zero) var(--spacing-xxl) var(--spacing-l) var(--spacing-xxl);
  position: relative; }
  .browse-integrations__list--description {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-xxl);
    padding: 0 var(--spacing-s); }

/**
  * Breakpoint-aware visibility
  */
@media (max-width: 600px) {
  .visible-desktop-block {
    display: none; } }

.integrations-cards__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .integrations-cards__list > .integrations-cards__list-item {
    margin-right: var(--spacing-xl); }
  .integrations-cards__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--spacing-xl);
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    padding: var(--spacing-l);
    width: 240px;
    min-height: 160px; }
    .integrations-cards__list-item--heading-wrapper, .integrations-cards__list-item--heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .integrations-cards__list-item--heading-wrapper {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: var(--spacing-s);
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .integrations-cards__list-item--heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .integrations-cards__list-item--icon-container {
      height: 48px;
      width: 48px;
      padding: var(--spacing-xs);
      box-sizing: border-box;
      border-radius: var(--border-radius-default);
      background: var(--background-color-secondary);
      margin-bottom: var(--spacing-xs);
      display: flex;
      justify-content: center;
      align-items: center; }
    .integrations-cards__list-item--icon {
      height: auto;
      width: 100%; }
    .integrations-cards__list-item--fallback-icon {
      display: block;
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }
    .integrations-cards__list-item--badge {
      border-radius: 12px;
      height: var(--spacing-l);
      padding: 0px var(--spacing-s);
      font-size: var(--text-size-s);
      line-height: var(--line-height-s);
      font-weight: var(--text-weight-medium);
      background-color: var(--background-color-info);
      color: var(--content-color-info);
      text-transform: capitalize; }
      .integrations-cards__list-item--badge-noteworthy {
        background-color: var(--background-color-warning);
        color: var(--content-color-warning); }
      .integrations-cards__list-item--badge-new {
        background-color: var(--background-color-info);
        color: var(--content-color-info); }
    .integrations-cards__list-item--desc {
      text-align: left;
      color: var(--content-color-secondary); }
    .integrations-cards__list-item:hover {
      border: 1px solid var(--border-color-strong); }

.request-integration {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--spacing-l);
  margin: auto;
  max-width: 718px;
  text-align: left; }
  .request-integration__error-dog {
    width: 175px;
    height: 185px; }
  .request-integration__image {
    max-width: var(--es-image-width);
    margin-bottom: var(--spacing-xl); }
  .request-integration__title {
    color: var(--content-color-primary); }
  .request-integration__body {
    line-height: var(--line-height-xs);
    color: var(--content-color-primary);
    margin: var(--spacing-l) auto var(--spacing-xxl); }
  .request-integration__action {
    margin-bottom: var(--spacing-xl);
    padding-top: var(--spacing-l);
    color: var(--content-color-link);
    font-weight: var(--text-weight-medium); }
    .request-integration__action .external-link__icon svg {
      height: var(--spacing-m);
      width: var(--spacing-m);
      margin-left: var(--spacing-xs); }
      .request-integration__action .external-link__icon svg path {
        fill: var(--content-color-link); }
  .request-integration__description {
    padding: var(--pacing-xxl) 0;
    display: flex;
    flex-direction: column; }
  .request-integration__crash-handler {
    margin-top: 200px; }
    .request-integration__crash-handler .empty-state__body {
      max-width: 500px; }
  .request-integration .pm-link {
    color: var(--content-color-link); }

.loading-integrations-cards__list {
  animation: fade 1s ease-in-out infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .loading-integrations-cards__list > .loading-integrations-cards__list-item:not(:last-child) {
    margin-right: var(--spacing-xl); }
  .loading-integrations-cards__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--spacing-xl);
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default);
    padding: var(--spacing-l);
    width: 240px;
    min-height: 160px; }
    .loading-integrations-cards__list-item--heading-wrapper, .loading-integrations-cards__list-item--heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .loading-integrations-cards__list-item--heading-wrapper {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: var(--spacing-s);
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .loading-integrations-cards__list-item--heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .loading-integrations-cards__list-item--icon-container {
      height: 48px;
      width: 48px;
      border-radius: var(--border-radius-default);
      background: var(--background-color-secondary);
      position: relative;
      margin-bottom: var(--spacing-xs); }
    .loading-integrations-cards__list-item--icon {
      height: 40px;
      width: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -20px 0 0 -20px;
      background: center / contain no-repeat; }
    .loading-integrations-cards__list-item--desc {
      text-align: left;
      color: var(--content-color-secondary); }
    .loading-integrations-cards__list-item--desc-line1, .loading-integrations-cards__list-item--desc-line2, .loading-integrations-cards__list-item--desc-line3 {
      background-color: var(--background-color-tertiary);
      margin-bottom: var(--spacing-m);
      height: 12px; }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.loading-integration-categories-sidebar {
  animation: fade 1s ease-in-out infinite;
  position: sticky;
  top: 0;
  width: 270px;
  height: 100vh;
  float: left;
  overflow-y: auto;
  padding: var(--spacing-m) var(--spacing-xl) 0 0;
  text-transform: capitalize; }
  .loading-integration-categories-sidebar__list-wrapper {
    padding: 0 var(--spacing-s); }
  .loading-integration-categories-sidebar__list-wrapper-heading {
    background-color: var(--background-color-tertiary);
    margin-bottom: var(--spacing-m);
    height: 24px; }
  .loading-integration-categories-sidebar__list {
    list-style-type: none;
    padding: 0;
    margin-top: var(--spacing-xxl); }
    .loading-integration-categories-sidebar__list > .loading-integration-categories-sidebar__list--item:not(:last-child) {
      margin-bottom: var(--spacing-xl); }
    .loading-integration-categories-sidebar__list--item {
      padding: 0px var(--spacing-s);
      background-color: var(--background-color-tertiary);
      height: 28px; }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.loading-browse-integrations-page {
  width: 1280px;
  margin: auto; }
  .loading-browse-integrations-page .input-search-group {
    margin-bottom: var(--spacing-xl);
    width: 215px;
    border-radius: var(--border-radius-default);
    height: var(--size-m); }
  .loading-browse-integrations-page-heading {
    animation: fade 1s ease-in-out infinite;
    background-color: var(--background-color-tertiary);
    margin-bottom: var(--spacing-xxxl);
    height: 28px;
    margin-left: var(--spacing-s); }

.loading-browse-integrations__list {
  animation: fade 1s ease-in-out infinite;
  overflow: hidden;
  padding: var(--spacing-xl) var(--spacing-xxl) var(--spacing-l) var(--spacing-xxl);
  position: relative; }
  .loading-browse-integrations__list--text {
    background-color: var(--background-color-tertiary);
    margin-bottom: var(--spacing-l);
    height: 28px; }
  .loading-browse-integrations__list--search {
    background-color: var(--background-color-tertiary);
    margin-bottom: var(--spacing-l);
    height: 28px; }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.integrations-browse-view-breadcrumbs {
  padding: 0 var(--spacing-s);
  margin-bottom: var(--spacing-l); }
  .integrations-browse-view-breadcrumbs__team-name {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    word-break: break-all;
    padding-right: var(--spacing-s);
    cursor: pointer; }
  .integrations-browse-view-breadcrumbs__divider {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integrations-browse-view-breadcrumbs__integration-page {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding: 0 var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    cursor: pointer; }
  .integrations-browse-view-breadcrumbs__text {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding-left: var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.integration-service__title-available {
  margin-top: 0px;
  margin-bottom: var(--spacing-xs); }

.integration-service__overview {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .integration-service__overview {
      width: 288px;
      margin-right: var(--spacing-xl); } }
  .integration-service__overview hr {
    margin: var(--spacing-l) 0; }

.integration-service__detailed-view {
  margin-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  min-height: 640px; }
  @media (min-width: 768px) {
    .integration-service__detailed-view {
      margin-top: 0;
      padding-bottom: initial; } }

.integration-service__details-wrapper {
  padding: var(--spacing-l) 0 var(--spacing-l) var(--spacing-zero); }
  .integration-service__details-wrapper__show-hide-details {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-secondary);
    text-decoration: underline; }
  .integration-service__details-wrapper .btn {
    padding: 0; }
  .integration-service__details-wrapper .btn:hover {
    color: var(--content-color-secondary); }

.integration-service__icon-wrapper {
  height: 32px;
  width: 32px;
  position: absolute;
  top: var(--spacing-l);
  left: var(--spacing-l);
  border: 1px solid var(--border-color-default);
  box-sizing: border-box;
  border-radius: var(--border-radius-s);
  margin-right: var(--spacing-l); }
  @media (min-width: 768px) {
    .integration-service__icon-wrapper {
      height: 120px;
      width: 120px;
      padding: var(--spacing-xl);
      position: relative;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center; } }

.integration-service__icon {
  width: 32px;
  height: 32px;
  background: center / contain no-repeat; }
  @media (min-width: 768px) {
    .integration-service__icon {
      width: 100%;
      height: auto; } }

@media (min-width: 768px) {
  .integration-service__fallback-icon {
    display: block;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64, ); } }

.integration-service__name {
  font-size: var(--text-size-xl);
  font-weight: var(--text-weight-medium);
  margin: var(--spacing-xl);
  margin-left: 40px; }
  @media (min-width: 768px) {
    .integration-service__name {
      margin: 0px; } }

.integration-service__description {
  font-size: var(--text-size-m);
  color: var(--grey-60);
  margin: var(--spacing-xs) 0 0 40px;
  line-height: var(--line-height-s); }
  @media (min-width: 768px) {
    .integration-service__description {
      margin: var(--spacing-s) 0 var(--spacing-l); } }

.integration-service__extended-description {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  font-weight: var(--text-weight-regular);
  color: var(--content-color-secondary); }
  .integration-service__extended-description p a {
    color: var(--content-color-secondary); }

.integration-service__actions {
  margin: 0;
  padding: 0; }
  .integration-service__actions .pm-btn {
    margin: 0 var(--spacing-s) var(--spacing-s) 0; }

.integration-service__metadata {
  position: relative;
  min-height: 36px;
  line-height: 36px; }
  .integration-service__metadata .pm-icon {
    top: 18px;
    left: 15px;
    position: absolute;
    transform: translateX(-50%) translateY(-50%); }
    .integration-service__metadata .pm-icon svg {
      position: inherit; }
    .integration-service__metadata .pm-icon path {
      fill: var(--grey-40); }
  .integration-service__metadata--categories ul {
    list-style: none;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero); }
  .integration-service__metadata--categories li {
    display: inline-block;
    margin-right: var(--spacing-s); }
    .integration-service__metadata--categories li .pm-badge span {
      color: var(--grey-60);
      display: flex;
      align-items: center;
      text-align: center;
      text-transform: none;
      font-weight: var(--text-weight-medium);
      font-style: normal;
      font-size: var(--text-size-xs);
      line-height: var(--line-height-xs); }
  .integration-service__metadata--status {
    font-size: var(--text-size-s);
    color: var(--grey-80); }

.integration-service__types-list {
  list-style: none;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero); }
  .integration-service__types-list > li:first-child {
    padding-top: 20px; }
  .integration-service__types-list > li:last-child {
    border-bottom: none; }
  .integration-service__types-list li {
    width: 600px; }

.integration-service__types-item {
  border-radius: var(--border-radius-s);
  border-bottom: var(--border-width-default) solid var(--border-color-default);
  padding: var(--spacing-l) 0; }
  .integration-service__types-item__status-summary {
    clear: both;
    padding-top: var(--spacing-l); }
    .integration-service__types-item__status-summary--link {
      text-decoration: none; }
  .integration-service__types-item__configured {
    clear: both;
    padding-top: var(--spacing-m);
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integration-service__types-item__configured-integrations-loading {
      display: flex;
      flex-direction: row;
      color: var(--content-color-tertiary); }
      .integration-service__types-item__configured-integrations-loading .loading-indicator-wrapper {
        margin-left: var(--spacing-m);
        padding-right: var(--spacing-m); }
    .integration-service__types-item__configured .link {
      text-decoration: underline;
      cursor: pointer;
      color: var(--content-color-secondary); }
  @media (min-width: 768px) {
    .integration-service__types-item {
      padding: var(--spacing-l) 0; } }

.integration-service__types-item-info {
  padding: 0; }

.integration-service__types-item-actions {
  padding: 0;
  margin-top: var(--spacing-s); }
  .integration-service__types-item-actions .btn-secondary {
    height: 32px;
    padding: 8px 12px; }
  .integration-service__types-item-actions .btn-secondary.is-disabled {
    opacity: 0.6; }
  @media (min-width: 768px) {
    .integration-service__types-item-actions {
      text-align: right;
      margin-top: 0; } }

.integration-service__types-item-actionables {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .integration-service__types-item-actionables-description {
    display: flex;
    flex-direction: column;
    flex-basis: 75%; }

.integration-service__metadata .search-result-badge {
  margin-left: 0; }

.integration-service__extended-description a {
  text-decoration: underline; }

.integrations-service--badge {
  margin: var(--spacing-xl) 0 var(--spacing-s) var(--spacing-zero);
  height: var(--spacing-l);
  font-size: var(--text-size-s);
  line-height: var(--line-height-s);
  font-weight: var(--text-weight-medium);
  text-transform: capitalize; }
  .integrations-service--badge-noteworthy {
    background-color: var(--background-color-warning);
    color: var(--content-color-warning);
    border-radius: 12px;
    padding: 0 var(--spacing-s); }
  .integrations-service--badge-new {
    background-color: var(--background-color-info);
    color: var(--content-color-info);
    border-radius: 12px;
    padding: 0 var(--spacing-s); }

.integration-service-details {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center; }

.integration-service-details-page {
  display: flex;
  flex-direction: column;
  width: 960px;
  padding: 0 24px;
  box-sizing: border-box; }

.integrations-service-details-breadcrumbs {
  margin-bottom: var(--spacing-l); }
  .integrations-service-details-breadcrumbs__team-name {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    word-break: break-all;
    padding-right: var(--spacing-s);
    cursor: pointer; }
  .integrations-service-details-breadcrumbs__divider {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integrations-service-details-breadcrumbs__integration-page {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding: 0 var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    cursor: pointer; }
  .integrations-service-details-breadcrumbs__browse {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding: 0 var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    cursor: pointer; }
  .integrations-service-details-breadcrumbs__service-text {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding-left: var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.error-loading-configured-integrations__text-error {
  padding-left: var(--spacing-xs);
  color: var(--content-color-error);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.error-loading-configured-integrations__text-error-retry {
  color: var(--content-color-error);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular);
  cursor: pointer;
  text-decoration: underline; }

.error-loading-configured-integrations__text-error-retry.is-disabled {
  cursor: not-allowed; }

.offline-state-configured-integrations__text-error {
  padding-left: var(--spacing-xs);
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-regular); }

.loading-integration-service__overview {
  display: flex;
  flex-direction: column;
  animation: fade 1s ease-in-out infinite; }
  @media (min-width: 768px) {
    .loading-integration-service__overview {
      width: 288px;
      margin-right: var(--spacing-xl); } }

.loading-integration-service__detailed-view {
  margin-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  min-height: 640px;
  animation: fade 1s ease-in-out infinite; }
  @media (min-width: 768px) {
    .loading-integration-service__detailed-view {
      margin-top: 0;
      padding-bottom: initial; } }
  .loading-integration-service__detailed-view-heading {
    background-color: var(--background-color-tertiary);
    margin-bottom: var(--spacing-m);
    height: 32px; }

.loading-integration-service__details-wrapper {
  padding: var(--spacing-xl) 0 var(--spacing-l) var(--spacing-zero); }

.loading-integration-service__icon-wrapper {
  height: 32px;
  width: 32px;
  position: absolute;
  top: var(--spacing-l);
  left: var(--spacing-l);
  border: 1px solid var(--border-color-default);
  box-sizing: border-box;
  border-radius: var(--border-radius-s);
  margin-right: var(--spacing-l); }
  @media (min-width: 768px) {
    .loading-integration-service__icon-wrapper {
      height: 120px;
      width: 120px;
      position: relative;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center; } }

.loading-integration-service__icon {
  width: 100%;
  height: auto;
  background-color: var(--background-color-tertiary); }
  @media (min-width: 768px) {
    .loading-integration-service__icon {
      width: 100%;
      height: auto; } }

.loading-integration-service__name {
  margin-bottom: var(--spacing-l);
  background-color: var(--background-color-tertiary);
  height: 32px; }
  @media (min-width: 768px) {
    .loading-integration-service__name {
      margin: 0px; } }

.loading-integration-service__description {
  margin: var(--spacing-xs) 0 0 40px;
  line-height: var(--line-height-s); }
  @media (min-width: 768px) {
    .loading-integration-service__description {
      margin: var(--spacing-s) 0 var(--spacing-l); } }

.loading-integration-service__extended-description-line-1, .loading-integration-service__extended-description-line-2, .loading-integration-service__extended-description-line-3 {
  background-color: var(--background-color-tertiary);
  margin-bottom: var(--spacing-m);
  height: 12px; }

.loading-integration-service__actions {
  margin: 0;
  padding: 0; }

.loading-integration-service__metadata {
  position: relative;
  min-height: 36px;
  line-height: 36px;
  margin-top: var(--spacing-s);
  margin-bottom: var(--spacing-xl); }
  .loading-integration-service__metadata--categories-text {
    background-color: var(--background-color-tertiary);
    height: 16px; }

.loading-integration-service__types-list {
  list-style: none;
  margin: var(--spacing-zero);
  padding: var(--spacing-zero);
  animation: fade 1s ease-in-out infinite; }
  .loading-integration-service__types-list > li:first-child {
    padding-top: 20px; }
  .loading-integration-service__types-list > li:last-child {
    border-bottom: none; }
  .loading-integration-service__types-list li {
    width: 600px; }

.loading-integration-service__types-item {
  border-radius: var(--border-radius-s);
  border-bottom: 1px solid var(--grey-10);
  padding: var(--spacing-l) 0; }
  .loading-integration-service__types-item__status-summary {
    clear: both;
    padding-top: var(--spacing-l); }
    .loading-integration-service__types-item__status-summary--link {
      text-decoration: none; }
  .loading-integration-service__types-item__configured {
    clear: both;
    line-height: var(--line-height-m);
    background-color: var(--background-color-tertiary);
    height: 20px;
    margin-top: var(--spacing-m); }
  @media (min-width: 768px) {
    .loading-integration-service__types-item {
      padding: var(--spacing-l) 0; } }

.loading-integration-service__types-item-info {
  padding: 0; }

.loading-integration-service__types-item-actions {
  padding: 0;
  margin-top: var(--spacing-s);
  background-color: var(--background-color-tertiary);
  height: 32px; }
  .loading-integration-service__types-item-actions .btn-secondary {
    height: 32px;
    padding: var(--spacing-s) var(--spacing-m); }
  @media (min-width: 768px) {
    .loading-integration-service__types-item-actions {
      text-align: right;
      margin-top: 0; } }

.loading-integration-service__types-item-actionables {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .loading-integration-service__types-item-actionables-description {
    display: flex;
    flex-direction: column;
    flex-basis: 75%; }
    .loading-integration-service__types-item-actionables-description-heading {
      background-color: var(--background-color-tertiary);
      margin-bottom: var(--spacing-m);
      height: 16px; }
    .loading-integration-service__types-item-actionables-description-body {
      background-color: var(--background-color-tertiary);
      margin-bottom: var(--spacing-m);
      height: 16px; }

.integration-service__metadata.search-result-badge {
  margin-left: 0; }

.add-integrations-wrapper {
  width: 440px; }

.integration-add-actions-separator {
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  margin-top: var(--spacing-s);
  margin-bottom: var(--spacing-s); }

.integrations-add-card__segment {
  display: flex;
  flex-direction: column; }

.integrations-add-card__label-title {
  color: var(--content-color-primary);
  font-style: normal;
  font-size: var(--text-size-l);
  line-height: var(--line-height-l); }

.integrations-add-card__label-title-v2 {
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  line-height: var(--line-height-s); }

.integrations-add-card__label-description {
  color: var(--content-color-secondary);
  font-style: normal;
  font-size: var(--text-size-l);
  line-height: var(--line-height-l); }

.integrations-add-card__input {
  flex: 1;
  padding-top: var(--spacing-s); }

.integrations-add-card .pm-link {
  text-decoration: underline;
  color: var(--content-color-secondary); }
  .integrations-add-card .pm-link:hover {
    color: var(--content-color-secondary); }

.integrations-add-actions__button--container {
  margin-top: var(--spacing-xl);
  float: right;
  padding-bottom: var(--spacing-xxxl); }

.integrations-add-actions__button--cancel {
  border-radius: var(--border-radius-default); }

.integrations-add-actions__button--save-changes {
  margin-right: var(--spacing-s);
  border-radius: var(--border-radius-default); }

.align-left {
  float: left; }

.aws-gateway__button > .integrations-add-actions__button--container {
  margin-right: var(--spacing-m);
  margin-top: var(--spacing-xxl);
  float: left; }

.api-version-add-actions__button--container {
  margin-top: var(--spacing-xl);
  float: right;
  padding-bottom: var(--spacing-xl); }

.api-version-add-actions__button--cancel {
  border-radius: var(--border-radius-default);
  margin-right: var(--spacing-s); }

.api-version-add-actions__button--save-changes {
  border-radius: var(--border-radius-default); }

.integration-page-banner a {
  text-decoration: underline;
  color: var(--content-color-primary); }

.integration-page-banner .alert-info {
  background-color: var(--background-color-info); }
  .integration-page-banner .alert-info .alert-content .alert-title {
    font-size: var(--text-size-m); }

.integrations-add-actions__button--container {
  margin-top: var(--spacing-xl);
  float: right;
  padding-bottom: var(--spacing-xxxl); }

.integrations-add-actions__button--cancel {
  border-radius: var(--border-radius-default);
  margin-right: var(--spacing-s); }

.integrations-add-actions__button--proceed {
  border-radius: var(--border-radius-default); }

.align-left {
  float: left; }

.integration-add-actions-separator {
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-s); }

.integration-add-consent {
  margin-bottom: var(--spacing-xxl); }

.integrations-add {
  width: 440px; }

.integrations-form__segment {
  margin-top: var(--spacing-l); }
  .integrations-form__segment__label-title {
    color: var(--content-color-primary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integrations-form__segment__label-title span {
      color: var(--content-color-secondary); }
  .integrations-form__segment__label-description {
    margin-top: 0;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integrations-form__segment__label-description p {
      display: inline; }
  .integrations-form__segment__input {
    flex: 1;
    padding-top: var(--spacing-s); }
    .integrations-form__segment__input__error {
      font-size: var(--text-size-m);
      color: var(--content-color-error);
      margin-top: var(--spacing-xs); }
      .integrations-form__segment__input__error__btn {
        text-decoration: underline;
        cursor: pointer; }

.integrations-form-actions__button--container {
  margin-top: var(--spacing-xl);
  float: right;
  padding-bottom: var(--spacing-xxxl); }

.integrations-form-actions__button--cancel {
  border-radius: var(--border-radius-default);
  margin-right: var(--spacing-s); }

.integrations-form-actions__button--proceed {
  border-radius: var(--border-radius-default); }

.integrations-add-card {
  width: 100%;
  height: 100%; }
  .integrations-add-card__label-title {
    color: var(--content-color-primary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integrations-add-card__label-title span {
      color: var(--content-color-secondary); }
  .integrations-add-card__segment {
    margin-top: var(--spacing-l); }
  .integrations-add-card__alert {
    margin-bottom: 24px; }
  .integrations-add-card__label-description {
    margin-top: 0;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integrations-add-card__label-description-external-link {
    margin-top: 0;
    display: flex;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integrations-add-card__external-link {
    display: flex;
    align-items: center;
    color: var(--content-color-primary); }
  .integrations-add-card__description {
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-xl);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-regular); }
  .integrations-add-card__input {
    flex: 1;
    padding-top: var(--spacing-s); }
  .integrations-add-card__error {
    font-size: var(--text-size-m);
    color: var(--content-color-error);
    margin-top: var(--spacing-xs); }
    .integrations-add-card__error__btn {
      text-decoration: underline;
      cursor: pointer; }
  .integrations-add-card .pm-link {
    text-decoration: underline;
    color: var(--content-color-secondary); }
    .integrations-add-card .pm-link:hover {
      color: var(--content-color-secondary); }
  .integrations-add-card__advanced {
    color: var(--orange-40);
    margin: var(--spacing-s) 0;
    cursor: pointer; }
    .integrations-add-card__advanced path {
      fill: var(--orange-40); }
  .integrations-add-card__select {
    width: 100%; }
  .integrations-add-card__name {
    text-align: left; }
  .integrations-add-card-actions {
    margin-top: var(--spacing-l); }
    .integrations-add-card-actions__cancel {
      width: 96px;
      float: left; }
  .integrations-add-card__authed-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: var(--spacing-xl);
    font-size: var(--text-size-m);
    margin-right: 8px; }
    .integrations-add-card__authed-user__text {
      margin-right: 8px; }
    .integrations-add-card__authed-user___name {
      color: var(--content-color-secondary); }
    .integrations-add-card__authed-user p {
      font-weight: 600; }
    .integrations-add-card__authed-user img {
      border-radius: 50%;
      width: var(--spacing-xxl);
      margin-right: var(--spacing-xs); }
    .integrations-add-card__authed-user span {
      font-size: var(--font-size-m);
      color: var(--content-color-secondary); }
  .integrations-add-card__fail-alert {
    margin: var(--spacing-l) 0; }
  .integrations-add-card__workspace-switcher-icon {
    margin-right: var(--spacing-l);
    vertical-align: sub; }
    @media (max-width: 480px) {
      .integrations-add-card__workspace-switcher-icon {
        visibility: hidden; } }
  .integrations-add-card__auth-tabs {
    display: flex;
    justify-content: space-between;
    background-color: var(--background-color-primary);
    padding: 0px var(--spacing-s) var(--spacing-zero) var(--spacing-zero);
    border-bottom: var(--border-width-default) solid var(--border-color-default);
    min-width: 440px; }
    .integrations-add-card__auth-tabs-tab-title {
      display: flex;
      align-items: center; }
    .integrations-add-card__auth-tabs-tab-title__label {
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }
    .integrations-add-card__auth-tabs-tab.tab--authenticate.tab-primary .tab-text-wrapper {
      margin-left: 0px; }
    .integrations-add-card__auth-tabs .tab-primary.is-active .tab-text-wrapper {
      box-shadow: inset 0px -2px 0px var(--content-color-primary); }
    .integrations-add-card__auth-tabs .is-active .integrations-add-card__auth-tabs-tab-title__label {
      color: var(--content-color-primary); }
    .integrations-add-card__auth-tabs .integrations-add-card__auth-tabs-tab-title__label {
      display: flex; }
    .integrations-add-card__auth-tabs .integrations-add-card__authenticated-icon {
      margin-left: var(--spacing-xs); }

.integrations-add .tab-primary .tab-text-wrapper {
  margin: var(--spacing-zero) var(--spacing-m); }

.integrations-radio-button__select-group--regions {
  margin-bottom: var(--spacing-s);
  font-size: 12px; }

.integrations-radio-button__select-group--options {
  margin-bottom: var(--spacing-s);
  font-size: 12px; }
  .integrations-radio-button__select-group--options span {
    margin-left: 4px; }

.integrations-radio-button__select-group--regions__radio {
  margin-right: var(--spacing-xs); }

.integrations-consent {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin-top: var(--spacing-s);
  margin-bottom: 16px; }

.custom-owner-input-field {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin-top: var(--spacing-s); }
  .custom-owner-input-field .pm-link {
    text-decoration: underline;
    color: var(--content-color-secondary); }

.integrations-checkbox {
  margin-left: 4px; }
  .integrations-checkbox__select-consent {
    display: flex;
    flex: 1;
    color: var(--content-color-secondary);
    margin-top: var(--spacing-s);
    margin-bottom: 16px;
    font-size: var(--text-size-m); }
    .integrations-checkbox__select-consent .input-checkbox {
      margin-right: var(--spacing-s); }
    .integrations-checkbox__select-consent .input-checkbox.is-selected {
      background-color: var(--orange-40);
      border-color: var(--orange-40); }

.integrations-checkbox__select-group--events {
  display: flex;
  flex: 1;
  color: var(--content-color-primary);
  margin-top: var(--spacing-s);
  font-size: var(--text-size-m); }
  .integrations-checkbox__select-group--events .input-checkbox {
    margin-right: var(--spacing-s); }
  .integrations-checkbox__select-group--events .input-checkbox.is-selected {
    background-color: var(--orange-40);
    border-color: var(--orange-40); }

.integrations-checkbox__select-group {
  margin-bottom: 32px; }
  .integrations-checkbox__select-group--actions {
    display: flex;
    flex: 1;
    color: var(--content-color-primary);
    margin-top: var(--spacing-m);
    font-size: var(--text-size-m); }
    .integrations-checkbox__select-group--actions .input-checkbox {
      margin-right: var(--spacing-s); }
    .integrations-checkbox__select-group--actions .input-checkbox.is-selected {
      background-color: var(--orange-40);
      border-color: var(--orange-40); }
    .integrations-checkbox__select-group--actions .checkbox__helper-text {
      color: var(--content-color-secondary);
      font-style: normal;
      font-size: var(--text-size-m);
      margin-top: var(--spacing-xs); }
  .integrations-checkbox__select-group--label-title {
    color: var(--content-color-primary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-top: var(--spacing-l); }

.push-double--bottom {
  margin-bottom: 32px !important; }

.custom-apigateway__input {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin-top: var(--spacing-s); }

.integrations-add-card__input .input.input-box.is-disabled {
  color: var(--content-color-secondary);
  cursor: not-allowed;
  opacity: 0.4; }

.integrations-add-card__input .hide-toggle .password-input__toggle {
  visibility: hidden; }

.integrations-tags-segment-input__container {
  padding: 0px;
  position: relative;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  display: flex;
  min-height: var(--controls-size-default);
  max-height: 80px;
  overflow-y: auto;
  align-items: stretch;
  background-color: var(--background-color-secondary); }

.integrations-tags-segment-input__container:hover {
  background-color: var(--background-color-tertiary);
  cursor: text; }

.integrations-tags-segment-input__container:focus-within {
  background-color: var(--background-color-primary); }

.integrations-tags-segment-active__input {
  padding-left: 10px;
  padding-right: 20px;
  font-size: var(--text-size-m); }

.integrations-tags-segment-text__content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: var(--spacing-s); }

.integrations-tags-segment-editable__tag {
  height: 20px;
  border-radius: var(--border-radius-default);
  margin: var(--spacing-xs);
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  color: var(--content-color-primary);
  display: flex;
  align-items: center;
  font-size: var(--text-size-m);
  line-height: var(--line-height-s); }
  .integrations-tags-segment-editable__tag .text:hover {
    cursor: text; }
  .integrations-tags-segment-editable__tag .pm-icon {
    margin-right: var(--spacing-s); }
  .integrations-tags-segment-editable__tag .tag-remove-btn:hover {
    cursor: pointer; }
  .integrations-tags-segment-editable__tag-regular {
    background-color: var(--background-color-secondary);
    border: solid 1px var(--border-color-default); }
  .integrations-tags-segment-editable__tag-error {
    border: 1px dashed var(--base-color-error);
    background-color: var(--background-color-error);
    color: var(--content-color-error); }
  .integrations-tags-segment-editable__tag.is-selected {
    border: 1px solid var(--base-color-info); }

.integrations__external-link {
  color: var(--content-color-secondary);
  text-decoration: underline; }

.integrations__external-link:hover {
  color: var(--content-color-link);
  text-decoration: underline; }
  .integrations__external-link:hover svg path {
    fill: var(--content-color-link); }

.integrations-form__disclosed {
  padding-left: 28px; }

.integrations-banner {
  height: 92px;
  padding-top: var(--spacing-l);
  font-size: var(--text-size-m); }
  .integrations-banner__container {
    display: flex;
    background-color: var(--background-color-info);
    padding: var(--spacing-l); }
  .integrations-banner__text-container {
    margin-left: var(--spacing-s); }
  .integrations-banner__heading {
    font-weight: var(--text-weight-medium);
    size: var(--text-size-m);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-xs); }
  .integrations-banner__text {
    line-height: var(--line-height-m); }
  .integrations-banner__close-btn {
    float: right;
    margin-left: auto;
    cursor: pointer; }

.integrations-add-step {
  margin-top: var(--spacing-xl); }
  .integrations-add-step__title {
    font-weight: var(--text-weight-medium);
    size: var(--text-size-l);
    line-height: var(--line-height-l);
    margin-bottom: var(--spacing-s); }
  .integrations-add-step__text {
    line-height: var(--line-height-m);
    font-size: var(--text-size-m); }

.integrations-info-segment {
  color: var(--content-color-secondary);
  margin-top: var(--spacing-l);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .integrations-info-segment__title {
    font-weight: var(--text-weight-medium); }
  .integrations-info-segment__description {
    line-height: var(--line-height-s);
    font-size: var(--text-size-s); }
  .integrations-info-segment__value-container {
    display: flex; }
  .integrations-info-segment__value-segment {
    margin-top: var(--spacing-s); }
  .integrations-info-segment__value {
    font-weight: var(--text-weight-regular);
    line-height: var(--line-height-xxl); }
  .integrations-info-segment__copy-btn {
    margin-top: var(--spacing-s);
    margin-left: var(--spacing-xs);
    width: var(--size-m);
    height: var(--size-m);
    padding: var(--spacing-zero);
    cursor: pointer; }
  .integrations-info-segment__copy-btn-container {
    margin: var(--spacing-s); }
  .integrations-info-segment--account-id > .integrations-info-segment {
    margin-top: var(--spacing-m); }

.integrations-field-segment__role-arn > .integrations-add-card__segment {
  margin-top: var(--spacing-m); }

.integration-edit-wrap__error {
  margin-top: 120px; }
  .integration-edit-wrap__error__action {
    max-width: 240px;
    width: 240px; }

.integrations-form__segment {
  margin-top: var(--spacing-l); }
  .integrations-form__segment__label-title {
    color: var(--content-color-primary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integrations-form__segment__label-title span {
      color: var(--content-color-secondary); }
  .integrations-form__segment__label-description {
    margin-top: 0;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
    .integrations-form__segment__label-description p {
      display: inline; }
  .integrations-form__segment__input {
    flex: 1;
    padding-top: var(--spacing-s); }
    .integrations-form__segment__input__error {
      font-size: var(--text-size-m);
      color: var(--content-color-error);
      margin-top: var(--spacing-xs); }
      .integrations-form__segment__input__error__btn {
        text-decoration: underline;
        cursor: pointer; }

.integrations-form-actions__button--container {
  margin-top: var(--spacing-xl);
  float: left;
  padding-bottom: var(--spacing-xxxl); }

.integrations-form-actions__button--cancel {
  border-radius: var(--border-radius-default);
  margin-left: var(--spacing-s); }

.integrations-form-actions__button--save-changes {
  border-radius: var(--border-radius-default); }

.integration-edit, .integrations-edit {
  margin: 0 auto;
  width: 720px; }
  .integration-edit__error, .integrations-edit__error {
    margin-top: 120px; }
    .integration-edit__error__action, .integrations-edit__error__action {
      max-width: 320px;
      width: 320px; }
  .integration-edit .integration-edit-actions__separator, .integration-edit .integrations-edit-actions__separator, .integrations-edit .integration-edit-actions__separator, .integrations-edit .integrations-edit-actions__separator {
    border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
    border-radius: var(--border-radius-s); }
  .integration-edit .integration-edit-actions__button, .integration-edit .integrations-edit-actions__button, .integrations-edit .integration-edit-actions__button, .integrations-edit .integrations-edit-actions__button {
    margin-bottom: var(--spacing-l); }
  .integration-edit .integration-edit-card, .integration-edit .integrations-edit-card, .integrations-edit .integration-edit-card, .integrations-edit .integrations-edit-card {
    margin: 0 140px;
    position: relative; }
    .integration-edit .integration-edit-card__head, .integration-edit .integrations-edit-card__head, .integrations-edit .integration-edit-card__head, .integrations-edit .integrations-edit-card__head {
      margin-bottom: var(--spacing-s); }
    .integration-edit .integration-edit-card .integration-edit-actions-separator, .integration-edit .integration-edit-card .integrations-edit-actions-separator, .integration-edit .integrations-edit-card .integration-edit-actions-separator, .integration-edit .integrations-edit-card .integrations-edit-actions-separator, .integrations-edit .integration-edit-card .integration-edit-actions-separator, .integrations-edit .integration-edit-card .integrations-edit-actions-separator, .integrations-edit .integrations-edit-card .integration-edit-actions-separator, .integrations-edit .integrations-edit-card .integrations-edit-actions-separator {
      color: var(--content-color-secondary);
      margin-top: var(--spacing-l);
      margin-bottom: 0; }
    .integration-edit .integration-edit-card .integrations-edit-actions__button--container, .integration-edit .integrations-edit-card .integrations-edit-actions__button--container, .integrations-edit .integration-edit-card .integrations-edit-actions__button--container, .integrations-edit .integrations-edit-card .integrations-edit-actions__button--container {
      margin-top: var(--spacing-xl);
      float: left;
      padding-bottom: var(--spacing-xxxl); }
    .integration-edit .integration-edit-card .integrations-edit-actions__button--cancel, .integration-edit .integrations-edit-card .integrations-edit-actions__button--cancel, .integrations-edit .integration-edit-card .integrations-edit-actions__button--cancel, .integrations-edit .integrations-edit-card .integrations-edit-actions__button--cancel {
      border-radius: var(--border-radius-default);
      margin-left: var(--spacing-s); }
    .integration-edit .integration-edit-card .integrations-edit-actions__button--save-changes, .integration-edit .integrations-edit-card .integrations-edit-actions__button--save-changes, .integrations-edit .integration-edit-card .integrations-edit-actions__button--save-changes, .integrations-edit .integrations-edit-card .integrations-edit-actions__button--save-changes {
      border-radius: var(--border-radius-default); }
  .integration-edit .integrations-add-card__segment, .integrations-edit .integrations-add-card__segment {
    margin-top: var(--spacing-l); }
  .integration-edit .integrations-add-card__label-description, .integrations-edit .integrations-add-card__label-description {
    margin-top: 0;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integration-edit .integrations-add-card__label-description-external-link, .integrations-edit .integrations-add-card__label-description-external-link {
    margin-top: 0;
    display: flex;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integration-edit .integrations-add-card__external-link, .integrations-edit .integrations-add-card__external-link {
    display: flex;
    align-items: center;
    color: var(--content-color-primary); }
  .integration-edit .integrations-add-card__description, .integrations-edit .integrations-add-card__description {
    margin-top: 0px;
    margin-bottom: var(--spacing-l);
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m);
    font-weight: var(--text-weight-regular); }
  .integration-edit .integrations-add-card__advanced, .integrations-edit .integrations-add-card__advanced {
    color: var(--orange-40);
    margin: var(--spacing-s) 0;
    cursor: pointer; }
    .integration-edit .integrations-add-card__advanced path, .integrations-edit .integrations-add-card__advanced path {
      fill: var(--orange-40); }
  .integration-edit .integrations-add-card__select, .integrations-edit .integrations-add-card__select {
    width: 100%; }
  .integration-edit .integrations-add-card__name, .integrations-edit .integrations-add-card__name {
    text-align: center; }
  .integration-edit .integrations-add-card-actions, .integrations-edit .integrations-add-card-actions {
    margin-top: var(--spacing-l); }
    .integration-edit .integrations-add-card-actions__cancel, .integrations-edit .integrations-add-card-actions__cancel {
      width: 96px;
      float: left; }
  .integration-edit .integrations-add-card__authed-user, .integrations-edit .integrations-add-card__authed-user {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: var(--spacing-xl);
    font-size: var(--text-size-m);
    margin-right: 8px; }
    .integration-edit .integrations-add-card__authed-user__text, .integrations-edit .integrations-add-card__authed-user__text {
      margin-right: 8px; }
    .integration-edit .integrations-add-card__authed-user___name, .integrations-edit .integrations-add-card__authed-user___name {
      color: var(--content-color-secondary); }
    .integration-edit .integrations-add-card__authed-user p, .integrations-edit .integrations-add-card__authed-user p {
      font-weight: 600; }
    .integration-edit .integrations-add-card__authed-user img, .integrations-edit .integrations-add-card__authed-user img {
      border-radius: 50%;
      width: var(--spacing-xxl);
      margin-right: var(--spacing-xs); }
    .integration-edit .integrations-add-card__authed-user span, .integrations-edit .integrations-add-card__authed-user span {
      font-size: var(--font-size-m);
      color: var(--content-color-secondary); }
  .integration-edit .integrations-add-card__fail-alert, .integrations-edit .integrations-add-card__fail-alert {
    margin: var(--spacing-l) 0; }

.api-version-integration {
  width: 100%;
  counter-reset: section; }
  .api-version-integration__error__action {
    min-width: 240px; }
  .api-version-integration__delete-button {
    background-color: var(--base-color-error); }
  .api-version-integration__delete-button:hover {
    background-color: var(--base-color-error); }
  .api-version-integration__header {
    padding-bottom: var(--spacing-s); }
    .api-version-integration__header__title {
      font-size: var(--spacing-xl);
      display: inline-block;
      font-weight: var(--text-weight-medium);
      margin-right: var(--spacing-l);
      vertical-align: middle; }
    .api-version-integration__header__icon {
      background-color: var(--base-color-success);
      display: inline-block;
      border-radius: 50%;
      text-align: center;
      width: var(--spacing-xl);
      height: var(--spacing-xl); }
      .api-version-integration__header__icon i {
        vertical-align: middle; }
        .api-version-integration__header__icon i svg {
          height: 12px;
          width: 12px; }
          .api-version-integration__header__icon i svg path {
            fill: var(--content-color-constant); }
    .api-version-integration__header__description {
      color: var(--content-color-secondary);
      padding: var(--spacing-s) 0;
      border-bottom: 1px solid var(--border-color-default); }
  .api-version-integration__content__header {
    margin: var(--spacing-xl) 0;
    position: relative;
    width: 100%;
    color: var(--content-color-secondary);
    font-style: normal;
    font-size: var(--text-size-l); }
    .api-version-integration__content__header:before {
      counter-increment: section;
      content: counter(section);
      position: absolute;
      left: -48px;
      width: var(--spacing-xl);
      height: var(--spacing-xl);
      text-align: center;
      line-height: var(--line-height-l);
      border-radius: var(--border-radius-default);
      background-color: var(--background-color-primary); }
    .api-version-integration__content__header__title {
      margin-bottom: var(--spacing-s);
      color: var(--content-color-primary);
      font-weight: var(--text-weight-medium); }
    .api-version-integration__content__header__description__content {
      max-width: 468px;
      display: inline-block; }
    .api-version-integration__content__header__description__button {
      margin-top: var(--spacing-l); }
    .api-version-integration__content__header strong {
      font-weight: var(--text-weight-medium); }
    .api-version-integration__content__header a {
      display: block; }
  .api-version-integration__content__header strong {
    color: var(--content-color-primary); }
  .api-version-integration__content__input-entity {
    margin-bottom: var(--spacing-xl);
    width: 450px;
    display: inline-block; }
    .api-version-integration__content__input-entity .pm-form-control {
      background-color: var(--background-color-secondary); }
    .api-version-integration__content__input-entity .disabled {
      opacity: 1;
      pointer-events: initial;
      text-overflow: ellipsis; }
    .api-version-integration__content__input-entity .pm-form__label {
      font-size: var(--text-size-m); }
  .api-version-integration__content__copy-button {
    margin-left: var(--spacing-s); }
  .api-version-integration__content__table {
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default); }
    .api-version-integration__content__table__empty {
      max-width: 360px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .api-version-integration__content__table__empty__title {
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        margin-top: 8px;
        padding: 6px; }
      .api-version-integration__content__table__empty__add-button {
        margin-bottom: 8px; }
      .api-version-integration__content__table__empty__description {
        color: var(--content-color-secondary);
        font-style: normal;
        font-size: var(--text-size-l);
        text-align: center;
        margin: 20px 0; }
      .api-version-integration__content__table__empty .empty-state__title {
        font-size: var(--text-size-l); }
    .api-version-integration__content__table__header {
      border-bottom: 1px solid var(--border-color-default);
      padding: var(--spacing-s) var(--spacing-l);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
      .api-version-integration__content__table__header__name, .api-version-integration__content__table__header__branch {
        display: inline-block;
        min-width: 80px;
        margin-right: var(--spacing-l);
        color: var(--content-color-secondary); }
      .api-version-integration__content__table__header__path {
        display: inline-block;
        min-width: 150px;
        margin-right: var(--spacing-l);
        color: var(--content-color-secondary); }
      .api-version-integration__content__table__header__actions {
        display: inline-block; }
    .api-version-integration__content__table__loader {
      display: flex;
      justify-content: center;
      margin: auto;
      width: 100%;
      margin: 20px 0; }
    .api-version-integration__content__table__item {
      padding: var(--spacing-s) var(--spacing-l);
      line-height: var(--spacing-xxl);
      height: 48px;
      color: var(--content-color-secondary);
      font-size: var(--text-size-m); }
      .api-version-integration__content__table__item:hover {
        background-color: var(--background-color-primary); }
        .api-version-integration__content__table__item:hover .api-version-integration__content__table__item__actions {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          vertical-align: middle;
          display: inline-block;
          width: 40px;
          min-width: 40px;
          text-align: right; }
          .api-version-integration__content__table__item:hover .api-version-integration__content__table__item__actions i {
            cursor: pointer; }
      .api-version-integration__content__table__item__name, .api-version-integration__content__table__item__branch {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block;
        width: 80px;
        min-width: 80px;
        margin-right: var(--spacing-l); }
      .api-version-integration__content__table__item__path {
        vertical-align: middle;
        display: inline-block;
        width: 150px;
        min-width: 150px;
        margin-right: var(--spacing-l); }
      .api-version-integration__content__table__item__actions {
        display: none; }

.integrations-add-card__input2 {
  display: flex; }

.api-version-delete-modal__entity {
  font-weight: var(--text-weight-medium); }

.integrations-add-card__error {
  margin-top: var(--spacing-xs); }

.integrations-add-card__retry-btn {
  cursor: pointer;
  text-decoration: underline; }

.api-version-modal .pm-h3 {
  margin: var(--spacing-l) 0; }

.api-version-modal__close {
  position: absolute;
  top: var(--spacing-xxl);
  right: var(--spacing-xxl); }

.api-version-modal__error__action {
  min-width: 240px; }

.api-version-modal__header {
  margin-bottom: var(--spacing-xl); }

.api-version-modal__entity__label {
  font-weight: var(--text-weight-medium);
  display: block;
  margin-bottom: var(--spacing-s); }

.api-version-modal__name, .api-version-modal__branch, .api-version-modal__path {
  margin-bottom: var(--spacing-l); }

.api-version-modal__branch-loader {
  float: right;
  position: relative;
  top: 36px;
  right: 10px; }

.api-version-modal__branch-try-again {
  background: none;
  border: none;
  padding: 0px;
  color: var(--base-color-brand);
  cursor: pointer;
  outline: none;
  float: right;
  position: relative;
  top: 35px;
  right: var(--spacing-s); }

.api-version-modal__branch-success {
  float: right;
  position: relative;
  top: 36px;
  right: 12px; }

.api-version-modal__actions {
  margin-top: var(--spacing-xxl);
  margin-bottom: var(--spacing-xl); }
  .api-version-modal__actions__cancel {
    width: 112px;
    margin-right: var(--spacing-s); }
  .api-version-modal__actions__submit {
    width: 264px;
    min-width: 264px; }

.api-version-modal__source {
  margin: var(--spacing-l) 0; }

.integrations-modal-content__schema-conflict {
  margin-bottom: var(--spacing-m); }

.integrations-api-schema-sync__actions {
  margin-top: var(--spacing-xxl); }

.integration-runs__list-container {
  width: 100%;
  max-width: 960px;
  padding: var(--spacing-zero) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl); }
  .integration-runs__list-container__breadcrumb {
    margin-left: var(--spacing-l); }
  .integration-runs__list-container__content {
    margin-left: var(--spacing-l); }
  .integration-runs__list-container__loading {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center; }
  .integration-runs__list-container__header {
    display: flex;
    padding: var(--spacing-s) var(--spacing-s); }
    .integration-runs__list-container__header__sec1 {
      width: 60%; }
      .integration-runs__list-container__header__sec1__title {
        color: var(--content-color-primary);
        font-style: normal;
        font-size: var(--text-size-xxl); }
      .integration-runs__list-container__header__sec1__subtitle {
        font-weight: var(--text-weight-small);
        margin-top: 5px;
        color: var(--content-color-secondary);
        font-style: normal;
        font-size: var(--text-size-m); }
    .integration-runs__list-container__header__sec2 {
      width: 40%; }
  .integration-runs__list-container__main {
    display: flex;
    justify-content: space-between;
    margin-top: 50px; }
    .integration-runs__list-container__main__sec1 {
      width: 60%;
      color: var(--content-color-secondary); }
      .integration-runs__list-container__main__sec1__header {
        display: flex;
        border-bottom: 1px solid var(--grey-10);
        padding: var(--spacing-s) var(--spacing-l);
        font-size: var(--text-size-m);
        font-weight: 600;
        text-transform: uppercase;
        color: var(--content-color-tertiary); }
        .integration-runs__list-container__main__sec1__header__time {
          width: 40%; }
        .integration-runs__list-container__main__sec1__header__status {
          width: 10%; }
        .integration-runs__list-container__main__sec1__header__reason {
          width: 50%; }
      .integration-runs__list-container__main__sec1__empty {
        text-align: center;
        color: var(--content-color-primary);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: var(--spacing-xxl) var(--spacing-l);
        line-height: var(--line-height-s);
        position: relative; }
        .integration-runs__list-container__main__sec1__empty__text {
          margin-top: var(--spacing-l);
          font-size: var(--text-size-l);
          color: var(--content-color-secondary); }
      .integration-runs__list-container__main__sec1__items {
        display: flex;
        flex-direction: column; }
        .integration-runs__list-container__main__sec1__items__item {
          display: flex;
          padding: var(--spacing-s) var(--spacing-l);
          font-size: var(--text-size-m); }
          .integration-runs__list-container__main__sec1__items__item__time {
            width: 40%;
            color: var(--content-color-primary); }
          .integration-runs__list-container__main__sec1__items__item__status {
            font-size: var(--text-size-s);
            font-weight: 600;
            text-align: center; }
            .integration-runs__list-container__main__sec1__items__item__status__success {
              border-radius: 10px;
              padding: 2px 3px;
              background-color: var(--background-color-success);
              color: var(--content-color-success);
              text-transform: uppercase; }
            .integration-runs__list-container__main__sec1__items__item__status__failure {
              border-radius: 10px;
              padding: 2px 4px;
              background-color: var(--background-color-error);
              color: var(--content-color-error);
              text-transform: uppercase; }
            .integration-runs__list-container__main__sec1__items__item__status__running {
              border-radius: 10px;
              padding: 2px var(--spacing-xs);
              background-color: var(--background-color-tertiary);
              color: var(--content-color-secondary);
              text-transform: uppercase; }
          .integration-runs__list-container__main__sec1__items__item__reason {
            width: 50%;
            margin-left: 5px;
            margin-bottom: 4px; }
            .integration-runs__list-container__main__sec1__items__item__reason__msg {
              display: inline; }
            .integration-runs__list-container__main__sec1__items__item__reason__icon {
              display: inline;
              height: 16px;
              width: 16px;
              margin-top: 5px;
              margin-left: 5px; }
              .integration-runs__list-container__main__sec1__items__item__reason__icon svg {
                transform: translateY(1px); }
    .integration-runs__list-container__main__sec2 {
      width: 30%;
      height: 200px; }
      .integration-runs__list-container__main__sec2__container {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center; }
        .integration-runs__list-container__main__sec2__container__item {
          width: 100%;
          height: 30%;
          color: var(--content-color-secondary);
          font-size: var(--text-size-m); }
          .integration-runs__list-container__main__sec2__container__item__title {
            font-weight: 400;
            font-size: var(--text-size-m);
            color: var(--content-color-primary);
            line-height: 12px; }
          .integration-runs__list-container__main__sec2__container__item__description {
            margin-top: 8px;
            display: flex;
            justify-content: center;
            align-items: center; }
            .integration-runs__list-container__main__sec2__container__item__description__text {
              margin-left: 5px;
              width: 100%; }
              .integration-runs__list-container__main__sec2__container__item__description__text__div {
                max-width: fit-content;
                cursor: pointer; }
            .integration-runs__list-container__main__sec2__container__item__description__icon {
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              height: auto;
              width: 16px;
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat; }
            .integration-runs__list-container__main__sec2__container__item__description__fallback-icon {
              display: block;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-size: contain;
              background-position: 0 0;
              background-image: url(data:image/svg+xml;base64, ); }
        .integration-runs__list-container__main__sec2__container .integration-page-banner .alert-info {
          margin-top: var(--spacing-xl); }
          .integration-runs__list-container__main__sec2__container .integration-page-banner .alert-info .alert-content .alert-actions .btn-primary {
            background-color: transparent;
            color: var(--content-color-primary);
            font-size: var(--text-size-m);
            font-weight: var(--text-weight-regular);
            border: 1px solid rgba(48, 48, 48, 0.2);
            box-sizing: border-box;
            border-radius: 3px; }

.runlog-tooltip {
  max-width: 360px; }

.trace-container {
  border-top: 1px solid var(--border-color-default);
  display: flex;
  padding-top: var(--spacing-m); }
  .trace-container__trace {
    color: var(--content-color-secondary);
    padding-top: var(--spacing-s);
    padding-left: var(--spacing-xl); }
  .trace-container__toggle {
    margin-left: var(--spacing-s); }
    .trace-container__toggle__success {
      cursor: default;
      padding-top: var(--spacing-s);
      color: var(--content-color-success);
      display: flex; }
      .trace-container__toggle__success__icon-container {
        margin-top: 1px;
        margin-right: 2px; }
      .trace-container__toggle__success__icon use {
        fill: var(--content-color-success); }
      .trace-container__toggle__success__icon svg > path[fill] {
        fill: var(--content-color-success); }

.integration-run-log__steps-to-fix {
  font-size: var(--text-size-m);
  color: var(--content-color-secondary);
  margin: var(--spacing-m); }
  .integration-run-log__steps-to-fix p a {
    color: var(--content-color-primary);
    text-decoration: none;
    cursor: pointer; }

.integration-run-log__tooltip-body {
  margin: 0;
  padding: 0; }

.integrations-meta__loading {
  margin-left: var(--spacing-m); }

.integration-entity__link {
  cursor: pointer; }

.integrations-run-actions__container {
  display: flex; }

.integrations-run-actions__button--edit {
  margin-right: var(--spacing-s);
  border-radius: var(--border-radius-s); }

.integrations-run-actions__button--delete {
  border-radius: var(--border-radius-s); }

.integrations-run-actions__button--modal-delete {
  border-radius: var(--border-radius-s);
  background-color: var(--base-color-error); }

.integrations-run-actions__button--modal-delete:hover {
  background-color: var(--base-color-error); }

.integrations-run-actions__button--refresh {
  margin-right: var(--spacing-s);
  border-radius: var(--border-radius-s); }

.integrations-run-actions__button--cancel {
  border-radius: var(--border-radius-s); }

.integrations-run-breadcrumbs {
  padding: 0 var(--spacing-s);
  margin-bottom: var(--spacing-l); }
  .integrations-run-breadcrumbs__team-name {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    word-break: break-all;
    padding-right: var(--spacing-s);
    cursor: pointer; }
  .integrations-run-breadcrumbs__divider {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .integrations-run-breadcrumbs__integration-page {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding: 0 var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    cursor: pointer; }
  .integrations-run-breadcrumbs__text {
    color: var(--content-color-tertiary);
    font-weight: var(--text-weight-regular);
    padding-left: var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.integrations-add-card__segment .menu, .integrations-form__segment__input .menu {
  position: absolute;
  background: var(--background-color-primar);
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  margin-top: 8px;
  width: 100%;
  box-shadow: 0 0 10px -5px var(--grey-90); }

.integrations-add-card__segment .menu-section, .integrations-form__segment__input .menu-section {
  border-bottom: 1px solid var(--border-color-default);
  border-top: 1px solid var(--border-color-default); }

.integrations-add-card__segment .menu-section:first-of-type, .integrations-form__segment__input .menu-section:first-of-type {
  border-top: 0; }

.integrations-add-card__segment .menu-section:last-of-type, .integrations-form__segment__input .menu-section:last-of-type {
  border-bottom: 0; }

.integrations-add-card__segment .menu-section + .menu-section, .integrations-form__segment__input .menu-section + .menu-section {
  border-top: 0; }

.integrations-add-card__segment .menu-section__title, .integrations-form__segment__input .menu-section__title {
  font-size: 1rem;
  padding: .5rem;
  font-weight: 700; }

.integrations-add-card__segment .menu-section-title:empty, .integrations-form__segment__input .menu-section-title:empty {
  padding: 0; }

.integrations-add-card__segment .menu-section-title:empty + .menu-section, .integrations-form__segment__input .menu-section-title:empty + .menu-section {
  border-top: 0; }

.integrations-add-card__segment .option, .integrations-form__segment__input .option {
  min-height: 24px;
  width: 100%;
  padding: 8px 16px; }

.integrations-add-card__segment .option.focused, .integrations-add-card__segment .option:hover, .integrations-form__segment__input .option.focused, .integrations-form__segment__input .option:hover {
  background: var(--background-color-secondary);
  cursor: pointer; }

.integrations-add-card__segment .option:focus, .integrations-form__segment__input .option:focus {
  border: 10px solid var(--border-color-default); }

.integrations-add-card__segment .option.disabled, .integrations-form__segment__input .option.disabled {
  opacity: .5;
  background: var(--background-color-secondary); }

.integrations-add-card__segment .option.disabled:hover, .integrations-form__segment__input .option.disabled:hover {
  cursor: no-drop; }

.integrations-add-card__segment .Select, .integrations-form__segment__input .Select {
  width: 100%; }

.integrations-add-card__segment .Select, .integrations-add-card__segment .Select div, .integrations-add-card__segment .Select input, .integrations-add-card__segment .Select span, .integrations-form__segment__input .Select, .integrations-form__segment__input .Select div, .integrations-form__segment__input .Select input, .integrations-form__segment__input .Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: var(--text-size-m); }

.integrations-add-card__segment .Select.is-disabled > .Select-control, .integrations-form__segment__input .Select.is-disabled > .Select-control {
  background-color: var(--background-color-tertiary);
  cursor: not-allowed; }

.integrations-add-card__segment .Select.is-disabled > .Select-control:hover, .integrations-form__segment__input .Select.is-disabled > .Select-control:hover {
  box-shadow: none;
  cursor: not-allowed; }

.integrations-add-card__segment .Select.is-disabled .Select-arrow-zone, .integrations-form__segment__input .Select.is-disabled .Select-arrow-zone {
  cursor: not-allowed;
  pointer-events: none; }

.integrations-add-card__segment .is-error .Select-control, .integrations-form__segment__input .is-error .Select-control {
  border: 1px solid var(--base-color-error); }

.integrations-add-card__segment .Select-control, .integrations-form__segment__input .Select-control {
  background: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  border: 1px solid var(--border-color-default);
  color: var(--content-color-primary);
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 32px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

.integrations-add-card__segment .Select-control:hover, .integrations-form__segment__input .Select-control:hover {
  box-shadow: none;
  background: var(--background-color-tertiary); }

.integrations-add-card__segment .is-disabled .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label, .integrations-form__segment__input .is-disabled .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
  color: var(--content-color-secondary); }

.integrations-add-card__segment .Select-control:disabled, .integrations-form__segment__input .Select-control:disabled {
  cursor: not-allowed; }

.integrations-add-card__segment .Select-control:focus, .integrations-form__segment__input .Select-control:focus {
  box-shadow: none;
  background: var(--background-color-primary); }

.integrations-add-card__segment .Select-control .Select-input:focus, .integrations-form__segment__input .Select-control .Select-input:focus {
  outline: none;
  box-shadow: none;
  background: var(--background-color-primary); }

.integrations-add-card__segment .is-searchable.is-open > .Select-control, .integrations-form__segment__input .is-searchable.is-open > .Select-control {
  cursor: text; }

.integrations-add-card__segment .is-open > .Select-control, .integrations-form__segment__input .is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--background-color-primary);
  border-color: var(--border-color-default); }

.integrations-add-card__segment .is-open > .Select-control .Select-arrow, .integrations-form__segment__input .is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent var(--grey-50);
  border-width: 0 4px 4px; }

.integrations-add-card__segment .is-searchable.is-focused:not(.is-open) > .Select-control, .integrations-form__segment__input .is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.integrations-add-card__segment .is-focused:not(.is-open) > .Select-control, .integrations-form__segment__input .is-focused:not(.is-open) > .Select-control {
  border-color: transparent;
  box-shadow: none; }

.integrations-add-card__segment .Select--single > .Select-control .Select-value, .integrations-add-card__segment .Select-placeholder, .integrations-form__segment__input .Select--single > .Select-control .Select-value, .integrations-form__segment__input .Select-placeholder {
  bottom: 0;
  color: var(--content-color-tertiary);
  left: 0;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.integrations-add-card__segment .Select-input, .integrations-form__segment__input .Select-input {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  max-width: calc(100% - 24px);
  overflow: hidden; }

.integrations-add-card__segment .Select-input > input, .integrations-form__segment__input .Select-input > input {
  background: none transparent;
  border: 0;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 6px 0 10px;
  -webkit-appearance: none; }

.integrations-add-card__segment .is-focused .Select-input > input, .integrations-form__segment__input .is-focused .Select-input > input {
  cursor: text; }

.integrations-add-card__segment .Select-control:not(.is-searchable) > .Select-input, .integrations-form__segment__input .Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.integrations-add-card__segment .Select-loading-zone, .integrations-form__segment__input .Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center; }

.integrations-add-card__segment .Select-loading, .integrations-add-card__segment .Select-loading-zone, .integrations-form__segment__input .Select-loading, .integrations-form__segment__input .Select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px; }

.integrations-add-card__segment .Select-loading, .integrations-form__segment__input .Select-loading {
  -webkit-animation: Select-animation-spin .4s linear infinite;
  -o-animation: Select-animation-spin .4s infinite linear;
  animation: Select-animation-spin .4s linear infinite;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid var(--border-color-default);
  border-right-color: var(--content-color-primary);
  display: inline-block; }

.integrations-add-card__segment .Select-clear-zone, .integrations-form__segment__input .Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  -o-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: var(--grey-50);
  cursor: pointer;
  display: inline-block;
  position: absolute;
  bottom: 50%;
  right: 15px;
  transform: translateY(50%);
  width: 15px;
  height: 15px;
  margin-bottom: 1px; }

.integrations-add-card__segment .Select-clear-zone:hover, .integrations-form__segment__input .Select-clear-zone:hover {
  color: var(--grey-50); }

.integrations-add-card__segment .Select-clear, .integrations-form__segment__input .Select-clear {
  display: inline-block;
  font-size: 16px;
  line-height: 1; }

.integrations-add-card__segment .Select--multi .Select-clear-zone, .integrations-form__segment__input .Select--multi .Select-clear-zone {
  width: 15px; }

.integrations-add-card__segment .Select--multi .Select-multi-value-wrapper, .integrations-form__segment__input .Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.integrations-add-card__segment .Select .Select-aria-only, .integrations-form__segment__input .Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.integrations-add-card__segment .Select-arrow-zone, .integrations-form__segment__input .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  padding-right: 4px; }

.integrations-add-card__segment .Select-arrow, .integrations-form__segment__input .Select-arrow {
  border-color: var(--grey-50) transparent transparent;
  border-style: solid;
  border-width: 4px 4px 2px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.integrations-add-card__segment .is-open .Select-arrow, .integrations-add-card__segment .Select-arrow-zone:hover > .Select-arrow, .integrations-form__segment__input .is-open .Select-arrow, .integrations-form__segment__input .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: var(--grey-50); }

@-webkit-keyframes Select-animation-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.integrations-add-card__segment .Select--single.pm-select, .integrations-form__segment__input .Select--single.pm-select {
  font-size: 12px;
  height: 32px;
  width: 100%;
  max-width: 100%;
  margin: 0px; }

.integrations-add-card__segment .Select--single.pm-select .Select-value, .integrations-form__segment__input .Select--single.pm-select .Select-value {
  pointer-events: none; }

.integrations-add-card__segment .Select--multi.pm-select .Select-value, .integrations-form__segment__input .Select--multi.pm-select .Select-value {
  cursor: pointer;
  color: var(--content-color-secondary);
  border: var(--border-width-default) solid var(--border-color-default);
  border-radius: var(--border-radius-default);
  margin: var(--spacing-xs); }

.integrations-add-card__segment .Select--single.pm-select .Select-control, .integrations-form__segment__input .Select--single.pm-select .Select-control {
  display: inline-block;
  overflow: visible;
  max-width: 100%;
  width: auto;
  cursor: pointer; }

.integrations-add-card__segment .Select--single.pm-select .Select-control:hover, .integrations-form__segment__input .Select--single.pm-select .Select-control:hover {
  box-shadow: none; }

.integrations-add-card__segment .Select--single.pm-select .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select .Select-value, .integrations-form__segment__input .Select--single.pm-select .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select .Select-value {
  position: static;
  padding-right: 24px; }

.integrations-add-card__segment .Select--single.pm-select .Select-input, .integrations-form__segment__input .Select--single.pm-select .Select-input {
  top: 0;
  left: 0;
  position: absolute; }

.integrations-add-card__segment .Select--single.pm-select .Select-arrow-zone, .integrations-form__segment__input .Select--single.pm-select .Select-arrow-zone {
  top: 50%;
  right: 0;
  padding: 0;
  position: absolute;
  display: inline-block;
  transform: translateY(-50%); }

.integrations-add-card__segment .Select--single.pm-select .Select-menu-outer, .integrations-form__segment__input .Select--single.pm-select .Select-menu-outer {
  width: 100%;
  margin-top: 4px;
  min-width: 120px;
  max-width: 100%;
  max-height: 400px;
  border-radius: var(--border-radius-default);
  font-size: 14px; }

.integrations-add-card__segment .Select--single.pm-select .Select-menu, .integrations-form__segment__input .Select--single.pm-select .Select-menu {
  max-height: 398px; }

.integrations-add-card__segment .Select--single.pm-select .Select-option, .integrations-form__segment__input .Select--single.pm-select .Select-option {
  overflow: hidden;
  padding-left: 16px;
  padding-right: 32px;
  color: var(--content-color-primary);
  font-size: var(--text-size-s);
  white-space: nowrap;
  text-overflow: ellipsis; }

.integrations-add-card__segment .Select--multi.pm-select .Select-option, .integrations-form__segment__input .Select--multi.pm-select .Select-option {
  overflow: hidden;
  padding-left: 16px;
  padding-right: 32px;
  color: var(--content-color-primary);
  font-size: var(--text-size-s);
  white-space: nowrap;
  text-overflow: ellipsis; }

.integrations-add-card__segment .Select--multi.pm-select .Select-option:first-child, .integrations-form__segment__input .Select--multi.pm-select .Select-option:first-child {
  margin-top: 8px; }

.integrations-add-card__segment .Select--multi.pm-select .Select-option:last-child, .integrations-form__segment__input .Select--multi.pm-select .Select-option:last-child {
  margin-bottom: 8px; }

.integrations-add-card__segment .Select--multi.pm-select .Select-option:hover, .integrations-form__segment__input .Select--multi.pm-select .Select-option:hover {
  background: var(--background-color-tertiary);
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select--multi.pm-select .Select-option:active, .integrations-form__segment__input .Select--multi.pm-select .Select-option:active {
  background: var(--background-color-secondary); }

.integrations-add-card__segment .Select--multi.pm-select--align-right .Select-menu-outer, .integrations-form__segment__input .Select--multi.pm-select--align-right .Select-menu-outer {
  right: 0; }

.integrations-add-card__segment .Select-option .disabled-option, .integrations-form__segment__input .Select-option .disabled-option {
  color: var(--content-color-tertiary); }

.integrations-add-card__segment .Select--single.pm-select .Select-option:first-child, .integrations-form__segment__input .Select--single.pm-select .Select-option:first-child {
  margin-top: 8px; }

.integrations-add-card__segment .Select--single.pm-select .Select-option:last-child, .integrations-form__segment__input .Select--single.pm-select .Select-option:last-child {
  margin-bottom: 8px; }

.integrations-add-card__segment .Select--single.pm-select .Select-option:hover, .integrations-form__segment__input .Select--single.pm-select .Select-option:hover {
  background: var(--background-color-tertiary);
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select--single.pm-select .Select-option:active, .integrations-form__segment__input .Select--single.pm-select .Select-option:active {
  background: var(--background-color-secondary); }

.integrations-add-card__segment .Select--single.pm-select--align-right .Select-menu-outer, .integrations-form__segment__input .Select--single.pm-select--align-right .Select-menu-outer {
  right: 0; }

.integrations-add-card__segment .Select--single.pm-select--loading .Select-arrow, .integrations-form__segment__input .Select--single.pm-select--loading .Select-arrow {
  display: none; }

.integrations-add-card__segment .Select--single.pm-select .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select .Select-placeholder {
  color: var(--content-color-tertiary); }

.integrations-add-card__segment .Select--single.pm-select .Select-value, .integrations-form__segment__input .Select--single.pm-select .Select-value {
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select--single.pm-select-text, .integrations-form__segment__input .Select--single.pm-select-text {
  display: inline-block; }

.integrations-add-card__segment .Select--single.pm-select-text .Select-control, .integrations-form__segment__input .Select--single.pm-select-text .Select-control {
  background: none;
  border: thin solid transparent; }

.integrations-add-card__segment .Select--single.pm-select-text:not(.is-focused) .Select-control, .integrations-form__segment__input .Select--single.pm-select-text:not(.is-focused) .Select-control {
  border: none; }

.integrations-add-card__segment .Select--single.pm-select-text:not(.is-focused) .Select-control:hover, .integrations-form__segment__input .Select--single.pm-select-text:not(.is-focused) .Select-control:hover {
  box-shadow: none; }

.integrations-add-card__segment .Select--single.pm-select-text--dark .Select-control, .integrations-form__segment__input .Select--single.pm-select-text--dark .Select-control {
  border: thin solid transparent; }

.integrations-add-card__segment .Select--single.pm-select-text--dark .Select-arrow, .integrations-add-card__segment .Select--single.pm-select-text--dark .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select-text--dark .Select-value, .integrations-add-card__segment .Select--single.pm-select-text--dark:active .Select-arrow, .integrations-add-card__segment .Select--single.pm-select-text--dark:active .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select-text--dark:active .Select-value, .integrations-add-card__segment .Select--single.pm-select-text--dark:hover .Select-arrow, .integrations-add-card__segment .Select--single.pm-select-text--dark:hover .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select-text--dark:hover .Select-value, .integrations-form__segment__input .Select--single.pm-select-text--dark .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select-text--dark .Select-value, .integrations-form__segment__input .Select--single.pm-select-text--dark:active .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark:active .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select-text--dark:active .Select-value, .integrations-form__segment__input .Select--single.pm-select-text--dark:hover .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark:hover .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select-text--dark:hover .Select-value {
  color: var(--content-color-constant);
  border-top-color: var(--grey-00); }

.integrations-add-card__segment .Select--single.pm-select-text--dark.is-open .Select-arrow, .integrations-add-card__segment .Select--single.pm-select-text--dark.is-open:active .Select-arrow, .integrations-add-card__segment .Select--single.pm-select-text--dark.is-open:hover .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark.is-open .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark.is-open:active .Select-arrow, .integrations-form__segment__input .Select--single.pm-select-text--dark.is-open:hover .Select-arrow {
  border-bottom-color: var(--grey-00); }

.integrations-add-card__segment .Select--single .pm-select-loader, .integrations-form__segment__input .Select--single .pm-select-loader {
  position: absolute;
  top: 50%;
  right: var(--spacing-l);
  transform: translateY(-50%); }

.integrations-add-card__segment .Select--single.pm-select-md, .integrations-form__segment__input .Select--single.pm-select-md {
  font-size: 14px; }

.integrations-add-card__segment .Select--single.pm-select-md, .integrations-add-card__segment .Select--single.pm-select-md .Select-control, .integrations-add-card__segment .Select--single.pm-select-md .Select-input, .integrations-form__segment__input .Select--single.pm-select-md, .integrations-form__segment__input .Select--single.pm-select-md .Select-control, .integrations-form__segment__input .Select--single.pm-select-md .Select-input {
  height: 40px; }

.integrations-add-card__segment .Select--single.pm-select-md .Select-input, .integrations-add-card__segment .Select--single.pm-select-md .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select-md .Select-value, .integrations-form__segment__input .Select--single.pm-select-md .Select-input, .integrations-form__segment__input .Select--single.pm-select-md .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select-md .Select-value {
  line-height: 40px; }

.integrations-add-card__segment .Select--single.pm-select-lg, .integrations-form__segment__input .Select--single.pm-select-lg {
  font-size: 16px; }

.integrations-add-card__segment .Select--single.pm-select-lg, .integrations-add-card__segment .Select--single.pm-select-lg .Select-control, .integrations-add-card__segment .Select--single.pm-select-lg .Select-input, .integrations-form__segment__input .Select--single.pm-select-lg, .integrations-form__segment__input .Select--single.pm-select-lg .Select-control, .integrations-form__segment__input .Select--single.pm-select-lg .Select-input {
  height: 48px; }

.integrations-add-card__segment .Select--single.pm-select-lg .Select-input, .integrations-add-card__segment .Select--single.pm-select-lg .Select-placeholder, .integrations-add-card__segment .Select--single.pm-select-lg .Select-value, .integrations-form__segment__input .Select--single.pm-select-lg .Select-input, .integrations-form__segment__input .Select--single.pm-select-lg .Select-placeholder, .integrations-form__segment__input .Select--single.pm-select-lg .Select-value {
  line-height: 48px; }

.integrations-add-card__segment .Select--single.pm-select--block, .integrations-add-card__segment .Select--single.pm-select--block .Select-control, .integrations-form__segment__input .Select--single.pm-select--block, .integrations-form__segment__input .Select--single.pm-select--block .Select-control {
  width: 100%;
  max-width: 100%; }

.integrations-add-card__segment .Select--single.pm-select--block .Select-menu-outer, .integrations-form__segment__input .Select--single.pm-select--block .Select-menu-outer {
  width: 100%;
  max-width: none; }

.integrations-add-card__segment .Select--single.is-searchable .Select-control, .integrations-add-card__segment .Select--single.is-searchable .Select-multi-value-wrapper, .integrations-form__segment__input .Select--single.is-searchable .Select-control, .integrations-form__segment__input .Select--single.is-searchable .Select-multi-value-wrapper {
  display: block; }

.integrations-add-card__segment .react-16-dropdown, .integrations-form__segment__input .react-16-dropdown {
  display: inline-block; }

.integrations-add-card__segment .react-16-dropdown .trigger-renderer, .integrations-form__segment__input .react-16-dropdown .trigger-renderer {
  position: relative;
  padding: 8px; }

.integrations-add-card__segment .react-16-dropdown .trigger-renderer:focus, .integrations-form__segment__input .react-16-dropdown .trigger-renderer:focus {
  outline: none; }

.integrations-add-card__segment .react-16-dropdown.pm-dropdown--block, .integrations-add-card__segment .react-16-dropdown.pm-dropdown--block .trigger, .integrations-form__segment__input .react-16-dropdown.pm-dropdown--block, .integrations-form__segment__input .react-16-dropdown.pm-dropdown--block .trigger {
  display: block; }

.integrations-add-card__segment .react-16-dropdown.pm-dropdown--block .trigger-renderer, .integrations-form__segment__input .react-16-dropdown.pm-dropdown--block .trigger-renderer {
  width: 100%;
  display: block; }

.integrations-add-card__segment .react-16-dropdown.pm-more-options-dropdown .pm-btn__default-icon svg, .integrations-form__segment__input .react-16-dropdown.pm-more-options-dropdown .pm-btn__default-icon svg {
  height: 14px;
  width: 14px; }

.integrations-add-card__segment .react-16-dropdown.pm-dropdown-md .trigger-renderer, .integrations-form__segment__input .react-16-dropdown.pm-dropdown-md .trigger-renderer {
  font-size: 14px;
  line-height: 24px; }

.integrations-add-card__segment .react-16-dropdown.pm-dropdown-lg .trigger-renderer, .integrations-form__segment__input .react-16-dropdown.pm-dropdown-lg .trigger-renderer {
  font-size: 16px;
  line-height: 28px; }

.integrations-add-card__segment .react-16-dropdown-portal .option, .integrations-form__segment__input .react-16-dropdown-portal .option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.integrations-add-card__segment .react-16-dropdown-portal .menu, .integrations-form__segment__input .react-16-dropdown-portal .menu {
  padding: 8px 0;
  max-width: 300px;
  min-width: 120px;
  z-index: 100;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }

.integrations-add-card__segment .react-16-dropdown-portal .menu:focus, .integrations-add-card__segment .react-16-dropdown-portal .menu > div:focus, .integrations-form__segment__input .react-16-dropdown-portal .menu:focus, .integrations-form__segment__input .react-16-dropdown-portal .menu > div:focus {
  outline: none; }

.integrations-add-card__segment .Select-menu-outer, .integrations-form__segment__input .Select-menu-outer {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: var(--background-color-primary);
  border: 1px solid var(--border-color-default);
  border-top-color: var(--border-color-default);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.integrations-add-card__segment .Select-menu, .integrations-form__segment__input .Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.integrations-add-card__segment .Select-option, .integrations-form__segment__input .Select-option {
  box-sizing: border-box;
  background-color: var(--background-color-primary);
  color: var(--content-color-primary);
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.integrations-add-card__segment .Select-option:last-child, .integrations-form__segment__input .Select-option:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.integrations-add-card__segment .Select-option.is-selected, .integrations-form__segment__input .Select-option.is-selected {
  background-color: var(--background-color-primary);
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select-option.is-focused, .integrations-form__segment__input .Select-option.is-focused {
  background-color: var(--background-color-primary);
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select-option.is-disabled, .integrations-form__segment__input .Select-option.is-disabled {
  color: var(--content-color-tertiary);
  cursor: not-allowed; }

.integrations-add-card__segment .Select-noresults, .integrations-form__segment__input .Select-noresults {
  box-sizing: border-box;
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  cursor: default;
  display: block;
  padding: 8px 10px; }

.integrations-add-card__segment .Select--multi .Select-input, .integrations-form__segment__input .Select--multi .Select-input {
  vertical-align: middle;
  top: 0;
  left: 0;
  padding-left: 2px; }

.integrations-add-card__segment .Select--multi.has-value .Select-input, .integrations-form__segment__input .Select--multi.has-value .Select-input {
  margin-left: var(--spacing-xs);
  margin-top: var(--spacing-xs);
  height: var(--size-m);
  font-size: var(--text-size-m);
  line-height: var(--line-height-xxl);
  text-align: center; }

.integrations-add-card__segment .Select--multi .Select-value, .integrations-form__segment__input .Select--multi .Select-value {
  background-color: var(--background-color-primary);
  border-radius: 2px;
  border: 1px solid var(--blue-20);
  color: var(--blue-40);
  display: inline-block;
  font-size: var(--text-size-s);
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.integrations-add-card__segment .Select--multi .Select-value-icon, .integrations-add-card__segment .Select--multi .Select-value-label, .integrations-form__segment__input .Select--multi .Select-value-icon, .integrations-form__segment__input .Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
  color: var(--content-color-secondary); }

.integrations-add-card__segment .Select--multi .Select-value-label, .integrations-form__segment__input .Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.integrations-add-card__segment .Select--multi a.Select-value-label, .integrations-form__segment__input .Select--multi a.Select-value-label {
  color: var(--content-color-primary);
  text-decoration: none; }

.integrations-add-card__segment .Select--multi a.Select-value-label:hover, .integrations-form__segment__input .Select--multi a.Select-value-label:hover {
  text-decoration: underline; }

.integrations-add-card__segment .Select--multi .Select-value-icon, .integrations-form__segment__input .Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: var(--border-width-default) solid var(--border-color-default);
  padding: 1px 5px 3px; }

.integrations-add-card__segment .Select--multi .Select-value-icon:focus, .integrations-add-card__segment .Select--multi .Select-value-icon:hover, .integrations-form__segment__input .Select--multi .Select-value-icon:focus, .integrations-form__segment__input .Select--multi .Select-value-icon:hover {
  background-color: var(--background-color-primary);
  color: var(--content-color-primary); }

.integrations-add-card__segment .Select--multi .Select-value-icon:active, .integrations-form__segment__input .Select--multi .Select-value-icon:active {
  background-color: var(--blue-20); }

.integrations-add-card__segment .Select--multi.is-disabled .Select-value, .integrations-form__segment__input .Select--multi.is-disabled .Select-value {
  background-color: var(--background-color-primary);
  border: 1px solid var(--border-color-default);
  color: var(--content-color-secondary); }

.integrations-add-card__segment .Select--multi.is-disabled .Select-value-icon, .integrations-form__segment__input .Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid var(--border-color-default); }

.integrations-add-card__segment .Select--multi.is-disabled .Select-value-icon:active, .integrations-add-card__segment .Select--multi.is-disabled .Select-value-icon:focus, .integrations-add-card__segment .Select--multi.is-disabled .Select-value-icon:hover, .integrations-form__segment__input .Select--multi.is-disabled .Select-value-icon:active, .integrations-form__segment__input .Select--multi.is-disabled .Select-value-icon:focus, .integrations-form__segment__input .Select--multi.is-disabled .Select-value-icon:hover {
  background-color: var(--background-color-primary);
  cursor: not-allowed; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.no-edit-integration, .no-create-integration {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 10px 10px 20px;
  box-sizing: border-box; }
  .no-edit-integration__illustration-wrapper, .no-create-integration__illustration-wrapper {
    margin-bottom: 35px; }
  .no-edit-integration__title, .no-create-integration__title {
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-bottom: 20px; }
  .no-edit-integration__subtitle, .no-create-integration__subtitle {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    text-align: center;
    margin-bottom: 40px;
    max-width: 500px;
    line-height: var(--line-height-m); }

.no-edit-integration__illustration-wrapper--integrations .integrations-empty__illustration, .no-create-integration__illustration-wrapper--integrations .integrations-empty__illustration {
  display: block;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJlbXB0eS1zdGF0ZS9hbGVydCI+CjxwYXRoIGlkPSJDbG91ZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTIuOTI1IDM4MC4xMTlDMzMzLjQ0OSAzODAuMTE5IDM5OC43MjYgMzE0LjkwNyAzOTguNzI2IDIzNC40NjVDMzk4LjcyNiAxNTcuMyAzMzguNjU5IDk0LjE1MDQgMjYyLjY4NyA4OS4xMzMyQzI0NC45IDQ3LjMyMTMgMjAzLjQxMSAxOCAxNTUuMDY3IDE4QzkwLjUxNTMgMTggMzguMTg1NiA3MC4yNzY4IDM4LjE4NTYgMTM0Ljc2M0MzOC4xODU2IDE0MS41OTMgMzguNzcyNiAxNDguMjg2IDM5Ljg5ODkgMTU0Ljc5NEMxNS44ODYyIDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NUMwIDI3Ni4yNzQgMzkuMTEyMyAzMTUuMzQ3IDg3LjM1OTkgMzE1LjM0N0MxMDEuMjYzIDMxNS4zNDcgMTE0LjQwOSAzMTIuMTAyIDEyNi4wNzggMzA2LjMyOUMxNTEuMTQ3IDM1MC4zOTYgMTk4LjU2MSAzODAuMTE5IDI1Mi45MjUgMzgwLjExOVoiIGZpbGw9IiNGMEYwRjAiLz4KPGcgaWQ9IkdyYXBoaWMiPgo8ZyBpZD0iR3JvdXAgNyI+CjxwYXRoIGlkPSJGaWxsIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjE0LjEzMSAxMDIuODExTDMxNi45NzYgMjgwLjkxOEMzMTkuOTM5IDI4NS45OTMgMzE5Ljk1MyAyOTIuMjY2IDMxNy4wMTQgMjk3LjM1NUMzMTQuMDc1IDMwMi40NDMgMzA4LjYzMyAzMDUuNTY1IDMwMi43NTcgMzA1LjUzNUg5Ny4wNzZDOTEuMjAyNSAzMDUuNTY4IDg1Ljc2MTQgMzAyLjQ1MiA4Mi44MTg5IDI5Ny4zNjhDNzkuODc2MyAyOTIuMjg0IDc5Ljg4MzQgMjg2LjAxNCA4Mi44Mzc2IDI4MC45MzdMMTg1LjY4MyAxMDIuODNDMTg4LjU4OSA5Ny43MTQ4IDE5NC4wMTggOTQuNTUzMiAxOTkuOTAxIDk0LjU0OTJDMjA1Ljc4NSA5NC41NDUzIDIxMS4yMTcgOTcuNjk5NyAyMTQuMTMxIDEwMi44MTFaIiBmaWxsPSIjNTk1NjY4Ii8+CjxwYXRoIGlkPSJGaWxsIDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEzLjk4MSAyNzkuMzg3TDE5OS45MTIgMTMwLjUzOEwyODUuODUyIDI3OS4zODdIMTEzLjk4MVoiIGZpbGw9IiNBOUJCQkYiLz4KPHBhdGggaWQ9IkZpbGwgNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuMDQxIDE3MC41NDlIMTk5LjA0MUMyMDQuNzA2IDE3MC41NDkgMjA5LjI5OCAxNzUuMTI0IDIwOS4yOTggMTgwLjc2OFYyMjIuMUMyMDkuMjk4IDIyNy43NDQgMjA0LjcwNiAyMzIuMzE5IDE5OS4wNDEgMjMyLjMxOUgxOTkuMDQxQzE5My4zNzUgMjMyLjMxOSAxODguNzgzIDIyNy43NDQgMTg4Ljc4MyAyMjIuMVYxODAuNzY4QzE4OC43ODMgMTc1LjEyNCAxOTMuMzc1IDE3MC41NDkgMTk5LjA0MSAxNzAuNTQ5WiIgZmlsbD0iIzU5NTY2OCIvPgo8cGF0aCBpZD0iRmlsbCA2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOS45NTMgMjQ5LjgzMUMyMDkuOTUzIDI1NS44NTUgMjA1LjA2OSAyNjAuNzM5IDE5OS4wNDUgMjYwLjczOUMxOTMuMDIxIDI2MC43MzkgMTg4LjEzOCAyNTUuODU1IDE4OC4xMzggMjQ5LjgzMUMxODguMTM4IDI0My44MDcgMTkzLjAyMSAyMzguOTIzIDE5OS4wNDUgMjM4LjkyM0MyMDUuMDY5IDIzOC45MjMgMjA5Ljk1MyAyNDMuODA3IDIwOS45NTMgMjQ5LjgzMVoiIGZpbGw9IiM1OTU2NjgiLz4KPC9nPgo8ZyBpZD0iR3JvdXAgMTAiPgo8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE5OSIgeT0iOTQiIHdpZHRoPSIxMjEiIGhlaWdodD0iMjEyIj4KPHBhdGggaWQ9IkNsaXAgOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTkuNDY5IDk0LjYzODJIMzE5LjE2OFYzMDUuNTY0SDE5OS40NjlWOTQuNjM4MloiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cGF0aCBpZD0iRmlsbCA4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxNi45NjYgMjgwLjkzN0wyMTQuMTIxIDEwMi44M0MyMTEuMTMyIDk3LjU5NjQgMjA1LjQ5MiA5NC40NDY2IDE5OS40NjkgOTQuNjQ3MlYzMDUuNTY0SDMwMi43NTdDMzA4LjYyMiAzMDUuNTYzIDMxNC4wNCAzMDIuNDMzIDMxNi45NzEgMjk3LjM1M0MzMTkuOTAyIDI5Mi4yNzMgMzE5LjkwMSAyODYuMDE1IDMxNi45NjYgMjgwLjkzN1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K); }

.integration-runs-page-modal {
  height: 174px; }
  .integration-runs-page-modal .modal-footer {
    flex: 0 0 72px;
    padding: var(--spacing-l) var(--spacing-xl); }
  .integration-runs-page-modal .modal-content {
    padding: var(--spacing-l) var(--spacing-xl); }
  .integration-runs-page-modal .modal-header .modal-header-close-button-wrapper {
    display: none; }

.integrations-page-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow-x: auto;
  height: 100%;
  color: var(--content-color-primary);
  flex: 1;
  overflow-y: scroll;
  padding: var(--spacing-xxl) var(--spacing-xxl); }

.team-details-widget {
  margin-top: var(--spacing-xxl); }
  .team-details-widget ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .team-details-widget-team-logo-container {
    height: 100px;
    width: 100px;
    background: var(--background-color-primary);
    display: grid;
    place-content: center;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    border: 1px solid var(--border-color-default);
    border-radius: 4px; }
    .team-details-widget-team-logo-container .team-details-widget-team-logo {
      width: 56px;
      object-fit: contain; }
  .team-details-widget-details {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: var(--spacing-s);
    width: 250px; }
    .team-details-widget-details__name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-size-xxl);
      line-height: var(--line-height-xxl);
      font-weight: var(--text-weight-medium);
      color: var(--content-color-primary);
      text-decoration: none; }
    .team-details-widget-details__domain {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      margin-top: var(--spacing-s); }
  .team-details-widget-members-container {
    display: flex;
    margin-top: var(--spacing-s); }
    .team-details-widget-members-container .team-details-widget-invite-button {
      width: 69px;
      height: 32px;
      margin-left: var(--spacing-s);
      background-color: var(--base-color-info);
      color: var(--content-color-constant); }
      .team-details-widget-members-container .team-details-widget-invite-button .pm-icon {
        margin-right: var(--spacing-xs); }
      .team-details-widget-members-container .team-details-widget-invite-button svg path {
        fill: var(--content-color-constant); }
      .team-details-widget-members-container .team-details-widget-invite-button:hover {
        background-color: var(--highlight-background-color-info); }
        .team-details-widget-members-container .team-details-widget-invite-button:hover svg path {
          fill: var(--content-color-constant); }
    .team-details-widget-members-container .team-details-widget-members-avatar-list {
      display: flex; }
      .team-details-widget-members-container .team-details-widget-members-avatar-list > * + * {
        margin-left: -8px; }
      .team-details-widget-members-container .team-details-widget-members-avatar-list .team-details-widget-members-avatar-list-item {
        border: 1px solid var(--background-color-primary);
        border-radius: 32px;
        height: 32px; }
        .team-details-widget-members-container .team-details-widget-members-avatar-list .team-details-widget-members-avatar-list-item:nth-child(2) {
          z-index: 1; }
      .team-details-widget-members-container .team-details-widget-members-avatar-list .team-details-widget-members-show-more {
        cursor: pointer;
        width: 32px;
        height: 32px;
        display: grid;
        place-content: center;
        background: var(--background-color-tertiary);
        color: var(--content-color-secondary); }
        .team-details-widget-members-container .team-details-widget-members-avatar-list .team-details-widget-members-show-more-text {
          font-weight: var(--text-weight-medium);
          font-size: 11px;
          line-height: 16px; }

.team-details-widget-members-list {
  list-style: none;
  padding: 8px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 192px;
  color: var(--content-color-primary); }
  .team-details-widget-members-list-title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }
  .team-details-widget-members-list-item {
    display: flex;
    align-items: center;
    height: 48px; }
    .team-details-widget-members-list-item__name {
      padding: 0 var(--spacing-s);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      max-width: 132px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .team-details-widget-members-list-team-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--spacing-s);
    font-weight: var(--text-weight-medium);
    font-size: 11px;
    line-height: 12px;
    color: var(--content-color-link); }
    .team-details-widget-members-list-team-link i {
      margin-left: var(--spacing-s); }
      .team-details-widget-members-list-team-link i svg path {
        fill: var(--content-color-link); }

.empty-greeting-shell {
  display: flex;
  justify-content: center;
  flex-direction: column;
  animation: fade 1s ease-in-out infinite;
  overflow: hidden;
  margin-bottom: var(--spacing-l); }
  .empty-greeting-shell__title {
    height: var(--size-s);
    width: calc(6 * var(--size-m));
    border-radius: var(--border-radius-default);
    background-color: var(--background-color-tertiary); }
  .empty-greeting-shell__subText {
    height: 12px;
    width: 350px;
    border-radius: var(--border-radius-default);
    margin-top: 12px;
    background-color: var(--background-color-tertiary); }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.homepage-greetings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  width: 100%;
  margin-bottom: var(--spacing-xxl); }
  .homepage-greetings .homepage-greeting-header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxxl);
    line-height: var(--line-height-xxxl);
    display: flex;
    color: var(--content-color-primary);
    word-break: break-word; }
  .homepage-greetings .homepage-greeting-body {
    display: flex;
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    margin-top: var(--spacing-s);
    color: var(--content-color-secondary); }

.homepage-team-apis {
  margin-bottom: var(--spacing-xxl); }
  .homepage-team-apis-header {
    display: flex; }
    .homepage-team-apis-header-title {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xxl);
      line-height: var(--line-height-xxl);
      margin: var(--spacing-zero);
      color: var(--content-color-primary); }
    .homepage-team-apis-header-explore {
      background: none;
      border: none;
      align-self: center;
      color: var(--content-color-link);
      margin-left: var(--spacing-l);
      font-size: 11px;
      line-height: 12px; }
      .homepage-team-apis-header-explore i {
        vertical-align: text-bottom;
        margin-left: var(--spacing-s); }
        .homepage-team-apis-header-explore i svg use {
          fill: var(--content-color-link); }
  .homepage-team-apis-cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 260px);
    grid-row: auto;
    grid-column-gap: var(--spacing-xxl);
    grid-row-gap: var(--spacing-l);
    margin-top: var(--spacing-l); }
    .homepage-team-apis-cards__card {
      box-sizing: border-box;
      border: 0.5px solid var(--border-color-default);
      min-height: 160px;
      border-radius: 4px;
      padding: 20px 24px;
      cursor: pointer; }
      .homepage-team-apis-cards__card:hover {
        background-color: var(--background-color-secondary); }
      .homepage-team-apis-cards__card-name {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        margin: 0 0 4px 0;
        word-break: break-word;
        display: -webkit-box;
        color: var(--content-color-primary);
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .homepage-team-apis-cards__card-metric {
        display: flex;
        margin-bottom: 8px; }
        .homepage-team-apis-cards__card-metric-versions {
          color: var(--content-color-tertiary);
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          margin: 0 var(--spacing-l) 0 0; }
        .homepage-team-apis-cards__card-metric-views {
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          color: var(--content-color-tertiary);
          margin: 0; }
      .homepage-team-apis-cards__card-description {
        color: var(--content-color-secondary);
        overflow: hidden;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin: 0;
        display: -webkit-box;
        word-break: break-word;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }

.homepage-get-started {
  margin-bottom: var(--spacing-xxl); }
  .homepage-get-started-header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    color: var(--content-color-primary);
    margin-top: 0; }
  .homepage-get-started-cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 260px);
    grid-row: auto;
    grid-column-gap: var(--spacing-xxl);
    grid-row-gap: var(--spacing-l);
    margin-top: var(--spacing-l); }
    .homepage-get-started-cards__manage {
      display: flex;
      width: 300px;
      align-items: center; }
    .homepage-get-started-cards__badge {
      margin-left: var(--spacing-s);
      margin-bottom: var(--spacing-xs); }
    .homepage-get-started-cards__card {
      box-sizing: border-box;
      border: 0.5px solid var(--border-color-default);
      height: 160px;
      border-radius: 4px;
      padding: 20px 24px; }
      .homepage-get-started-cards__card-name {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        margin: 0 0 4px 0;
        color: var(--content-color-primary); }
      .homepage-get-started-cards__card-description {
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin: 0;
        height: 60px;
        color: var(--content-color-secondary); }
      .homepage-get-started-cards__card-button {
        display: flex;
        margin-top: 16px;
        font-weight: var(--text-weight-regular);
        font-size: var(--text-size-m);
        line-height: var(--line-height-s);
        padding: 0;
        color: var(--content-color-link);
        border: none;
        background: none; }
        .homepage-get-started-cards__card-button i {
          vertical-align: middle;
          margin-left: var(--spacing-s); }
          .homepage-get-started-cards__card-button i svg use {
            fill: var(--content-color-link); }
      .homepage-get-started-cards__card .is-disabled {
        opacity: 0.5;
        cursor: progress; }

.homepage-get-started-empty {
  margin: 24px 0;
  max-width: 584px;
  animation: fade 2s ease-in-out infinite; }
  .homepage-get-started-empty-header {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    height: 16px;
    width: 50%;
    background-color: var(--background-color-tertiary); }
  .homepage-get-started-empty-cards {
    width: 100%;
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-row: auto;
    grid-column-gap: var(--spacing-xxl);
    grid-row-gap: var(--spacing-l);
    margin-top: var(--spacing-l); }
    .homepage-get-started-empty-cards__card {
      box-sizing: border-box;
      border: 0.5px solid var(--border-color-default);
      height: 160px;
      border-radius: 4px;
      padding: 20px 24px; }
      .homepage-get-started-empty-cards__card-name {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        width: 100%;
        margin: 0 0 8px 0;
        height: 12px;
        margin-bottom: var(--spacing-l);
        background-color: var(--background-color-tertiary); }
      .homepage-get-started-empty-cards__card-description {
        color: var(--content-color-secondary);
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin: 0;
        width: 100%;
        height: 32px;
        background-color: var(--background-color-tertiary); }

.homepage-empty {
  display: flex;
  width: 100%;
  height: 100%;
  animation: fade 2s ease-in-out infinite; }
  .homepage-empty-left {
    flex: 0 0 320px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: var(--spacing-l);
    padding: var(--spacing-xxl);
    border-radius: var(--border-radius-default);
    margin: calc(2 * var(--spacing-xxxl)) var(--spacing-l);
    border: var(--border-width-default) solid var(--border-color-default);
    position: relative; }
    .homepage-empty-left-pic {
      width: calc(2 * var(--spacing-xxxl));
      height: calc(2 * var(--spacing-xxxl));
      position: absolute;
      top: 0;
      transform: translateY(-50%);
      border: var(--border-width-default) solid var(--border-color-default);
      border-radius: var(--border-radius-default);
      background-color: var(--background-color-tertiary); }
    .homepage-empty-left-list {
      height: var(--size-m);
      font-size: var(--text-size-m);
      line-height: var(--line-height-l);
      color: var(--content-color-primary);
      width: 80%;
      margin-top: var(--spacing-xxl);
      background-color: var(--background-color-tertiary); }
  .homepage-empty-middle {
    flex: 3;
    margin: var(--spacing-zero) var(--spacing-l);
    height: 100%;
    padding: var(--spacing-xxl) var(--spacing-l); }
    .homepage-empty-middle-workspace {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .homepage-empty-middle-workspace-list {
        height: var(--size-m);
        width: 90%;
        background-color: var(--background-color-tertiary);
        margin-top: var(--spacing-l); }
  .homepage-empty-right {
    flex: 2;
    height: 100%;
    max-width: 600px;
    display: flex;
    margin-right: var(--spacing-xxl);
    flex-direction: column; }
    .homepage-empty-right-pending-task {
      height: calc(3 * var(--spacing-xxxl));
      width: 100%;
      border-radius: var(--border-radius-default);
      background-color: var(--background-color-tertiary);
      margin-top: var(--spacing-xxl); }
    .homepage-empty-right-activity-feed {
      height: 80%;
      width: 100%;
      margin-top: var(--spacing-xxl); }
      .homepage-empty-right-activity-feed-list {
        height: var(--size-m);
        width: 100%;
        border-radius: var(--border-radius-default);
        background-color: var(--background-color-tertiary);
        margin-top: var(--spacing-l); }

.external-links-widget-container .external-links {
  list-style-type: none;
  padding-top: var(--spacing-m);
  padding-left: 0;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0; }
  .external-links-widget-container .external-links .external-link {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    display: flex;
    align-items: center;
    cursor: pointer; }
    .external-links-widget-container .external-links .external-link__text {
      margin-left: var(--spacing-s); }
  .external-links-widget-container .external-links > * + * {
    margin-top: var(--spacing-m); }

.sidebar-discoverable-teams-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 256px; }
  .sidebar-discoverable-teams-widget svg {
    margin-bottom: var(--spacing-l); }
  .sidebar-discoverable-teams-widget-title {
    font-size: var(--text-size-l);
    line-height: var(--text-size-xxxl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    text-align: center; }
  .sidebar-discoverable-teams-widget-subtitle {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    margin-bottom: var(--spacing-xl);
    text-align: center; }
  .sidebar-discoverable-teams-widget-bottom-divider {
    border-top: var(--border-width-default) var(--border-style) var(--border-color-default);
    margin-top: var(--spacing-xxl);
    height: 1px;
    width: 100%; }
  .sidebar-discoverable-teams-widget-actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sidebar-discoverable-teams-widget-actions--view-more {
      font-size: var(--text-size-m);
      line-height: var(--text-size-xl); }
    .sidebar-discoverable-teams-widget-actions--create-team {
      color: var(--content-color-secondary);
      width: 122px;
      height: 32px; }
      .sidebar-discoverable-teams-widget-actions--create-team i {
        margin-right: 8px; }
  .sidebar-discoverable-teams-widget-actions--center {
    justify-content: center; }

.sidebar-discoverable-teams {
  margin-top: 20px;
  padding: 0;
  width: 100%; }
  .sidebar-discoverable-teams > * + * {
    margin-top: var(--spacing-s); }
  .sidebar-discoverable-teams--title {
    font-weight: 600;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary);
    text-align: center;
    margin-bottom: 20px; }
  .sidebar-discoverable-teams--team {
    cursor: pointer;
    display: flex;
    list-style-type: none;
    padding: 8px;
    height: 42px;
    background: var(--background-color-primary);
    box-sizing: border-box;
    border-radius: 4px;
    align-items: center; }
  .sidebar-discoverable-teams--team-icon {
    width: 32px;
    object-fit: contain; }
  .sidebar-discoverable-teams--team-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    margin-left: 8px;
    color: var(--content-color-primary);
    max-width: 184px; }

.homepage-pending-tasks {
  margin-bottom: var(--spacing-xxl); }
  .homepage-pending-tasks-heading {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-l); }
  .homepage-pending-tasks-pending-invites {
    border: 0.5px solid var(--border-color-default);
    box-sizing: border-box;
    border-radius: var(--border-radius-default);
    display: flex;
    padding: var(--spacing-l);
    min-width: 320px;
    margin-bottom: var(--spacing-s); }
    .homepage-pending-tasks-pending-invites .pm-link {
      text-decoration: none;
      color: var(--content-color-primary);
      font-weight: var(--text-weight-regular); }
    @media only screen and (min-width: 2200px) {
      .homepage-pending-tasks-pending-invites {
        width: 552px; } }
    .homepage-pending-tasks-pending-invites .avatar {
      margin-right: var(--spacing-s); }
    .homepage-pending-tasks-pending-invites-info {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .homepage-pending-tasks-pending-invites-info-description {
        color: var(--content-color-secondary);
        word-break: break-word;
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        margin: var(--spacing-zero) var(--spacing-zero) var(--spacing-s) var(--spacing-zero); }
        .homepage-pending-tasks-pending-invites-info-description:hover a {
          color: var(--content-color-link); }
        .homepage-pending-tasks-pending-invites-info-description a {
          text-decoration: none;
          color: var(--content-color-primary);
          font-weight: var(--text-weight-regular); }
          .homepage-pending-tasks-pending-invites-info-description a:hover {
            text-decoration: underline; }
        .homepage-pending-tasks-pending-invites-info-description p {
          margin-bottom: var(spacing-xs); }
      .homepage-pending-tasks-pending-invites-info-actions {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .homepage-pending-tasks-pending-invites-info-actions-time {
          color: var(--content-color-tertiary);
          font-size: var(--text-size-m);
          line-height: var(--line-height-m); }
        .homepage-pending-tasks-pending-invites-info-actions-text {
          font-size: var(--text-size-m);
          line-height: var(--line-height-s);
          padding: var(--spacing-s) 10px; }
      .homepage-pending-tasks-pending-invites-info-close {
        margin: -8px 0 0 -4px; }

.homepage-team-activity-feed {
  position: relative;
  margin-bottom: var(--spacing-xxl);
  flex: 2; }
  .homepage-team-activity-feed .loading-indicator-wrapper {
    text-align: center; }
  .homepage-team-activity-feed .workspace-activity-feed-date-group-wrapper .workspace-activity-item-wrapper {
    font-size: 12px; }
    .homepage-team-activity-feed .workspace-activity-feed-date-group-wrapper .workspace-activity-item-wrapper a {
      word-break: break-word; }
  .homepage-team-activity-feed-end {
    color: var(--content-color-secondary);
    text-align: center;
    margin: var(--spacing-l) 0; }
  .homepage-team-activity-feed-title {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium); }
  .homepage-team-activity-feed-items {
    list-style: none;
    padding: 0;
    margin: var(--spacing-l) 0 0 0;
    position: relative; }
    .homepage-team-activity-feed-items > * + * {
      margin-top: var(--spacing-xxl); }
    .homepage-team-activity-feed-items::before {
      position: absolute;
      content: "";
      height: 100%;
      border-left: 1px solid var(--highlight-background-color-primary);
      left: var(--spacing-l);
      top: var(--spacing-xxl);
      z-index: -1; }
  .homepage-team-activity-feed-item {
    display: flex;
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-primary); }
    .homepage-team-activity-feed-item-details-container {
      margin-left: var(--spacing-l);
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .homepage-team-activity-feed-item-details-container a {
        text-decoration: none;
        color: var(--content-color-link);
        font-weight: var(--text-weight-regular);
        word-break: break-word; }
      .homepage-team-activity-feed-item-details-container p {
        margin-top: 0;
        margin-bottom: 4px; }
        .homepage-team-activity-feed-item-details-container p strong {
          font-weight: 600; }
    .homepage-team-activity-feed-item__description {
      margin-top: 0;
      margin-bottom: 0;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary);
      max-width: 272px;
      overflow-wrap: break-word; }
    .homepage-team-activity-feed-item__time {
      margin-top: var(--spacing-xs);
      color: var(--content-color-secondary);
      margin-bottom: 0; }
    .homepage-team-activity-feed-item .homepage-team-activity-feed-item-entity-link,
    .homepage-team-activity-feed-item .pm-link {
      cursor: pointer;
      color: var(--content-color-primary); }
      .homepage-team-activity-feed-item .homepage-team-activity-feed-item-entity-link:hover,
      .homepage-team-activity-feed-item .pm-link:hover {
        color: var(--content-color-link);
        text-decoration: none; }
  .homepage-team-activity-feed .workspace-activity-item-heading {
    word-break: break-word; }

.homepage-recent-workspaces {
  margin-bottom: var(--spacing-xxl); }
  .homepage-recent-workspaces .recent-workspaces-list {
    width: 100%; }
  .homepage-recent-workspaces .recent-workspaces-list-items {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .homepage-recent-workspaces .recent-workspaces-list-items .recent-workspaces-list-item {
      min-width: 0;
      border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
      .homepage-recent-workspaces .recent-workspaces-list-items .recent-workspaces-list-item:hover {
        background-color: var(--highlight-background-color-primary); }

.resource-usage {
  border: 1px solid var(--border-color-default);
  border-radius: 4px;
  padding: var(--spacing-xl);
  width: 272px;
  margin-top: var(--spacing-xxl); }
  .resource-usage__heading {
    font-size: var(--text-size-xxl);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-primary);
    margin-top: 0px; }
  .resource-usage__limit-reset-date {
    font-size: var(--text-size-s);
    color: var(--content-color-tertiary);
    margin-bottom: var(--spacing-l);
    line-height: var(--line-height-m); }
  .resource-usage__body .team-usage-container {
    border: none;
    padding: 0; }
  .resource-usage__view-all-link {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    margin-top: var(--spacing-l);
    padding: 0;
    color: var(--content-color-link);
    border: none;
    background: none; }

.announcement {
  position: relative;
  margin-bottom: var(--spacing-xxl); }
  .announcement-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--text-size-xxl);
    color: var(--content-color-primary);
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-xxl); }
  .announcement-toggle-action {
    padding: 0 var(--spacing-s);
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-m);
    color: var(--content-color-link);
    cursor: pointer; }
  .announcement-show-more {
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-m);
    text-align: center;
    font-size: var(--text-size-m);
    font-weight: var(--text-weight-medium);
    color: var(--content-color-link);
    cursor: pointer; }
  .announcement-list {
    margin: var(--spacing-m) 0 var(--spacing-xl) 0; }
    .announcement-list__left {
      margin-top: var(--spacing-m);
      position: relative;
      width: 32px;
      height: 32px; }
      .announcement-list__left-category {
        width: 20px;
        height: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute;
        left: 18px;
        top: 18px;
        background-color: var(--background-color-secondary);
        border-radius: 50%; }
    .announcement-list__right {
      margin: var(--spacing-s) 0 0 var(--spacing-l); }
    .announcement-list__item {
      display: flex;
      margin-bottom: var(--spacing-l);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }
      .announcement-list__item--title, .announcement-list__item--summary, .announcement-list__item--meta {
        display: flex;
        align-items: center;
        color: var(--content-color-secondary); }
      .announcement-list__item--title {
        display: inline; }
      .announcement-list__item--new {
        margin-left: var(--spacing-s); }
      .announcement-list__item--meta {
        margin-top: var(--spacing-xs); }
      .announcement-list__item--meta_separator {
        color: var(--content-color-tertiary);
        display: inline-block;
        margin: 0 var(--spacing-xs); }
      .announcement-list__item--summary {
        overflow: hidden;
        display: -webkit-box;
        margin: var(--spacing-xs) 0;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .announcement-list__item--action {
        margin-top: var(--spacing-s); }
    .announcement-list--new {
      color: var(--base-color-brand);
      font-size: var(--text-size-s);
      margin-left: var(--spacing-xs); }

.hp-signed-out-old {
  display: flex;
  flex-direction: column;
  background: var(--background-color-tertiary);
  height: 100%; }
  .hp-signed-out-old-gap {
    width: var(--spacing-s); }
  .hp-signed-out-old-container {
    display: flex;
    height: 100vh; }
  .hp-signed-out-old-content-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 0 0 382px;
    padding: 0 var(--spacing-xxxl);
    background: var(--background-color-primary); }
    .hp-signed-out-old-content-left-main {
      height: 212px; }
    .hp-signed-out-old-content-left-logo {
      display: block;
      width: 160px;
      height: 64px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, );
      position: absolute;
      top: var(--spacing-xxxl);
      left: 40px; }
    .hp-signed-out-old-content-left-heading {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xxxl);
      line-height: var(--line-height-xl);
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-xl); }
    .hp-signed-out-old-content-left-btn-signin {
      margin-top: var(--spacing-l); }
    .hp-signed-out-old-content-left-btn-grp {
      display: flex;
      flex-direction: column; }
      .hp-signed-out-old-content-left-btn-grp > div {
        height: var(--spacing-xxl); }
    .hp-signed-out-old-content-left-skip {
      position: absolute;
      bottom: var(--spacing-xxxl);
      left: var(--spacing-xxxl);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }
      .hp-signed-out-old-content-left-skip-btn {
        font-weight: var(--text-weight-regular);
        padding-left: var(--spacing-xs); }
  .hp-signed-out-old-content-right {
    display: flex;
    flex: 2 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .hp-signed-out-old-content-right-main {
      width: max-content;
      height: 212px; }
    .hp-signed-out-old-content-right-heading {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-xxxl);
      line-height: var(--line-height-xl);
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-xl); }
    .hp-signed-out-old-content-right-benefit {
      display: flex;
      align-items: center;
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-primary);
      margin-bottom: var(--spacing-l); }
    .hp-signed-out-old-content-right-img {
      position: absolute;
      bottom: var(--spacing-xxl);
      right: var(--spacing-xxl);
      display: block;
      width: 320px;
      height: 200px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64, ); }

.page-offline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  flex-direction: column; }
  .page-offline__icon-container {
    height: calc(var(--size-xs) * 3.5);
    width: calc(var(--size-xs) * 3.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: var(--spacing-l);
    background: var(--background-color-tertiary); }
    .page-offline__icon-container--icon,
    .page-offline__icon-container--icon > svg {
      height: var(--size-m);
      width: var(--size-m); }
  .page-offline__title {
    font-weight: 600;
    font-size: var(--text-size-l);
    color: var(--content-color-primary);
    margin-bottom: var(--spacing-s); }
  .page-offline__subtitle {
    font-weight: 400;
    font-size: var(--text-size-m);
    color: var(--content-color-secondary); }

.upgrade-plan-modal-content {
  padding: var(--size-xs);
  text-align: center; }
  .upgrade-plan-modal-content-close-icon {
    position: absolute;
    top: var(--spacing-l);
    right: var(--spacing-l); }
  .upgrade-plan-modal-content-heading {
    margin: var(--spacing-s); }
  .upgrade-plan-modal-content-loader {
    margin-bottom: var(--spacing-m); }
  .upgrade-plan-modal-content-text {
    margin-top: var(--spacing-zero);
    margin-bottom: var(--spacing-l); }
  .upgrade-plan-modal-content-illustration {
    margin: var(--size-m) auto calc(var(--spacing-s)) auto; }
  .upgrade-plan-modal-content-action-primary {
    width: 126px;
    display: flex;
    margin: auto auto var(--spacing-m) auto; }
  .upgrade-plan-modal-content-action-outline {
    width: 126px; }

.enable-auto-flex__action {
  display: flex;
  justify-content: center;
  align-items: center; }
  .enable-auto-flex__action-cancel {
    margin-right: var(--spacing-s); }
  .enable-auto-flex__action-proceed {
    min-width: 140px; }

.enable-auto-flex__checkbox.is-selected {
  background-color: var(--base-color-brand); }

.enable-auto-flex__checkbox-wrapper {
  display: flex;
  margin-top: var(--spacing-xl); }

.enable-auto-flex__checkbox-label {
  margin-left: var(--spacing-s);
  color: var(--content-color-secondary); }

.team-discovery-modal {
  padding: 0px;
  position: relative; }
  .team-discovery-modal__dismiss-icon {
    position: absolute;
    right: var(--spacing-xl);
    top: var(--spacing-xl);
    padding: 0 var(--spacing-xs);
    cursor: pointer; }
  .team-discovery-modal__illustration {
    text-align: center;
    padding: var(--spacing-xxxl) 0;
    background-color: var(--background-color-secondary); }
  .team-discovery-modal__content {
    margin: var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl); }
    .team-discovery-modal__content-preview {
      margin-top: var(--spacing-l);
      margin-bottom: var(--spacing-s);
      font-size: var(--text-size-m); }
      .team-discovery-modal__content-preview-team-info {
        margin-top: var(--spacing-m); }
        .team-discovery-modal__content-preview-team-info .team-name {
          font-weight: var(--text-weight-bold);
          color: var(--content-color-primary); }
    .team-discovery-modal__content .pm-link {
      color: var(--content-color-secondary);
      text-decoration: underline; }

.toast .team-discovery-enabled-content .toast-body a {
  color: var(--content-color-primary);
  text-decoration: underline; }

.toast .toast-actions .enable-team-discovery-action {
  width: 150px; }

.userprefs-container {
  color: var(--content-color-primary);
  font-size: var(--text-size-l); }
  .userprefs-container .input,
  .userprefs-container .input::placeholder {
    font-size: var(--text-size-l); }
  .userprefs-container .userprefs-container__form {
    max-width: 568px;
    margin: 40px auto 24px;
    position: relative;
    display: flex;
    flex-direction: column; }
    .userprefs-container .userprefs-container__form .input {
      font-size: var(--text-size-l); }
    .userprefs-container .userprefs-container__form_user-profile {
      display: flex;
      justify-content: space-between; }
      .userprefs-container .userprefs-container__form_user-profile .userprefs-username {
        width: 50%; }
      .userprefs-container .userprefs-container__form_user-profile .user-profile-picture-icon span {
        height: 64px;
        width: 64px; }
    .userprefs-container .userprefs-container__form_role-label {
      margin-top: var(--spacing-l);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-bold);
      margin-bottom: var(--spacing-s); }
    .userprefs-container .userprefs-container__form_preferences-label {
      margin-top: var(--size-s);
      font-size: var(--text-size-l);
      font-weight: var(--text-weight-bold);
      margin-bottom: var(--spacing-s); }
    .userprefs-container .userprefs-container__form .checkbox-group {
      margin-top: var(--spacing-l);
      display: grid;
      grid-template-columns: repeat(auto-fill, 280px);
      grid-row: auto;
      grid-row-gap: var(--spacing-l); }
    .userprefs-container .userprefs-container__form_preferences-preferences {
      display: flex;
      cursor: pointer; }
      .userprefs-container .userprefs-container__form_preferences-preferences-checkbox {
        background-color: var(--base-color-brand); }
      .userprefs-container .userprefs-container__form_preferences-preferences-label {
        color: var(--content-color-primary);
        margin-left: 8px;
        font-size: 12px; }
  .userprefs-container .userprefs-hr {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--border-color-default);
    margin: 30px 0;
    padding: 0; }
  .userprefs-container .userprefs-continue-btn {
    color: var(--content-color-constant);
    width: 156px;
    font-size: var(--text-size-l);
    padding: 0 var(--spacing-l);
    background-color: var(--base-color-brand); }
    .userprefs-container .userprefs-continue-btn .loader-for-user-pref {
      position: unset; }
  .userprefs-container .userprefs-other-role {
    width: 50%;
    margin-top: var(--spacing-l); }
  .userprefs-container .userprefs-role-dropdown {
    width: 50%;
    background-color: var(--background-color-secondary);
    height: calc(var(--size-s) + var(--size-xs)); }
    .userprefs-container .userprefs-role-dropdown .input-search-group .input {
      color: var(--content-color-primary);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      font-weight: var(--text-weight-regular); }
    .userprefs-container .userprefs-role-dropdown .input::placeholder {
      font-size: var(--text-size-l); }

.checkbox-shell .box {
  display: inline-block;
  height: var(--size-xs);
  width: var(--size-xs);
  background-color: var(--background-color-tertiary);
  border-radius: var(--border-radius-default);
  vertical-align: middle; }

.checkbox-shell .title {
  display: inline-block;
  height: calc(var(--size-xs) / 2);
  width: calc(5 * var(--size-s));
  background-color: var(--background-color-tertiary);
  margin-left: calc(var(--size-xs) / 2);
  border-radius: var(--border-radius-default);
  vertical-align: middle; }

.checkbox-shell .checkbox-item,
.checkbox-shell .checkbox-item-2 {
  margin: calc(var(--size-xs) / 4) calc(var(--size-xs) / 2);
  margin-left: 0px;
  display: inline-block;
  animation: fade 1s linear infinite;
  -moz-animation: fade 1s linear infinite;
  -webkit-animation: fade 1s linear infinite; }

.checkbox-shell .checkbox-item-2 {
  margin-left: calc(var(--size-xs) / 2 * 7); }

@media (max-width: 568px) {
  .checkbox-shell .checkbox-item-2 {
    margin-left: 0px; } }

@-webkit-keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

@-moz-keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

@keyframes fade {
  0% {
    opacity: 0.25; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.25; } }

.user-profile-picture-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }
  .user-profile-picture-container .user-profile-picture--loading {
    position: absolute;
    z-index: 200;
    margin: 0;
    left: 20px;
    top: 20px; }
  .user-profile-picture-container .user-icon-loading {
    opacity: 0.5; }
  .user-profile-picture-container .pm-user-icon {
    display: inline-block;
    vertical-align: middle; }
  .user-profile-picture-container .user-profile-picture-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--spacing-m); }
  .user-profile-picture-container .user-profile-picture-upload {
    display: inline-block;
    vertical-align: middle;
    color: var(--content-color-primary);
    cursor: pointer;
    font-weight: var(--text-weight-medium); }
  .user-profile-picture-container .user-profile-picture {
    display: inline-block; }

@media only screen and (max-width: 568px) {
  .user-profile-picture-container .user-profile-picture-upload {
    display: none; } }

.create-team {
  width: 400px;
  margin: 0 auto var(--size-s) auto;
  font-size: var(--text-size-l); }
  .create-team .input {
    font-size: var(--text-size-l); }
  .create-team-heading {
    font-weight: bold;
    font-size: var(--size-xs);
    line-height: calc(var(--size-s) - 4px); }
  .create-team-team-name {
    margin: var(--size-xs) 0 calc(var(--size-xs) / 2); }
  .create-team--team-name-input {
    margin-bottom: var(--spacing-xl); }
    .create-team--team-name-input .pm-form-control {
      width: 400px; }
    .create-team--team-name-input .pm-input-message {
      margin: var(--spacing-xs) var(--spacing-zero); }
  .create-team .create-team--team-domain-label {
    width: max-content;
    display: inline-block;
    margin: var(--spacing-zero) var(--spacing-s) var(--spacing-s) var(--spacing-zero);
    vertical-align: middle; }
  .create-team .create-team--team-domain {
    margin-bottom: var(--spacing-xxl);
    position: relative;
    display: flex;
    align-items: center; }
    .create-team .create-team--team-domain-input {
      width: 300px; }
    .create-team .create-team--team-domain-suffix {
      margin-left: var(--spacing-xs);
      position: absolute;
      top: var(--spacing-l);
      right: var(--spacing-m);
      line-height: var(--line-height-l); }
  .create-team .create-team--actions-primary {
    width: 400px;
    max-width: unset;
    color: var(--content-color-constant);
    font-size: calc(var(--size-xs) - 2px);
    padding: var(--spacing-zero) var(--spacing-l);
    background-color: var(--base-color-brand); }
    .create-team .create-team--actions-primary-loader {
      position: unset; }
  .create-team .create-team--actions-secondary {
    margin-top: calc(var(--spacing-xxxl) - 8px);
    max-width: unset;
    border: 1px solid var(--border-color-default);
    border-radius: var(--border-radius-default);
    float: right;
    font-size: var(--text-size-l); }
    .create-team .create-team--actions-secondary i {
      margin-right: var(--spacing-l); }
    .create-team .create-team--actions-secondary:hover {
      background: var(--background-color-secondary); }
  @media only screen and (max-width: 568px) {
    .create-team {
      width: 300px; }
      .create-team .create-team--team-name-input .pm-form-control {
        width: 300px; }
      .create-team .create-team--team-domain-label {
        width: max-content;
        display: inline-block;
        margin: var(--spacing-zero) var(--spacing-s) var(--spacing-s) var(--spacing-zero);
        vertical-align: middle; }
      .create-team .create-team--team-domain .pm-icon {
        vertical-align: middle;
        margin-bottom: var(--spacing-s); }
      .create-team .create-team--team-domain-input {
        width: calc(13 * var(--size-xs));
        display: inline-block; }
      .create-team .create-team--team-domain-suffix {
        display: inline-block; }
      .create-team .create-team--actions-primary {
        width: 300px;
        max-width: unset; }
      .create-team .create-team--actions-secondary {
        margin-top: calc(var(--spacing-xxxl) - 8px);
        width: calc(var(--size-m) * 8);
        max-width: unset; } }

.discover-teams {
  width: calc(25 * var(--size-xs));
  font-size: var(--text-size-l); }
  .discover-teams--info {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l); }
    .discover-teams--info-domain {
      color: var(--base-color-brand); }
  .discover-teams--team-list-container {
    margin-top: var(--spacing-s);
    max-height: calc(27 * var(--size-xs));
    overflow: auto; }
    .discover-teams--team-list-container .discover-teams-list--team {
      display: flex;
      align-items: center;
      background: var(--background-color-primary);
      border: 1px solid var(--border-color-default);
      border-radius: var(--border-radius-default);
      position: relative;
      padding: var(--spacing-s) var(--spacing-l);
      margin-bottom: var(--spacing-s);
      cursor: pointer; }
      .discover-teams--team-list-container .discover-teams-list--team:last-child {
        margin-bottom: var(--spacing-zero); }
    .discover-teams--team-list-container .discover-teams-list--team:hover {
      background-color: var(--background-color-tertiary); }
      .discover-teams--team-list-container .discover-teams-list--team:hover .discover-teams--forward-icon {
        visibility: visible; }
    .discover-teams--team-list-container .discover-teams-list--team-name {
      margin-left: var(--spacing-l);
      max-width: calc(8 * var(--size-m));
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .discover-teams--team-list-container .discover-teams-list--team-icon {
      width: var(--size-m);
      height: var(--size-m);
      object-fit: contain; }
    .discover-teams--team-list-container .discover-teams-list--forward-icon {
      position: absolute;
      right: var(--size-xs);
      margin-top: var(--spacing-s);
      margin-bottom: var(--spacing-s);
      visibility: hidden; }
  .discover-teams-skip-btn {
    border: 1px solid var(--border-color-default);
    margin-top: calc(var(--spacing-xxxl) - 8px);
    max-width: unset;
    float: right;
    font-size: var(--text-size-l); }
    .discover-teams-skip-btn i {
      margin-right: var(--spacing-l); }
    .discover-teams-skip-btn:hover {
      background: var(--background-color-secondary); }

@media only screen and (max-width: 768px) {
  .discover-teams {
    margin: var(--spacing-zero) auto; } }

@media only screen and (max-width: 568px) {
  .discover-teams {
    width: calc(19 * var(--size-xs)); }
    .discover-teams--team-list-container--team-name {
      max-width: calc(10 * var(--size-xs)); } }

.why-collaborate-container {
  font-size: var(--text-size-l);
  padding: var(--spacing-zero) var(--spacing-xl);
  position: relative; }
  .why-collaborate-container .team-illustration {
    margin-top: var(--spacing-l);
    width: calc(13 * var(--size-xs));
    height: calc(7 * var(--size-s)); }
  .why-collaborate-container .star-grey {
    position: absolute;
    top: var(--spacing-xxl);
    right: calc(3 * var(--spacing-xl)); }
  .why-collaborate-container .star-purple {
    position: absolute;
    top: calc(10 * var(--spacing-xxl) + 10px);
    right: calc(var(--spacing-xxxl) - 8px); }
  .why-collaborate-container .star-orange {
    position: absolute;
    right: calc(9 * var(--spacing-l) - 3px);
    top: calc(27 * var(--spacing-l) - 6px); }
  .why-collaborate-container .heading {
    font-style: normal;
    font-weight: var(--text-weight-medium);
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-xl); }
  .why-collaborate-container .collaboration-reasons {
    margin: var(--spacing-zero);
    padding-left: var(--spacing-xl);
    list-style-position: outside;
    color: var(--content-color-secondary);
    list-style-image: url("data:image/svg+xml,%3Csvg fill='none' height='12' viewBox='0 0 14 12' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14 1.63945c0-.905101-.7231-1.63945-1.6157-1.63945-.5056 0-.9565.236139-1.253.604829l-.0006-.000617-5.82303 7.256838-2.50521-2.75282-.00122.00123c-.2953-.3243-.7164-.52838-1.18549-.52838-.892623-.00062-1.61575.73307-1.61575 1.63881 0 .42913.164063.81816.429595 1.11041l-.001215.00123 3.76909 4.14127.00121-.0012c.29531.3243.71641.5284 1.1855.5284.50556 0 .95641-.2361 1.25295-.6048l.00061.0006 6.99996-8.72173-.0006-.00062c.2266-.28177.3627-.64183.3627-1.03396z' fill='%23ff6c37'/%3E%3C/svg%3E"); }
    .why-collaborate-container .collaboration-reasons .collaboration-reason {
      margin-bottom: var(--spacing-l); }
      .why-collaborate-container .collaboration-reasons .collaboration-reason-text {
        line-height: var(--line-height-l);
        margin-bottom: var(--spacing-l);
        vertical-align: middle; }

.workspace-select-row-container {
  display: flex;
  align-items: center;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
  .workspace-select-row-container--disabled {
    opacity: 0.5; }
  .workspace-select-row-container--disabled:last-child {
    border-bottom-color: var(--content-color-tertiary); }
  .workspace-select-row-container .workspace-row__avatar-group {
    margin-left: var(--spacing-xs); }
  .workspace-select-row-container .workspace-row__info {
    margin-left: var(--spacing-m);
    flex-grow: 1; }
    .workspace-select-row-container .workspace-row__info-name {
      max-width: 306px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: var(--text-weight-bold);
      font-size: var(--text-size-l); }
    .workspace-select-row-container .workspace-row__info-members {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 250px;
      padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-zero);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }
  .workspace-select-row-container .workspace-row__checkbox {
    margin-right: var(--spacing-s); }

.member-tooltip-body {
  max-height: 560px;
  overflow-y: auto; }
  .member-tooltip-body-item {
    margin-top: 2px;
    display: list-item;
    list-style: none; }
  .member-tooltip-body-item:first-child {
    margin-top: 0; }

.setup-team__loader {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  justify-content: center; }

.setup-team-container {
  max-width: calc(35 * var(--size-s));
  margin: calc(var(--spacing-xxl) + 8px) auto;
  color: var(--content-color-primary); }
  .setup-team-container-row-one {
    padding-left: var(--spacing-zero);
    padding-right: var(--spacing-xxl); }
  .setup-team-container-row-two {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-zero); }
  .setup-team-container .tabs-container {
    width: calc(25 * var(--size-xs));
    height: calc(var(--size-m) + 8px);
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-default);
    position: relative;
    margin-bottom: var(--spacing-l); }
    .setup-team-container .tabs-container svg {
      vertical-align: middle; }
    .setup-team-container .tabs-container .team-tab {
      position: absolute;
      width: calc(50% - 2px);
      text-align: center;
      box-sizing: border-box;
      padding: var(--spacing-s);
      cursor: pointer;
      user-select: none; }
      .setup-team-container .tabs-container .team-tab .team-tab-text {
        margin-left: var(--spacing-s);
        font-size: var(--text-size-l);
        line-height: var(--line-height-l);
        vertical-align: middle; }
      .setup-team-container .tabs-container .team-tab i {
        vertical-align: middle; }
    .setup-team-container .tabs-container .join-team-tab-title {
      left: 2px; }
      .setup-team-container .tabs-container .join-team-tab-title path {
        fill: var(--content-color-secondary); }
    .setup-team-container .tabs-container .create-team-tab-title {
      right: 2px; }
      .setup-team-container .tabs-container .create-team-tab-title path {
        fill: var(--content-color-secondary); }
    .setup-team-container .tabs-container #active-tab {
      background-color: var(--background-color-primary);
      border-radius: var(--border-radius-default);
      padding: 6px;
      top: 2px;
      box-sizing: border-box;
      color: var(--base-color-brand);
      cursor: unset; }
      .setup-team-container .tabs-container #active-tab path {
        fill: var(--base-color-brand); }
  @media only screen and (max-width: 768px) {
    .setup-team-container-row-one {
      display: none; }
    .setup-team-container-row-two {
      width: 100%;
      padding: var(--spacing-zero); }
    .setup-team-container .tabs-container {
      margin: var(--spacing-zero) auto var(--spacing-l); } }

@media only screen and (max-width: 768px) and (max-width: 568px) {
  .setup-team-container .tabs-container {
    width: calc(25 * var(--spacing-m)); }
    .setup-team-container .tabs-container svg {
      display: none; } }

.request-to-join-modal {
  max-height: 80vh; }
  .request-to-join-modal-close {
    position: absolute;
    right: var(--spacing-l);
    top: var(--spacing-l);
    cursor: pointer;
    padding: var(--spacing-zero) var(--spacing-xs); }
  .request-to-join-modal-textarea {
    resize: none;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-default);
    padding: var(--spacing-s); }
  .request-to-join-modal-loader {
    position: unset; }
  .request-to-join-modal__guidelines {
    margin-bottom: var(--spacing-s);
    font-weight: var(--text-weight-medium);
    word-break: break-word; }
  .request-to-join-modal-content .request-options {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-xs); }
    .request-to-join-modal-content .request-options__right {
      margin-left: auto; }
    .request-to-join-modal-content .request-options--error {
      color: var(--content-color-error); }
  .request-to-join-modal-content .request-info {
    color: var(--content-color-secondary); }

@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoom-in {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.invite-member-section {
  margin: calc(var(--spacing-xxxl) - 8px) auto;
  max-width: calc(35 * var(--size-s));
  color: var(--content-color-primary); }
  .invite-member-section__loader {
    display: flex;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    justify-content: center; }
  .invite-member-section-row-one {
    padding-left: var(--spacing-zero);
    padding-right: var(--spacing-xxl); }
  .invite-member-section-row-two {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-zero); }
    .invite-member-section-row-two .invite-member-label-text-icon {
      margin-bottom: var(--spacing-s);
      display: flex;
      align-items: center; }
      .invite-member-section-row-two .invite-member-label-text-icon .invite-member-form-label {
        font-weight: var(--text-weight-medium);
        font-size: var(--text-size-l);
        margin-left: var(--spacing-s); }
    .invite-member-section-row-two .invite-member .link-icon {
      display: inline-block;
      line-height: var(--line-height-m);
      margin-right: var(--spacing-s);
      vertical-align: middle; }
    .invite-member-section-row-two .invite-member-invite-link-container {
      width: calc(25 * var(--size-xs));
      display: flex;
      margin-top: var(--spacing-l); }
      .invite-member-section-row-two .invite-member-invite-link-container .pm-btn {
        padding: var(--spacing-zero); }
      .invite-member-section-row-two .invite-member-invite-link-container .invite-link-copied input {
        border-color: var(--base-color-success); }
      .invite-member-section-row-two .invite-member-invite-link-container .link-copied {
        background: var(--base-color-success);
        color: var(--content-color-constant); }
      .invite-member-section-row-two .invite-member-invite-link-container .tick-icon-alternate {
        -webkit-animation: zoom-in 0.1s linear none;
        animation: zoom-in 0.1s linear none;
        margin-right: var(--spacing-s); }
        .invite-member-section-row-two .invite-member-invite-link-container .tick-icon-alternate path {
          fill: var(--content-color-constant) !important; }
    .invite-member-section-row-two .invite-member-label {
      display: inline-block;
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      vertical-align: middle; }
      .invite-member-section-row-two .invite-member-label-icon {
        display: inline-block;
        line-height: var(--line-height-m);
        margin-right: var(--spacing-s);
        vertical-align: middle; }
    .invite-member-section-row-two .invite-member--slot-error {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m); }
    .invite-member-section-row-two .invite-member-invite-link-subtitle {
      margin-top: var(--spacing-s);
      line-height: var(--line-height-l);
      font-size: var(--text-size-l);
      color: var(--content-color-secondary); }
    .invite-member-section-row-two .invite-member-label-emails {
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-tertiary); }
    .invite-member-section-row-two .invite-member-heading {
      font-weight: bold;
      font-size: var(--text-size-xl);
      line-height: var(--line-height-m);
      margin-bottom: var(--spacing-l); }
    .invite-member-section-row-two .invite-member--invite-link--input {
      display: inline-block;
      margin-right: var(--spacing-s);
      width: calc(18 * var(--size-xs));
      margin-bottom: var(--spacing-xxl); }
      .invite-member-section-row-two .invite-member--invite-link--input input {
        background-color: var(--background-color-primary); }
      .invite-member-section-row-two .invite-member--invite-link--input .pm-form-control {
        height: calc(var(--size-m) + 8px); }
    .invite-member-section-row-two .invite-member--invite-link--copy-btn {
      width: calc(6 * var(--size-xs));
      height: calc(var(--size-m) + 8px);
      background-color: var(--background-color-secondary);
      font-size: var(--text-size-l); }
    .invite-member-section-row-two .invite-member .tags-input-container {
      width: calc(25 * var(--size-xs)); }
      .invite-member-section-row-two .invite-member .tags-input-container .tag-icon-svg {
        height: calc(var(--size-xs) - 4px); }
    .invite-member-section-row-two .invite-member--actions {
      width: calc(25 * var(--size-xs)); }
      .invite-member-section-row-two .invite-member--actions-primary {
        width: 100%;
        max-width: unset;
        margin-top: var(--spacing-xxl);
        background: var(--base-color-brand);
        color: var(--content-color-constant);
        font-size: var(--text-size-l); }
        .invite-member-section-row-two .invite-member--actions-primary-loader {
          position: unset; }
      .invite-member-section-row-two .invite-member--actions-secondary {
        color: var(--content-color-secondary);
        cursor: pointer; }

@media only screen and (max-width: 768px) {
  .invite-member-section {
    width: calc(25 * var(--size-xs));
    margin: var(--spacing-xl) auto; }
    .invite-member-section-row-one {
      display: none; }
    .invite-member-section-row-two {
      width: 100%;
      padding: var(--spacing-zero); }
      .invite-member-section-row-two .invite-member .tags-input-container {
        width: calc(25 * var(--size-xs)); } }

@media only screen and (max-width: 568px) {
  .invite-member-section {
    width: calc(25 * var(--spacing-m)); }
    .invite-member-section-row-two .invite-member-invite-link-container {
      width: calc(25 * var(--spacing-m)); }
    .invite-member-section-row-two .invite-member--invite-link--input {
      width: calc(6 * var(--size-m)); }
    .invite-member-section-row-two .invite-member .tags-input-container {
      width: calc(25 * var(--spacing-m)); }
    .invite-member-section-row-two .invite-member--actions {
      width: calc(25 * var(--spacing-m)); } }

.invite-member-form-label-container {
  width: calc(25 * var(--size-xs)); }
  .invite-member-form-label-container-label {
    display: flex;
    justify-content: space-between; }
  .invite-member-form-label-container .invite-member--invite-slots {
    font-size: var(--text-size-l);
    color: var(--grey-60);
    margin-bottom: var(--spacing-s); }
  .invite-member-form-label-container .invite-member--invite-team-full {
    font-size: var(--text-size-l);
    color: var(--content-color-success);
    margin-bottom: var(--spacing-s); }
    .invite-member-form-label-container .invite-member--invite-team-full-error {
      color: var(--content-color-error);
      font-size: var(--text-size-l);
      margin-bottom: var(--spacing-s); }

.user-onboarding__page-loader {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  justify-content: center; }

.onboarding {
  height: 100%;
  overflow-y: auto;
  height: 100vh; }

.header-container {
  max-width: 900px;
  margin: 0 auto;
  padding-top: var(--spacing-xxxl); }
  .header-container .header--title-container {
    margin: 0 auto;
    color: var(--content-color-primary); }
    .header-container .header--title-container .header--title {
      text-align: center;
      font-size: var(--text-size-xxxl);
      font-weight: var(--text-weight-bold); }
    .header-container .header--title-container .header--subtitle {
      margin: var(--spacing-s) var(--spacing-s) 0px var(--spacing-s);
      text-align: center;
      font-size: var(--text-size-l);
      line-height: var(--line-height-m);
      color: var(--content-color-secondary); }

.compound-input__label {
  font-size: var(--text-size-l);
  font-weight: var(--text-weight-bold);
  margin-bottom: var(--spacing-s);
  color: var(--content-color-primary); }

.compound-input__field input {
  height: 40px; }
  .compound-input__field input:active {
    border-color: var(--base-color-brand); }

.compound-input__message {
  margin: var(--spacing-xs) var(--spacing-zero);
  display: inline-block;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  color: var(--content-color-secondary); }

.compound-input__error {
  margin: var(--spacing-xs) var(--spacing-zero);
  color: var(--content-color-error);
  display: inline-block;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }

.image-upload-modal-close {
  position: absolute;
  right: var(--spacing-l);
  top: var(--spacing-l);
  cursor: pointer;
  padding: 0 var(--spacing-xs); }

.image-upload-modal-upload {
  flex-grow: 2; }

.image-upload-modal-back {
  margin-left: var(--spacing-zero) !important;
  flex-grow: 1; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%;
    touch-action: manipulation; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: manipulation;
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
      border-radius: 50%;
      box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }
  .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none; }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4); }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%; }
  .ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: calc(100% / 3 * 2); }
  .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px; }
  .ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: calc(100% / 3 * 2); }
  .ReactCrop__drag-handle {
    position: absolute; }
    .ReactCrop__drag-handle::after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-sizing: border-box;
      outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
    .ReactCrop .ord-nw::after {
      top: 0;
      left: 0; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
    .ReactCrop .ord-n::after {
      top: 0; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
    .ReactCrop .ord-ne::after {
      top: 0;
      right: 0; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
    .ReactCrop .ord-e::after {
      right: 0; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
    .ReactCrop .ord-se::after {
      bottom: 0;
      right: 0; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
    .ReactCrop .ord-s::after {
      bottom: 0; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
    .ReactCrop .ord-sw::after {
      bottom: 0;
      left: 0; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
    .ReactCrop .ord-w::after {
      left: 0; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
      display: none; }
    .ReactCrop__drag-handle {
      width: 24px;
      height: 24px; } }

.pm-image-input {
  text-align: center; }
  .pm-image-input__input {
    position: relative;
    border: solid var(--border-width-default) var(--border-color-default);
    padding: calc(var(--spacing-xxl) * 2) 0; }
    .pm-image-input__input input {
      top: 0;
      left: 0;
      opacity: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
  .pm-image-input__input-prompt {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    text-align: center;
    margin: var(--spacing-l) 0; }
  .pm-image-input__input-prompt-drag {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    text-align: center;
    margin: var(--spacing-l) 0;
    font-weight: var(--text-weight-bold); }
  .pm-image-input__input-button {
    padding: var(--spacing-zero);
    transform: translateX(0); }
    .pm-image-input__input-button input {
      cursor: pointer; }
    .pm-image-input__input-button label {
      height: 100%;
      display: block;
      cursor: pointer;
      line-height: var(--line-height-xxxl);
      padding: 0 var(--spacing-l); }

.onboarding .tag, .team-onboarding .tag {
  display: inline-table;
  vertical-align: middle;
  border-radius: var(--border-radius-default);
  margin: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-m);
  color: var(--content-color-primary); }
  .onboarding .tag-icon, .onboarding .tag-text, .onboarding .tag-remove-btn, .team-onboarding .tag-icon, .team-onboarding .tag-text, .team-onboarding .tag-remove-btn {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
  .onboarding .tag-text, .team-onboarding .tag-text {
    padding: 0 var(--spacing-s); }
  .onboarding .tag-remove-btn, .onboarding .tag-icon, .team-onboarding .tag-remove-btn, .team-onboarding .tag-icon {
    line-height: 10px; }
  .onboarding .tag .text:hover, .team-onboarding .tag .text:hover {
    cursor: text; }
  .onboarding .tag .tag-remove-btn:hover, .team-onboarding .tag .tag-remove-btn:hover {
    cursor: pointer; }
  .onboarding .tag-regular, .team-onboarding .tag-regular {
    background-color: var(--background-color-secondary);
    border: solid 1px var(--border-color-strong); }
  .onboarding .tag-error, .team-onboarding .tag-error {
    border: 1px dashed var(--base-color-error);
    background: var(--background-color-error); }

.onboarding .tags-input-container, .team-onboarding .tags-input-container {
  background-color: var(--background-color-primary);
  border: var(--border-width-default) solid var(--border-color-strong);
  border-radius: var(--border-radius-default);
  min-height: 168px;
  max-height: 220px;
  overflow: auto;
  word-break: break-all;
  font-size: var(--text-size-m);
  padding: var(--spacing-s);
  position: relative;
  box-sizing: border-box; }
  .onboarding .tags-input-container .tags-input-placeholder, .team-onboarding .tags-input-container .tags-input-placeholder {
    position: absolute;
    top: var(--spacing-s);
    left: var(--spacing-s);
    padding: var(--spacing-s);
    color: var(--content-color-secondary);
    line-height: var(--line-height-m); }
  .onboarding .tags-input-container .active-input, .team-onboarding .tags-input-container .active-input {
    display: inline-block;
    vertical-align: middle;
    line-height: var(--line-height-m);
    min-width: var(--spacing-xxl);
    height: var(--spacing-xl);
    margin: var(--spacing-xs);
    padding: var(--spacing-xs);
    border: none;
    outline: none; }

.onboarding .tags-input-component-focused, .team-onboarding .tags-input-component-focused {
  border-color: var(--base-color-brand); }

.onboarding .tags-input-component-error, .team-onboarding .tags-input-component-error {
  border-color: var(--base-color-error); }

.team-profile {
  display: block;
  color: var(--content-color-primary); }
  .team-profile__main {
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    padding-bottom: var(--spacing-xl); }
  .team-profile--actions {
    margin-top: var(--spacing-xl);
    display: flex; }
    .team-profile--actions-primary {
      width: 152px;
      font-size: var(--text-size-l); }
    .team-profile--actions-secondary {
      padding: var(--spacing-s) var(--spacing-l);
      font-size: var(--text-size-l); }
  .team-profile__setup-team {
    max-width: 568px;
    margin: var(--spacing-xxxl) auto var(--spacing-xl);
    position: relative; }
    .team-profile__setup-team .input {
      font-size: var(--text-size-l); }
  .team-profile__team-name {
    margin: var(--spacing-s) var(--spacing-l) 0 0;
    width: 50%;
    display: inline-block; }
  .team-profile__url-title {
    margin-top: var(--spacing-xl);
    font-weight: var(--text-weight-bold);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m); }
  .team-profile__url-subtitle {
    font-weight: var(--text-weight-regular);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    margin-top: var(--spacing-s);
    color: var(--content-color-secondary); }
  .team-profile__domain {
    max-width: 400px;
    margin-top: var(--spacing-s);
    display: flex; }
    .team-profile__domain-field {
      display: inline-block;
      flex-basis: 208px; }
      .team-profile__domain-field input {
        text-align: right; }
    .team-profile__domain-suffix {
      display: inline-block;
      line-height: var(--line-height-xxxl);
      margin-left: var(--spacing-s);
      font-size: var(--text-size-l);
      color: var(--content-color-primary); }
  .team-profile__team-discovery {
    font-weight: var(--text-weight-bold);
    font-size: var(--text-size-l);
    line-height: var(--line-height-m);
    margin-top: var(--spacing-xl);
    color: var(--content-color-primary); }
    .team-profile__team-discovery-content {
      margin-top: var(--spacing-s);
      font-weight: var(--text-weight-regular);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      max-width: 435px;
      color: var(--content-color-secondary); }

.team-profile-picture-container {
  margin-top: var(--spacing-l);
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: var(--spacing-m); }
  .team-profile-picture-container .pm-user-icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    width: 68px;
    height: 68px; }
  .team-profile-picture-container .team-profile-picture-icon {
    display: inline-block; }
    .team-profile-picture-container .team-profile-picture-icon .pm-user-icon--custom {
      background: center/cover no-repeat;
      background-size: 100%; }
  .team-profile-picture-container .team-profile-picture-upload {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--spacing-s);
    color: var(--content-color-brand);
    cursor: pointer;
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l); }

.team-discovery__toggle {
  display: flex;
  align-items: center;
  margin-top: var(--spacing-l); }

.team-discovery__switch {
  width: 70px; }

.team-discovery__loader {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center; }

.team-discovery__turn-on-message {
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  margin-left: var(--spacing-l); }

@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoom-in {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.invite-member {
  width: 450px;
  margin: var(--spacing-xxl) auto;
  display: flex;
  flex-direction: column;
  color: var(--content-color-primary); }
  .invite-member--invite-left-container {
    display: flex;
    justify-content: space-between; }
  .invite-member--invite-title {
    font-weight: var(--text-weight-medium);
    font-size: var(--text-size-l);
    line-height: var(--line-height-l); }
  .invite-member--invite-slots {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--grey-60); }
  .invite-member--invite-team-full {
    font-size: var(--text-size-l);
    line-height: var(--line-height-l);
    color: var(--content-color-success); }
    .invite-member--invite-team-full-error {
      color: var(--content-color-error);
      font-size: var(--text-size-l);
      line-height: var(--line-height-l); }
  .invite-member--tags-container {
    margin-top: var(--spacing-s); }
  .invite-member--slot-error {
    margin-top: var(--spacing-s);
    font-size: var(--text-size-m);
    line-height: var(--line-height-m);
    color: var(--content-color-error); }
    .invite-member--slot-error a {
      text-decoration: underline; }
  .invite-member--invite-link {
    margin-top: var(--spacing-xl);
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
    padding-bottom: var(--spacing-xl); }
    .invite-member--invite-link-title {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-l);
      line-height: var(--line-height-m); }
    .invite-member--invite-link-subtitle {
      font-size: var(--text-size-l);
      line-height: var(--line-height-l);
      margin-top: var(--spacing-s);
      color: var(--content-color-secondary); }
    .invite-member--invite-link-generate-btn {
      width: 136px;
      margin-top: var(--spacing-l); }
    .invite-member--invite-link-container {
      margin-top: var(--spacing-s);
      display: flex; }
    .invite-member--invite-link--input {
      flex-grow: 1;
      margin-right: var(--spacing-s); }
    .invite-member--invite-link .invite-link-copied input {
      border-color: var(--base-color-success); }
    .invite-member--invite-link .link-copied {
      background: var(--base-color-success);
      color: var(--content-color-constant); }
    .invite-member--invite-link .tick-icon-alternate {
      -webkit-animation: zoom-in 0.1s linear none;
      animation: zoom-in 0.1s linear none;
      margin-right: 8px; }
      .invite-member--invite-link .tick-icon-alternate path {
        fill: var(--content-color-constant) !important; }
  .invite-member--actions {
    margin-top: var(--spacing-xl); }
    .invite-member--actions-primary {
      width: 152px;
      font-size: var(--text-size-l); }
    .invite-member--actions-secondary {
      font-size: var(--text-size-l); }

.invite-member-onboarding-plan-alert {
  margin-bottom: var(--spacing-l); }
  .invite-member-onboarding-plan-alert .alert {
    padding: var(--spacing-s); }
    .invite-member-onboarding-plan-alert .alert .alert-icon {
      margin-top: var(--spacing-s); }
      .invite-member-onboarding-plan-alert .alert .alert-icon svg path {
        fill: var(--content-color-info); }
    .invite-member-onboarding-plan-alert .alert .alert-content {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .invite-member-onboarding-plan-alert .alert .alert-content .alert-actions {
        width: calc(4 * var(--size-s));
        margin-top: var(--spacing-zero); }
        .invite-member-onboarding-plan-alert .alert .alert-content .alert-actions .alert-primary-action {
          margin-right: var(--spacing-zero);
          width: calc(4 * var(--size-s));
          margin-left: var(--spacing-s); }

.fetching-team {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh; }

.team-onboarding__page-loader {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  justify-content: center; }

.team-onboarding {
  overflow-y: auto;
  height: 100vh; }

.creating-team {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: calc(6 * var(--spacing-xxl)); }
  .creating-team-title {
    margin-top: var(--size-s);
    color: var(--content-color-primary);
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-s); }
  .creating-team-subtext {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    max-width: calc(15 * var(--size-m));
    text-align: center; }
    .creating-team-subtext p {
      margin: unset; }
  .creating-team-subtitle {
    color: var(--content-color-secondary);
    font-size: var(--text-size-m);
    max-width: calc(15 * var(--size-m));
    text-align: center; }
  .creating-team-info {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-m);
    margin-top: var(--spacing-s); }
  .creating-team-alert {
    margin: var(--spacing-s) var(--spacing-zero);
    max-width: calc(15 * var(--size-m)); }
  .creating-team-action {
    margin-top: var(--spacing-l);
    width: 126px; }
    .creating-team-action-outline {
      margin-top: var(--spacing-l); }
  .creating-team-icon {
    border-radius: var(--size-m);
    height: calc(var(--size-m) + var(--size-s));
    width: calc(var(--size-m) + var(--size-s));
    display: flex;
    background: var(--background-color-success);
    justify-content: center;
    align-items: center; }
    .creating-team-icon i {
      height: unset;
      width: unset; }
      .creating-team-icon i svg {
        height: var(--size-m);
        width: var(--size-m); }

.no-collection-empty-state-container {
  margin: var(--spacing-xxxl) var(--spacing-m) 0 var(--spacing-m); }
  .no-collection-empty-state-container .carousel-control-prev, .no-collection-empty-state-container .carousel-control-next {
    height: 100%;
    bottom: 50%; }
  .no-collection-empty-state-container img {
    width: 70%; }
  .no-collection-empty-state-container .no-collection-empty-state-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: var(--spacing-xl); }
    .no-collection-empty-state-container .no-collection-empty-state-text span[type="body-medium"] {
      margin-top: var(--spacing-s); }
    .no-collection-empty-state-container .no-collection-empty-state-text button[type="outline"] {
      margin-top: var(--spacing-l); }
  .no-collection-empty-state-container .no-collection-spin {
    margin-top: var(--spacing-l); }
  .no-collection-empty-state-container .no-collection-empty-button {
    width: 160px; }

.free-trial-activation {
  padding: 0; }
  .free-trial-activation__illustration {
    text-align: center;
    padding: var(--spacing-xxxl) 0;
    background-color: var(--background-color-secondary); }
  .free-trial-activation__content {
    margin: var(--spacing-l) var(--spacing-xl) 0 var(--spacing-xl); }
    .free-trial-activation__content-actions {
      margin-top: var(--spacing-s); }
      .free-trial-activation__content-actions .action-icon {
        border-radius: var(--border-radius-max);
        width: var(--spacing-xxl);
        height: var(--spacing-xxl);
        background-color: var(--background-color-secondary); }
        .free-trial-activation__content-actions .action-icon i {
          margin: var(--spacing-s); }

.report-loading-indicator {
  left: 50%;
  position: absolute;
  top: 50%; }

.report {
  background: var(--background-color-tertiary);
  min-height: calc(100vh - 48px);
  display: flex; }
  .report--business-plan {
    display: block;
    overflow: auto; }
  .report .report-pm-container {
    margin-top: 0;
    margin-bottom: 0; }
  .report-navigation, .report-navigation-subnav, .report-navigation-subnav-collapsed {
    list-style: none;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    float: left;
    width: 304px; }
  .report-navigation {
    display: none;
    background: var(--background-color-primary);
    height: calc(100vh - 48px);
    padding-left: var(--spacing-l);
    overflow: auto;
    flex: 0 0 320px; }
    .report-navigation .pm-h4 {
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-m);
      margin-left: var(--spacing-l);
      color: var(--content-color-primary);
      font-size: var(--text-size-l); }
    .report-navigation-count-badge {
      background: var(--background-color-tertiary);
      margin-left: var(--spacing-s);
      padding: var(--spacing-zero) 2px;
      line-height: var(--line-height-s);
      font-size: var(--text-size-s);
      display: inline-block;
      border-radius: var(--border-radius-s); }
    .report-navigation--empty {
      color: var(--content-color-tertiary);
      margin: 20px auto;
      font-size: var(--text-size-l);
      text-align: center;
      width: 208px; }
      .report-navigation--empty__image {
        display: inline-flex !important;
        margin: var(--spacing-m) 0 20px; }
      .report-navigation--empty__body {
        color: var(--content-color-secondary);
        font-size: var(--text-size-s); }
    .report-navigation--business-plan .pm-h2 {
      margin-top: var(--spacing-xl);
      margin-bottom: var(--spacing-zero);
      margin-left: var(--spacing-l);
      color: var(--content-color-primary);
      font-size: var(--text-size-xl); }
  .report-navigation-subnav {
    padding-right: 32px;
    padding-left: var(--spacing-s);
    width: calc(304px - var(--spacing-xl)); }
    .report-navigation-subnav__item {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 36px;
      margin: 6px var(--spacing-zero);
      padding: var(--spacing-zero) var(--spacing-s);
      font-size: var(--text-size-m);
      line-height: var(--line-height-m);
      color: var(--content-color-primary); }
      .report-navigation-subnav__item:hover {
        background: var(--background-color-brand);
        cursor: pointer; }
      .report-navigation-subnav__item--active {
        background: var(--background-color-brand);
        font-weight: var(--text-weight-medium); }
        .report-navigation-subnav__item--active:hover {
          background: rgba(242, 107, 58, 0.1); }
      .report-navigation-subnav__item:last-child {
        margin-bottom: var(--spacing-l); }
    .report-navigation-subnav__list-item {
      display: flex;
      width: 100%;
      height: 100%; }
      .report-navigation-subnav__list-item__toggle-icon {
        display: flex;
        align-items: center;
        width: fit-content; }
      .report-navigation-subnav__list-item__label {
        padding-left: var(--spacing-xs);
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin: auto; }
        .report-navigation-subnav__list-item__label--left-indent {
          padding-left: 20px;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center; }
    .report-navigation-subnav-sublist {
      padding: var(--spacing-zero);
      width: calc(304px - var(--spacing-xl));
      position: relative; }
      .report-navigation-subnav-sublist .vertical-line {
        position: absolute;
        width: 1px;
        left: var(--spacing-l);
        height: 100%;
        top: var(--spacing-zero);
        background-color: #EDEDED; }
      .report-navigation-subnav-sublist__item {
        display: flex;
        align-items: center;
        height: var(--spacing-xl);
        margin: 6px 0;
        padding: 6px var(--spacing-s);
        padding-left: 28px;
        font-size: var(--text-size-m);
        color: var(--content-color-primary);
        word-break: break-word; }
        .report-navigation-subnav-sublist__item:hover {
          background: var(--background-color-brand);
          cursor: pointer; }
        .report-navigation-subnav-sublist__item--active {
          background: var(--background-color-brand);
          font-weight: var(--text-weight-medium); }
          .report-navigation-subnav-sublist__item--active:hover {
            background: rgba(242, 107, 58, 0.1); }
    .report-navigation-subnav__back-button {
      margin: var(--spacing-xl) var(--spacing-zero) 38px var(--spacing-s);
      padding: var(--spacing-xs) var(--spacing-zero);
      height: var(--spacing-xl);
      width: calc(304px - 36px);
      background: var(--background-color-secondary); }
      .report-navigation-subnav__back-button .pm-icon {
        display: inline-block;
        vertical-align: middle;
        margin: var(--spacing-zero) var(--spacing-s); }
      .report-navigation-subnav__back-button:hover {
        cursor: pointer; }
    .report-navigation-subnav__search {
      height: var(--spacing-xxl);
      position: relative;
      margin: var(--spacing-l) var(--spacing-l) var(--spacing-s) var(--spacing-s);
      width: calc(304px - 36px); }
      .report-navigation-subnav__search .input-search-group {
        border-radius: var(--border-radius-default);
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
        background-color: var(--background-color-primary); }
        .report-navigation-subnav__search .input-search-group:hover {
          border-color: var(--border-color-default); }
        .report-navigation-subnav__search .input-search-group:focus-within {
          border-color: var(--base-color-brand); }
    .report-navigation-subnav-filter-api-type {
      height: var(--size-s);
      margin: var(--spacing-s);
      border-radius: var(--border-radius-default); }
      .report-navigation-subnav-filter-api-type .dropdown-button .btn {
        font-size: var(--text-size-s);
        font-weight: var(--text-weight-regular); }
      .report-navigation-subnav-filter-api-type .dropdown-button .btn-tertiary {
        padding: var(--spacing-xs);
        height: var(--size-s); }
      .report-navigation-subnav-filter-api-type .dropdown-menu .dropdown-menu-item {
        padding-left: calc(var(--spacing-xs) + var(--spacing-xxl)); }
        .report-navigation-subnav-filter-api-type .dropdown-menu .dropdown-menu-item.api-page-type-item.api-page-type-item--active {
          padding-left: var(--spacing-s); }
          .report-navigation-subnav-filter-api-type .dropdown-menu .dropdown-menu-item.api-page-type-item.api-page-type-item--active i {
            margin-right: var(--spacing-m); }
        .report-navigation-subnav-filter-api-type .dropdown-menu .dropdown-menu-item.api-page-type-item__text {
          font-size: var(--text-size-s); }
        .report-navigation-subnav-filter-api-type .dropdown-menu .dropdown-menu-item:nth-child(3) {
          border-bottom: 1px solid var(--border-color-default); }
    .report-navigation-subnav-collapsed {
      padding: var(--spacing-zero);
      width: calc(304px - 80px); }
      .report-navigation-subnav-collapsed__count {
        display: flex;
        color: var(--content-color-tertiary);
        flex-shrink: 0;
        align-items: center;
        display: flex; }
        .report-navigation-subnav-collapsed__count .loading-indicator-wrapper {
          padding-right: 10px; }
      .report-navigation-subnav-collapsed__item {
        height: var(--spacing-xl);
        color: var(--content-color-primary);
        display: flex;
        justify-content: space-between; }
        .report-navigation-subnav-collapsed__item .pm-icon {
          display: table-cell;
          vertical-align: middle; }
        .report-navigation-subnav-collapsed__item--active {
          background: var(--background-color-brand); }
    .report-navigation-subnav--scrollable {
      max-height: calc(100vh - 242px - 48px);
      overflow: auto; }
  .report__last-updated {
    position: relative;
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    display: inline-block;
    margin-left: var(--spacing-l);
    padding-bottom: var(--spacing-s); }
    .report__last-updated-info {
      margin-left: var(--spacing-s);
      vertical-align: middle; }
      .report__last-updated-info svg {
        height: 12px;
        width: 12px; }
  .report__last-updated-subnav {
    padding: 9px var(--spacing-s);
    font-size: var(--text-size-s);
    color: var(--content-color-secondary);
    display: table;
    background: var(--background-color-primary); }
    .report__last-updated-subnav-info {
      margin-left: var(--spacing-xs);
      display: none; }
      .report__last-updated-subnav-info svg {
        height: 12px;
        width: 12px; }
  .report-faq-text {
    font-size: var(--text-size-m);
    color: var(--content-color-secondary);
    display: block;
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-xl); }
    .report-faq-text .pm-link {
      color: var(--content-color-secondary); }
  .report .push--left {
    margin-left: 16px !important; }
  .report-error-section {
    text-align: center;
    padding-top: var(--spacing-xxl);
    margin-top: 144px;
    overflow: hidden; }
    .report-error-section__image {
      display: inline-flex !important;
      max-width: 160px;
      margin-bottom: var(--spacing-l); }
      .report-error-section__image.warning {
        display: block;
        width: 160px;
        height: 141px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzYwcHgiIGhlaWdodD0iMzE5cHgiIHZpZXdCb3g9IjAgMCAzNjAgMzE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NyAoNDUzOTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwIDc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRXJyb3ItU3RhdGVzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRXJyb3ItU3RhdGVzLS0tNDAwLUJhZC1SZXF1ZXN0LC01MDAtSW50ZXJuYWwtU2VydmVyLUVycm9yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMDAwMCwgLTMyNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlByb2ZpbGUtQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQwLjAwMDAwMCwgMzA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMC4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDEuNDk3MzM5LDEyLjc4NjkyMjUgTDM1NS45NjU4NiwyODEuNjAyOTA2IEMzNjAuNDE1MjcxLDI4OS4yNjI1NjMgMzYwLjQzNjgxNSwyOTguNzMxNDI1IDM1Ni4wMjIzOTYsMzA2LjQxMTU3IEMzNTEuNjA3OTc3LDMxNC4wOTE1NyAzNDMuNDM1MTU2LDMxOC44MDM4NDIgMzM0LjYwOTY0NCwzMTguNzU3NjM0IEwyNS42ODY5MTY0LDMxOC43NTc2MzQgQzE2Ljg2NTE2MzIsMzE4LjgwODA1NSA4LjY5MzA2NTU3LDMxNC4xMDM5MjEgNC4yNzM1ODU3LDMwNi40MzEzMzIgQy0wLjE0NjAzODc1OSwyOTguNzU4NzQyIC0wLjEzNTMzODg4OSwyODkuMjk0Mzg1IDQuMzAxNjM2NzEsMjgxLjYzMTk2NyBMMTU4Ljc3MDE1OCwxMi44MTU5ODM3IEMxNjMuMTM1NTYsNS4wOTUxNTI2OCAxNzEuMjg4ODYsMC4zMjMzMDU3MSAxODAuMTI1MzYyLDAuMzE3MjAyODYxIEMxODguOTYxODY0LDAuMzExMjQ1MzE3IDE5Ny4xMjE2NzEsNS4wNzIwNDkwNCAyMDEuNDk3MzM5LDEyLjc4NjkyMjUgWiIgaWQ9IkZpbGwtMTkiIGZpbGw9IiM1OTU2NjgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMSIgZmlsbD0iI0E5QkJCRiIgcG9pbnRzPSI1MS4wNzc0MTc0IDI3OS4yOTI1NDIgMTgwLjE0MDk3OCA1NC42MzUwMzI0IDMwOS4yMTg5OTggMjc5LjI5MjU0MiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNzguODMyNDEzLDExNS4wMjQxOCBMMTc4LjgzMjQxMywxMTUuMDI0MTggQzE4Ny4zNDExMjMsMTE1LjAyNDE4IDE5NC4yMzg3NzksMTIxLjk1OTA1MSAxOTQuMjM4Nzc5LDEzMC41MTM3OTMgTDE5NC4yMzg3NzksMTkyLjc2Mjg1NiBDMTk0LjIzODc3OSwyMDEuMzE3NTk4IDE4Ny4zNDExMjMsMjA4LjI1MjQ2OSAxNzguODMyNDEzLDIwOC4yNTI0NjkgTDE3OC44MzI0MTMsMjA4LjI1MjQ2OSBDMTcwLjMyMzcwMywyMDguMjUyNDY5IDE2My40MjYwNDcsMjAxLjMxNzU5OCAxNjMuNDI2MDQ3LDE5Mi43NjI4NTYgTDE2My40MjYwNDcsMTMwLjUxMzc5MyBDMTYzLjQyNjA0NywxMjEuOTU5MDUxIDE3MC4zMjM3MDMsMTE1LjAyNDE4IDE3OC44MzI0MTMsMTE1LjAyNDE4IFoiIGlkPSJGaWxsLTIyIiBmaWxsPSIjNTk1NjY4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5NS4yMjIwMSwyMzQuNjgzNjE5IEMxOTUuMjIyMDEsMjQzLjc3NTk5MyAxODcuODg3Mzk0LDI1MS4xNDY3ODIgMTc4LjgzOTY0MywyNTEuMTQ2NzgyIEMxNjkuNzkxODkxLDI1MS4xNDY3ODIgMTYyLjQ1NzI3NSwyNDMuNzc1OTkzIDE2Mi40NTcyNzUsMjM0LjY4MzYxOSBDMTYyLjQ1NzI3NSwyMjUuNTkxMjQ1IDE2OS43OTE4OTEsMjE4LjIyMDQ1NiAxNzguODM5NjQzLDIxOC4yMjA0NTYgQzE4Ny44ODczOTQsMjE4LjIyMDQ1NiAxOTUuMjIyMDEsMjI1LjU5MTI0NSAxOTUuMjIyMDEsMjM0LjY4MzYxOSBaIiBpZD0iRmlsbC0yMyIgZmlsbD0iIzU5NTY2OCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNTUuOTUxNDAxLDI4MS42MzE5NjcgTDIwMS40ODI4OCwxMi44MTU5ODM3IEMxOTYuOTkzODUxLDQuOTE2NDI2MzggMTg4LjUyMzAyNCwwLjE2MjMwNjczMiAxNzkuNDc1ODUxLDAuNDY0OTc4OTk5IEwxNzkuNDc1ODUxLDMxOC44MDEyMjYgTDMzNC42MDk0OTksMzE4LjgwMTIyNiBDMzQzLjQxNzk1LDMxOC43OTk2MjggMzUxLjU1NjIxMiwzMTQuMDc1NDQxIDM1NS45NTg2MywzMDYuNDA4MzczIEMzNjAuMzYwOTA0LDI5OC43NDEzMDUgMzYwLjM1ODE1NiwyODkuMjk2NDIgMzU1Ljk1MTQwMSwyODEuNjMxOTY3IFoiIGlkPSJGaWxsLTI1IiBmaWxsLW9wYWNpdHk9IjAuMTIiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
    .report-error-section__title {
      color: var(--content-color-primary);
      margin-top: var(--spacing-l);
      font-size: var(--text-size-xl); }
    .report-error-section__body {
      line-height: var(--line-height-xs);
      color: var(--content-color-secondary);
      margin: var(--spacing-l) auto var(--spacing-xxl);
      font-size: var(--text-size-l); }

.report-graph-card {
  padding: var(--spacing-l);
  margin: var(--spacing-l) 0;
  background: var(--background-color-primary);
  border-radius: var(--border-radius-s);
  border: 1px solid var(--border-color-default);
  min-height: 94px;
  position: relative; }
  .report-graph-card--clickable {
    cursor: pointer; }
  .report-graph-card__loader {
    margin: var(--spacing-xxl);
    text-align: center; }
  .report-graph-card__empty {
    text-align: center;
    padding: var(--spacing-xxl);
    font-size: var(--text-size-l); }
    .report-graph-card__empty p {
      color: var(--content-color-primary); }
  .report-graph-card__list {
    list-style: none;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero);
    margin-top: var(--spacing-l);
    max-height: 200px;
    overflow: auto;
    margin-left: -var(--spacing-s);
    margin-right: -var(--spacing-s); }
    .report-graph-card__list li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
      height: 20px;
      padding: 10px var(--spacing-s);
      border-radius: var(--border-radius-s);
      font-size: var(--text-size-l);
      color: var(--content-color-primary); }
      .report-graph-card__list li:hover {
        background: var(--background-color-secondary); }
  .report-graph-card__info {
    position: absolute;
    right: var(--spacing-l);
    top: var(--spacing-l); }
    .report-graph-card__info svg {
      height: 12px;
      width: 12px; }
  .report-graph-card__title {
    font-weight: var(--text-weight-medium);
    margin-bottom: var(--spacing-l);
    margin-top: 0; }
  .report-graph-card__summary {
    font-size: var(--text-size-s);
    font-weight: var(--text-weight-medium);
    margin: var(--spacing-l) 0; }
  .report-graph-card__summary-metric {
    text-transform: uppercase;
    color: var(--content-color-secondary);
    font-size: var(--text-size-s);
    margin-left: var(--spacing-s);
    font-weight: var(--text-weight-medium); }
  .report-graph-card__count {
    display: inline-block;
    font-size: var(--text-size-xxl);
    font-weight: var(--text-weight-medium);
    vertical-align: middle;
    color: var(--content-color-secondary); }
  .report-graph-card__delta {
    position: relative;
    height: 20px;
    margin-left: var(--spacing-l);
    padding-left: 20px;
    font-size: var(--text-size-s);
    line-height: var(--line-height-xs);
    background: rgba(249, 249, 249, 0.15);
    border-radius: var(--border-radius-s);
    display: inline-block;
    padding-right: var(--spacing-xs); }
    .report-graph-card__delta .pm-icon {
      position: absolute;
      top: 2px;
      left: 2px; }
    .report-graph-card__delta--success {
      background: rgba(12, 187, 82, 0.15);
      color: var(--base-color-success); }
    .report-graph-card__delta--error {
      background: rgba(237, 75, 72, 0.15);
      color: var(--content-color-error); }
  .report-graph-card__dots {
    margin-top: var(--spacing-l);
    font-size: var(--text-size-xs);
    color: var(--content-color-secondary); }
    .report-graph-card__dots span {
      display: inline-block;
      margin-right: var(--spacing-s);
      height: var(--spacing-s);
      width: var(--spacing-s);
      border-radius: 50%;
      background-color: var(--base-color-success); }
    .report-graph-card__dots--negative span {
      background-color: var(--base-color-error); }
  .report-graph-card__column-name {
    margin-top: var(--spacing-l);
    border-bottom: 1px solid var(--border-color-default);
    padding-bottom: var(--spacing-s);
    font-weight: var(--text-weight-regular);
    color: var(--content-color-secondary);
    font-size: var(--text-size-l); }
  .report-graph-card .push-half--bottom {
    margin-bottom: var(--spacing-s) !important; }

.report-table .rt-td {
  padding: var(--spacing-s) !important; }

.report-table .rt-tbody {
  max-height: 400px;
  overflow: auto; }

.report-table__missing {
  margin-top: var(--spacing-l);
  border-top: 1px solid var(--border-color-default);
  font-size: var(--text-size-m); }
  .report-table__missing span {
    display: inline-block;
    margin-top: var(--spacing-s); }
  .report-table__missing p {
    margin: var(--spacing-xs) 0 0 0;
    color: var(--content-color-secondary); }

.report-back {
  display: flex;
  justify-content: left;
  margin-top: var(--spacing-l);
  margin-left: -var(--spacing-s);
  width: fit-content; }
  .report-back .pm-icon {
    margin-right: 10px; }
  .report-back:hover {
    background: var(--background-color-tertiary); }

@media (min-width: 768px) {
  .report-navigation {
    border-right-style: solid;
    border-color: var(--border-color-strong);
    border-width: 1px;
    display: block;
    overflow-x: hidden; }
  .report > .report-pm-container {
    padding-left: calc(304px + var(--spacing-l)); } }

.report-pm-container {
  margin-top: 24px;
  padding: var(--spacing-zero) var(--spacing-l);
  margin-bottom: 24px;
  min-width: 320px; }
  @media (min-width: 768px) {
    .report-pm-container {
      margin: 24px auto;
      padding: var(--spacing-zero) var(--spacing-s); } }

.report-pm-container:before, .report-pm-container:after {
  content: " ";
  display: table; }

.report-pm-container:after {
  clear: both; }

@media (max-width: 768px) {
  .report-pm-container {
    padding-left: 8px;
    padding-right: 8px; } }

@media (min-width: 768px) {
  .report-pm-container {
    max-width: 994px; } }

@media (min-width: 1024px) {
  .report-pm-container {
    max-width: 1104px; } }

@media (min-width: 1280px) {
  .report-pm-container {
    max-width: 1104px; } }

.report-empty-state {
  text-align: center; }
  .report-empty-state--absolute-center {
    padding-left: 320px; }
  .report-empty-state__image {
    margin: auto;
    margin-top: 80px;
    max-width: 160px;
    margin-bottom: var(--spacing-l); }
    .report-empty-state__image.activity {
      display: block;
      width: 160px;
      height: 126px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTk0IiBoZWlnaHQ9IjE1MyIgdmlld0JveD0iMCAwIDE5NCAxNTMiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0uODI1LjFIMzguMzV2OTUuNzdILjgyNXoiLz4KICAgICAgICA8cGF0aCBpZD0iYyIgZD0iTS41NDUuMDA1aDI0Ljg0N3Y5LjU3NEguNTQ1eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBmaWxsPSIjRjBGMEYwIiBkPSJNMTEzLjM0NSAxMzIuMzEyYy0xMS42MjcgNy45MTQtMjUuNjc3IDEyLjU0MS00MC44MSAxMi41NDFDMzIuNDc2IDE0NC44NTMgMCAxMTIuNDI3IDAgNzIuNDI3UzMyLjQ3NSAwIDcyLjUzNiAwYzEzLjg3MyAwIDI2LjgzNyAzLjg4OSAzNy44NTcgMTAuNjM0IDcuNjg5LTMuNzQ0IDE2LjMyOC01Ljg0NiAyNS40NTgtNS44NDZDMTY3Ljk2NiA0Ljc4OCAxOTQgMzAuNzg0IDE5NCA2Mi44NWMwIDkuMDg4LTIuMDkxIDE3LjY4OS01LjgyIDI1LjM0OGE0My4xNDggNDMuMTQ4IDAgMCAxIDUuNDQ5IDIxLjA1MmMwIDIzLjk2Ny0xOS40NTkgNDMuMzk2LTQzLjQ2MiA0My4zOTYtMTUuNTE2IDAtMjkuMTMzLTguMTE4LTM2LjgyMi0yMC4zMzN6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTM2LjM0OSA4OC40OTNjLS4yMjYgMS4xMTUtLjk0OSAzLjQ2NC0zLjEzIDQuNDc3YS4wOS4wOSAwIDAgMCAwIC4xNjhjLjY0Ny4xOTcgMi4zMzMuOTggMy4yMDkgMy45MDdhLjA5My4wOTMgMCAwIDAgLjE4LS4wMTFjLjE2OC0uOTc5Ljg1LTMuMjcxIDMuMzM1LTMuODc0YS4wOTMuMDkzIDAgMCAwIDAtLjE3N2MtLjg1Mi0uMjc2LTIuODYtMS4yNi0zLjQyNC00LjQ4MmEuMDkuMDkgMCAwIDAtLjE3LS4wMDh6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzhDOUVBMiIgZD0iTTEyMy41ODcgMTI0Ljg3MmgxMi44MDJ2LTExLjY0OEgxMTkuMTYiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjOUFBREIyIiBkPSJNNjEuMDkgMjkuMWg2NS4yNnY5NS43NzJINjUuMjVjLTguNTIzLS4wMDMtMTUuNDMtNi45MjItMTUuNDI5LTE1LjQ1NlY0MS40NDMiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDI1OTY2IiBkPSJNMTI2LjM1IDkwLjUxNGgyMC4wNzl2MjUuOTM3YzAgNC42NS0zLjc2NSA4LjQyMS04LjQxIDguNDIxaC0zLjI1OGMtNC42NDUgMC04LjQxLTMuNzctOC40MS04LjQyMVY5MC41MTR6TTQ5LjgxMyA0MS40NDNsMTEuMTI4LjM1Mi4xNDItMTIuNjk2Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzdENzI4RSIgZD0iTTYxLjA4MyAxMDEuMjI3aDU1LjQ4N1Y0OS4xMTVINjEuMDgzeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM3RDkxOTkiIGQ9Ik0xMTYuNDc2IDM5LjgxNGMwIDIuNTgtMi4wODggNC42Ny00LjY2NCA0LjY3YTQuNjY3IDQuNjY3IDAgMCAxLTQuNjY1LTQuNjdjMC0yLjU3OSAyLjA4OS00LjY3IDQuNjY1LTQuNjdhNC42NjcgNC42NjcgMCAwIDEgNC42NjQgNC42N3pNNjcuODQ4IDM4LjMxNGgzNi4xNjN2LTIuMzQxSDY3Ljg0OHpNNjcuODQ4IDQzLjQ3N2gzNi4xNjN2LTIuMzRINjcuODQ4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4IDI5KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjgyNSA5NS44N0gzOC4zNVYuMUguODI1eiIgbWFzaz0idXJsKCNiKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0Y2OUM3OSIgZD0iTTEzNS4xMzMgNTkuNTI1Yy0uMjI2IDEuMTE1LS45NSAzLjQ2NC0zLjEzIDQuNDc2YS4wOTEuMDkxIDAgMCAwIDAgLjE2OWMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkzLjA5MyAwIDAgMCAuMTgtLjAxMmMuMTY4LS45NzguODQ5LTMuMjcgMy4zMzUtMy44NzNhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzlBQURCMiIgZD0iTTE1Ny4zMzcgMTAxLjU3MWMtLjIyNiAxLjExNS0uOTQ5IDMuNDY0LTMuMTMgNC40NzdhLjA5LjA5IDAgMCAwIDAgLjE2OGMuNjQ3LjE5NyAyLjMzMi45OCAzLjIwOSAzLjkwN2EuMDkyLjA5MiAwIDAgMCAuMTgtLjAxMWMuMTY4LS45NzkuODUtMy4yNzEgMy4zMzUtMy44NzRhLjA5My4wOTMgMCAwIDAgMC0uMTc3Yy0uODUzLS4yNzYtMi44Ni0xLjI2LTMuNDI1LTQuNDgyYS4wOS4wOSAwIDAgMC0uMTctLjAwOHoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZmlsbD0iIzIzMUYyMCIgZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTYxLjA4MyAxMTMuOTVoMjQuODQ2di05LjU3NUg2MS4wODN6Ii8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTEgMTA0KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJkIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2MiLz4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMjMxRjIwIiBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNLjU0NSA5LjU4aDI0Ljg0N1YuMDA0SC41NDV6IiBtYXNrPSJ1cmwoI2QpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }
  .report-empty-state__title {
    color: var(--content-color-primary);
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-s); }
  .report-empty-state__body {
    max-width: 600px;
    line-height: var(--line-height-m);
    color: var(--content-color-secondary);
    margin: var(--spacing-l) auto var(--spacing-xxl);
    font-size: var(--text-size-s); }
  .report-empty-state__action {
    margin-bottom: var(--spacing-xl); }
  .report-empty-state__subtext {
    text-align: center;
    margin-bottom: var(--spacing-xl);
    line-height: var(--line-height-s); }

.report-team {
  margin-left: 135px;
  margin-right: 135px; }
  .report-team .pm-h1 {
    display: inline-block;
    margin-top: var(--spacing-xxl);
    font-size: var(--text-size-xxxl);
    margin-bottom: 0; }
  .report-team-filters {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-s); }
    .report-team-filters__label {
      color: var(--content-color-secondary);
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m); }
    .report-team-filters .pm-select {
      display: inline-block;
      vertical-align: middle;
      margin: 0 var(--spacing-l);
      cursor: pointer; }
      .report-team-filters .pm-select .Select-clear-zone {
        display: none; }
  .report-team .pm-row {
    margin-left: -15px;
    margin-right: -15px; }
    .report-team .pm-row .pm-col-md-4 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    @media (min-width: 768px) {
      .report-team .pm-row .pm-col-md-4 {
        width: 33.33333%; } }
  .report-team .pm-link {
    text-decoration: underline; }
    .report-team .pm-link:hover {
      color: var(--content-color-link);
      text-decoration: underline;
      cursor: pointer; }
    .report-team .pm-link:visited {
      text-decoration: none; }

.report-api {
  margin-left: 135px;
  margin-right: 135px; }
  .report-api .pm-h1 {
    display: inline-block;
    margin-top: var(--spacing-xxl);
    margin-bottom: 0; }
  .report-api__versions {
    display: inline-block;
    vertical-align: middle;
    margin-top: var(--spacing-xxl); }
    .report-api__versions .pm-badge {
      margin: 0 var(--spacing-l);
      vertical-align: middle; }
    .report-api__versions .pm-link {
      vertical-align: middle; }
  .report-api-filters {
    margin-top: var(--spacing-l); }
    .report-api-filters__label {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }
    .report-api-filters .pm-select {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      margin-left: var(--spacing-l);
      cursor: pointer;
      width: 130px; }
      .report-api-filters .pm-select .Select-clear-zone {
        display: none; }
    .report-api-filters__collections .Select-menu-outer .Select-menu .Select-option:first-child {
      padding-bottom: var(--spacing-l);
      border-bottom: 1px solid var(--border-color-default); }
  .report-api-versions {
    list-style: none;
    margin: var(--spacing-zero);
    padding: var(--spacing-zero); }
    .report-api-versions li {
      height: 40px;
      margin: var(--spacing-l) 0;
      margin-left: -var(--spacing-s);
      margin-right: -var(--spacing-s);
      padding: 10px var(--spacing-s);
      border-radius: var(--border-radius-s); }
      .report-api-versions li:hover {
        background: rgba(241, 90, 36, 0.1);
        cursor: pointer; }
  .report-api-metrics {
    margin-top: var(--spacing-l); }
    .report-api-metrics__label {
      font-weight: var(--text-weight-medium);
      font-size: var(--text-size-m);
      color: var(--content-color-secondary); }
    .report-api-metrics__list {
      list-style: none;
      margin: var(--spacing-zero);
      padding: var(--spacing-zero);
      display: inline-block; }
      .report-api-metrics__list > li {
        display: inline-block; }
    .report-api-metrics__item {
      font-size: var(--text-size-s);
      margin-left: var(--spacing-xs);
      font-weight: var(--text-weight-medium);
      background: var(--border-color-strong);
      border-radius: var(--border-radius-s);
      padding: 0 var(--spacing-s); }
      .report-api-metrics__item a {
        text-decoration: none;
        color: var(--content-color-secondary); }
  .report-api__no-reports {
    padding-top: var(--spacing-xxl);
    overflow: hidden; }
    .report-api__no-reports .empty-state__title {
      margin-top: var(--spacing-l); }
    .report-api__no-reports .empty-state__body {
      max-width: 600px;
      margin-top: var(--spacing-s); }
  .report-api .pm-link {
    text-decoration: underline; }
    .report-api .pm-link:hover {
      color: var(--content-color-link);
      text-decoration: underline;
      cursor: pointer; }
    .report-api .pm-link:visited {
      text-decoration: none; }
  .report-api .report-loading-indicator {
    display: block;
    margin: 64px auto 16px;
    max-width: 48px;
    position: unset; }
    @media (min-width: 768px) {
      .report-api .report-loading-indicator {
        margin-top: 192px; } }

.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.ReactTable * {
  box-sizing: border-box; }

.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto; }

.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--background-color-primary);
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none; }

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, 0.02); }

.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15); }

.ReactTable .rt-thead .rt-tr {
  text-align: center; }

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding: 5px 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 0 0 0 transparent; }

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6); }

.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6); }

.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer; }

.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0; }

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible; }

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden; }

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis; }

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: var(--border-color-default); }

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: var(--border-color-default);
  border-width: 8px;
  margin-top: -8px; }

.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102, 102, 102, 0);
  border-left-color: var(--border-color-default);
  border-width: 10px;
  margin-top: -10px; }

.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto; }

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px var(--border-color-default); }

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0; }

.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02); }

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0; }

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer; }

.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.ReactTable .rt-th,
.ReactTable .rt-td {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  transition: .3s ease;
  transition-property: width, min-width, padding, opacity; }

.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important; }

.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px; }

.ReactTable .rt-expander:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer; }

.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0); }

.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10; }

.ReactTable .rt-tfoot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05); }

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0; }

.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, 0.03); }

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: var(--highlight-background-color-primary); }

.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgba(0, 0, 0, 0.1); }

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--background-color-primary);
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none; }

.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
  transition: all .1s ease;
  cursor: pointer;
  outline: none; }

.ReactTable .-pagination .-btn[disabled] {
  opacity: .5;
  cursor: default; }

.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.3);
  color: var(--content-color-constant); }

.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center; }

.ReactTable .-pagination .-center {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap; }

.ReactTable .-pagination .-pageJump {
  display: inline-block; }

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center; }

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px; }

.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  transition: all .3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: rgba(0, 0, 0, 0.5); }

.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all .3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all; }

.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%); }

.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ReactTable {
  border: none; }
  .ReactTable .rt-thead {
    background: var(--background-color-secondary); }
    .ReactTable .rt-thead.-header {
      box-shadow: none; }
    .ReactTable .rt-thead .rt-tr {
      text-align: left;
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium);
      text-transform: uppercase; }
    .ReactTable .rt-thead .rt-th,
    .ReactTable .rt-thead .rt-td {
      line-height: 30px;
      padding: 0 var(--spacing-s);
      color: var(--content-color-secondary);
      border-right: none; }
      .ReactTable .rt-thead .rt-th.-cursor-pointer:hover,
      .ReactTable .rt-thead .rt-td.-cursor-pointer:hover {
        color: var(--content-color-primary);
        background: var(--highlight-background-color-secondary); }
      .ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-th.-sort-desc,
      .ReactTable .rt-thead .rt-td.-sort-asc,
      .ReactTable .rt-thead .rt-td.-sort-desc {
        box-shadow: none;
        color: var(--base-color-brand); }
        .ReactTable .rt-thead .rt-th.-sort-asc:hover, .ReactTable .rt-thead .rt-th.-sort-desc:hover,
        .ReactTable .rt-thead .rt-td.-sort-asc:hover,
        .ReactTable .rt-thead .rt-td.-sort-desc:hover {
          color: var(--base-color-brand); }
      .ReactTable .rt-thead .rt-th.-sort-asc > div:after,
      .ReactTable .rt-thead .rt-td.-sort-asc > div:after {
        top: -2px;
        left: 8px;
        height: 0;
        content: ' ';
        position: relative;
        display: inline-block;
        border-color: transparent;
        border-top-color: inherit;
        border-width: 4px 4px 0;
        border-style: solid; }
      .ReactTable .rt-thead .rt-th.-sort-desc > div:after,
      .ReactTable .rt-thead .rt-td.-sort-desc > div:after {
        top: -2px;
        left: 8px;
        height: 0;
        content: ' ';
        position: relative;
        display: inline-block;
        border-color: transparent;
        border-bottom-color: inherit;
        border-width: 0 4px 4px;
        border-style: solid; }
  .ReactTable .rt-tbody .rt-tr-group {
    border-bottom: solid thin var(--border-color-default); }
  .ReactTable .rt-tbody .rt-td {
    font-size: var(--text-size-l);
    color: var(--content-color-primary);
    border: none; }
  .ReactTable .rt-tbody .rt-tr__anchor {
    text-decoration: none;
    color: inherit; }
  .ReactTable .rt-td {
    padding: 0; }
  .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
    background: var(--highlight-background-color-primary); }

.report-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: var(--background-color-tertiary); }

.report-view-section {
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: auto;
  margin-bottom: var(--spacing-xl); }
  .report-view-section-wrapper {
    width: 100%;
    flex: 1; }
  .report-view-section--header {
    text-align: center;
    color: var(--content-color-primary);
    line-height: var(--line-height-m);
    font-size: var(--text-size-l);
    margin-bottom: var(--spacing-l); }
  .report-view-section--tiles {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: var(--spacing-xl);
    color: var(--content-color-primary); }

.page-loader {
  display: grid;
  justify-content: center;
  margin: var(--spacing-l) var(--spacing-zero); }

.section-loader {
  display: grid;
  justify-content: center;
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl); }

.error-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 64px; }
  .error-banner-primary-text {
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-l); }
  .error-banner-secondary-text {
    margin-bottom: var(--spacing-l); }

.tile {
  min-height: 300px;
  padding: var(--spacing-l);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--background-color-primary);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default);
  text-align: center; }
  .tile.span-2 {
    grid-column: span 2; }
  .tile.span-3 {
    grid-column: span 3; }
  .tile.span-4 {
    grid-column: span 4; }
  .tile.span-6 {
    grid-column: span 6; }
  .tile.chart .native-chart {
    margin-top: var(--spacing-l);
    width: 100%;
    height: 100%; }
    .tile.chart .native-chart canvas {
      height: 250px; }
  .tile .single-data {
    cursor: pointer;
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium);
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 290px;
    display: block;
    white-space: nowrap; }
    .tile .single-data i {
      display: none; }
  .tile .single-data-non-clickable {
    font-size: var(--text-size-xl);
    font-weight: var(--text-weight-medium);
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 290px;
    display: block;
    white-space: nowrap; }
    .tile .single-data-non-clickable i {
      display: none; }
  .tile .view-full-report {
    align-self: flex-end;
    margin-top: var(--spacing-l);
    display: inline-flex;
    font-size: var(--text-size-m); }
    .tile .view-full-report.hidden {
      visibility: hidden; }
    .tile .view-full-report.visible {
      visibility: visible; }
    .tile .view-full-report .aether-link-text {
      display: flex;
      align-items: center; }
      .tile .view-full-report .aether-link-text i {
        padding-left: var(--spacing-xs); }

.drill-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-xxl); }
  .drill-state__title {
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-m); }
  .drill-state__redirect-text {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-m); }

.tile--active {
  border: 2px solid #0265D2; }

.embeddable-report-graph-card__title {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m);
  margin: var(--spacing-s) var(--spacing-zero); }

.embeddable-report-graph-card__summary {
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  display: flex;
  justify-content: space-between; }
  .embeddable-report-graph-card__summary__disclaimer {
    color: var(--content-color-tertiary);
    font-size: var(--text-size-xs); }

.embeddable-report-graph-card__loader {
  display: flex;
  justify-content: center; }

.embeddable-report-graph-card__empty {
  color: var(--content-color-primary); }
  .embeddable-report-graph-card__empty__body {
    font-size: var(--text-size-m);
    line-height: var(--line-height-m); }

.invite-to-team-modal__content {
  margin-bottom: var(--spacing-l) !important; }
  .invite-to-team-modal__content-error div {
    margin-top: var(--spacing-xs); }
  .invite-to-team-modal__content .invite-file-upload {
    cursor: pointer;
    height: 100%;
    font-size: var(--text-size-s); }
    .invite-to-team-modal__content .invite-file-upload :hover {
      color: var(--content-color-primary); }

.invite-to-team-modal .ws-invite-link {
  padding: unset; }

:root {
  --min-editor-height: calc(10 * var(--size-m)); }

.mimir {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-family: var(--text-family-default);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m); }
  .mimir .slate-HeadingToolbar {
    height: 40px;
    max-height: unset;
    padding: var(--spacing-zero);
    margin: var(--spacing-zero);
    border: var(--spacing-zero);
    box-shadow: var(--shadow-default);
    border-radius: var(--border-radius-default) var(--border-radius-default) var(--spacing-zero) var(--spacing-zero);
    background: var(--background-color-primary); }
  .mimir .toolbar__anchor {
    width: 100%;
    position: absolute;
    top: var(--spacing-zero);
    z-index: 3; }
  .mimir .toolbar__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: var(--spacing-zero) var(--spacing-s); }
  .mimir .toolbar__info {
    display: flex;
    height: 24px;
    width: 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 3px;
    margin: var(--spacing-s) var(--spacing-zero); }
    .mimir .toolbar__info:hover {
      background-color: var(--background-color-secondary); }
    .mimir .toolbar__info.active {
      background-color: var(--background-color-tertiary); }
  .mimir .toolbar__list {
    padding: var(--spacing-zero);
    margin: var(--spacing-zero);
    width: calc(100% - 24px);
    display: flex;
    overflow: hidden; }
    .mimir .toolbar__list .toolbar__list__divider--vertical {
      height: 50%;
      margin: auto var(--spacing-xs);
      border-left: 1px solid var(--border-color-default); }
    .mimir .toolbar__list .toolbar__list__divider--horizontal {
      width: 100%;
      height: 0;
      margin: var(--spacing-s) var(--spacing-zero);
      border-bottom: 1px solid var(--border-color-default); }
    .mimir .toolbar__list .toolbar__list__item {
      display: flex;
      align-items: center; }
      .mimir .toolbar__list .toolbar__list__item > * + * {
        margin-left: var(--spacing-xs); }
      .mimir .toolbar__list .toolbar__list__item .toolbar__button {
        height: var(--size-s); }
        .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton {
          height: var(--size-s);
          width: var(--size-s);
          border-radius: 3px; }
          .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton svg {
            width: 12px;
            height: 12px; }
          .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton svg * {
            fill: var(--content-color-secondary); }
          .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton:hover {
            background: var(--highlight-background-color-secondary);
            color: var(--content-color-primary) !important; }
            .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton:hover svg * {
              fill: var(--content-color-primary); }
          .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton-active {
            background-color: var(--highlight-background-color-tertiary);
            color: var(--content-color-primary) !important; }
            .mimir .toolbar__list .toolbar__list__item .toolbar__button .slate-ToolbarButton-active svg * {
              fill: var(--content-color-primary); }
    .mimir .toolbar__list .toolbar__dropdown__heading {
      display: flex;
      height: var(--size-s);
      max-width: 95px;
      border-radius: var(--border-radius-default);
      padding: 2px var(--spacing-xs);
      font-family: Inter;
      font-size: var(--text-size-m);
      font-style: normal;
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-m);
      letter-spacing: var(--spacing-zero);
      text-align: left;
      align-items: center;
      color: var(--content-color-secondary); }
      .mimir .toolbar__list .toolbar__dropdown__heading > * + * {
        margin-left: var(--spacing-xs); }
      .mimir .toolbar__list .toolbar__dropdown__heading:hover {
        background: var(--background-color-secondary);
        color: var(--content-color-secondary); }
      .mimir .toolbar__list .toolbar__dropdown__heading--active {
        background-color: var(--background-color-tertiary);
        color: var(--content-color-primary) !important; }
      .mimir .toolbar__list .toolbar__dropdown__heading--disabled {
        color: var(--content-color-tertiary);
        opacity: 0.5;
        pointer-events: none; }
        .mimir .toolbar__list .toolbar__dropdown__heading--disabled svg {
          width: 12px;
          height: 12px; }
        .mimir .toolbar__list .toolbar__dropdown__heading--disabled svg * {
          fill: var(--content-color-tertiary); }
        .mimir .toolbar__list .toolbar__dropdown__heading--disabled:hover {
          background: var(--background-color-tertiary);
          color: var(--content-color-tertiary); }
      .mimir .toolbar__list .toolbar__dropdown__heading .title__truncated {
        min-width: 18px; }
      .mimir .toolbar__list .toolbar__dropdown__heading .title__full-size {
        min-width: 67px; }
    .mimir .toolbar__list .toolbar__dropdown__menu {
      display: flex;
      height: var(--size-s);
      border-radius: var(--border-radius-default);
      font-family: Inter;
      font-size: var(--text-size-m);
      font-style: normal;
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-m);
      letter-spacing: var(--spacing-zero);
      text-align: left;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: var(--content-color-secondary); }
      .mimir .toolbar__list .toolbar__dropdown__menu > * + * {
        margin-left: var(--spacing-xs); }
      .mimir .toolbar__list .toolbar__dropdown__menu:hover {
        background: var(--background-color-secondary);
        color: var(--content-color-secondary); }
      .mimir .toolbar__list .toolbar__dropdown__menu--active {
        background-color: var(--background-color-tertiary);
        color: var(--content-color-primary) !important; }
    .mimir .toolbar__list .toolbar__dropdown {
      display: flex;
      width: 200px;
      flex-direction: column;
      position: absolute;
      z-index: 1;
      max-width: 200px;
      font-family: Inter;
      font-size: var(--text-size-m);
      font-style: normal;
      font-weight: var(--text-weight-regular);
      line-height: var(--line-height-m);
      letter-spacing: var(--spacing-zero);
      text-align: center;
      border: 1px solid var(--border-color-default);
      padding: 2px var(--spacing-zero);
      top: 40px;
      left: 2px;
      background-color: var(--background-color-primary);
      border-radius: var(--border-radius-default);
      border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
      box-shadow: var(--shadow-default); }
      .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton {
        width: inherit !important;
        height: var(--size-m) !important;
        justify-content: flex-start;
        padding: var(--spacing-zero) var(--spacing-l);
        color: var(--content-color-secondary); }
        .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton svg {
          width: 12px;
          height: 12px; }
        .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton svg * {
          fill: var(--content-color-secondary); }
        .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton:hover {
          background: var(--background-color-secondary);
          color: var(--content-color-secondary) !important; }
        .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton-active {
          background-color: var(--background-color-tertiary);
          color: var(--content-color-primary) !important; }
          .mimir .toolbar__list .toolbar__dropdown .slate-ToolbarButton-active svg * {
            fill: var(--content-color-primary); }
      .mimir .toolbar__list .toolbar__dropdown .toolbar-dropdown-icon {
        display: flex;
        position: relative;
        min-width: 100%; }
      .mimir .toolbar__list .toolbar__dropdown .toolbar-dropdown-shortcut-label {
        color: var(--content-color-tertiary);
        font-weight: var(--text-weight-regular);
        position: absolute;
        right: var(--spacing-zero); }
    .mimir .toolbar__list .toolbar-button--disabled {
      display: flex;
      justify-content: center;
      align-items: center;
      height: var(--size-s);
      width: var(--size-s);
      vertical-align: middle;
      color: var(--content-color-tertiary);
      opacity: 0.5;
      pointer-events: none; }
      .mimir .toolbar__list .toolbar-button--disabled svg {
        width: 12px;
        height: 12px; }
      .mimir .toolbar__list .toolbar-button--disabled svg * {
        fill: var(--content-color-tertiary); }
    .mimir .toolbar__list .toolbar__dropdown.code {
      left: 162px; }
    .mimir .toolbar__list .toolbar__dropdown.table {
      left: 72px; }
  .mimir .editor__container {
    position: absolute;
    width: 100%;
    margin-top: 40px;
    height: calc(100% - 40px); }
    .mimir .editor__container > div {
      min-height: calc(100% - 64px) !important;
      max-height: calc(100% - 64px);
      overflow-y: auto;
      overflow-x: hidden;
      text-align: left;
      width: calc(100% - 2 * var(--spacing-l));
      padding: var(--spacing-l);
      padding-bottom: var(--spacing-xxxl);
      color: var(--content-color-primary); }
    .mimir .editor__container div {
      /**
      * As there we no mockups in artemis-v2 Figma file, copied the
      * same styles as present in the public & private documentation
      */ }
      .mimir .editor__container div > * {
        margin: var(--spacing-zero); }
      .mimir .editor__container div > * + * {
        margin-top: var(--spacing-l); }
      .mimir .editor__container div p {
        word-break: break-word;
        padding: var(--spacing-zero);
        margin: 1em var(--spacing-zero); }
        .mimir .editor__container div p span[data-slate-placeholder="true"] {
          width: auto !important; }
        .mimir .editor__container div p > * {
          margin: var(--spacing-zero); }
        .mimir .editor__container div p > * + * {
          margin-top: var(--spacing-l); }
      .mimir .editor__container div h1,
      .mimir .editor__container div h2,
      .mimir .editor__container div h3,
      .mimir .editor__container div h4,
      .mimir .editor__container div h5,
      .mimir .editor__container div h6 {
        color: var(--content-color-primary);
        font-weight: var(--text-weight-medium); }
      .mimir .editor__container div h1 {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl); }
      .mimir .editor__container div h2 {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl); }
      .mimir .editor__container div h3 {
        font-size: var(--text-size-xxl);
        line-height: var(--line-height-xxl); }
      .mimir .editor__container div h4 {
        font-size: var(--text-size-l);
        line-height: var(--line-height-l); }
      .mimir .editor__container div h5 {
        font-size: 0.83em; }
      .mimir .editor__container div h6 {
        font-size: 0.67em; }
      .mimir .editor__container div ul li {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        font-weight: var(--text-weight-regular); }
      .mimir .editor__container div h1 * {
        font-size: var(--text-size-xxxl);
        line-height: var(--line-height-xxxl); }
      .mimir .editor__container div h2 * {
        font-size: var(--text-size-xxl);
        line-height: var(--line-height-xxl); }
      .mimir .editor__container div h3 * {
        font-size: var(--text-size-xl);
        line-height: var(--line-height-xl); }
      .mimir .editor__container div h4 * {
        font-size: var(--text-size-l);
        line-height: var(--line-height-l); }
      .mimir .editor__container div h5 * {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m); }
      .mimir .editor__container div h6 * {
        font-size: var(--text-size-m);
        line-height: var(--line-height-m);
        color: var(--content-color-secondary); }
      .mimir .editor__container div hr {
        height: 0;
        border-style: none;
        border-width: var(--spacing-zero);
        padding: var(--spacing-zero);
        border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
      .mimir .editor__container div .hr--selected hr {
        border-color: #0053b8; }
      .mimir .editor__container div blockquote {
        padding: var(--spacing-zero);
        padding-left: var(--spacing-l);
        border-left: var(--border-width-xl) var(--border-style-solid) var(--border-color-default);
        color: var(--content-color-secondary); }
      .mimir .editor__container div em {
        font-style: italic; }
      .mimir .editor__container div strong {
        font-weight: var(--text-weight-medium); }
      .mimir .editor__container div ul,
      .mimir .editor__container div ol {
        margin-left: var(--spacing-xs);
        padding-left: var(--spacing-m); }
        .mimir .editor__container div ul p,
        .mimir .editor__container div ol p {
          margin: var(--spacing-zero); }
      .mimir .editor__container div ol li {
        list-style-type: decimal; }
        .mimir .editor__container div ol li ol li {
          list-style-type: lower-alpha; }
          .mimir .editor__container div ol li ol li ol li {
            list-style-type: lower-roman; }
            .mimir .editor__container div ol li ol li ol li ol li {
              list-style-type: lower-alpha; }
              .mimir .editor__container div ol li ol li ol li ol li ol li {
                list-style-type: lower-roman; }
      .mimir .editor__container div code {
        padding: 1px var(--spacing-xs);
        font-family: var(--text-family-code);
        background-color: var(--background-color-tertiary); }
        .mimir .editor__container div code p {
          margin: var(--spacing-zero); }
      .mimir .editor__container div .highlighted-code code {
        background-color: transparent;
        border: none;
        border-radius: 0; }
      .mimir .editor__container div .slate-table-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        cursor: default; }
      .mimir .editor__container div table {
        width: 100%;
        border-radius: var(--border-radius-default);
        border-spacing: var(--size-m);
        border-collapse: collapse;
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong); }
        .mimir .editor__container div table tr {
          height: var(--size-m);
          min-height: var(--size-m); }
        .mimir .editor__container div table th,
        .mimir .editor__container div table td {
          min-width: 77px;
          max-width: 77px;
          padding: var(--spacing-s);
          word-break: normal;
          vertical-align: top;
          cursor: text;
          border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
          background: transparent; }
          .mimir .editor__container div table th:first-child,
          .mimir .editor__container div table td:first-child {
            border-left: none; }
          .mimir .editor__container div table th:last-child,
          .mimir .editor__container div table td:last-child {
            border-right: none; }
        .mimir .editor__container div table th {
          border-top: none;
          text-align: left;
          font-weight: normal;
          background-color: var(--background-color-secondary); }
        .mimir .editor__container div table tr:last-child th,
        .mimir .editor__container div table tr:last-child td {
          border-bottom: none; }
      .mimir .editor__container div .mimir-image-container {
        position: relative; }
      .mimir .editor__container div .image-balloon-anchor {
        position: absolute;
        bottom: 0;
        margin-top: var(--spacing-zero);
        transform: translateY(calc(100% + 4px)); }
      .mimir .editor__container div img {
        display: block;
        max-width: 100%;
        max-height: calc(0.7 * var(--max-editor-height));
        padding: 2px; }
        .mimir .editor__container div img.selected {
          padding: var(--spacing-zero);
          border: 2px solid #0053b8; }
      .mimir .editor__container div .slate-codeblock-wrapper {
        border: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
        border-radius: var(--border-radius-default);
        background-color: var(--background-color-primary);
        display: flex;
        flex-direction: column;
        box-sizing: border-box; }
        .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: var(--spacing-s); }
          .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__left .codeblock__dropdown .aether-dropdown__control {
            margin-top: var(--spacing-zero) !important;
            width: 130px !important;
            background-color: var(--background-color-secondary);
            border: none;
            cursor: pointer; }
            .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__left .codeblock__dropdown .aether-dropdown__control .css-b8ldur-Input {
              margin-top: var(--spacing-zero) !important; }
          .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__left .codeblock__dropdown .aether-dropdown__indicators {
            margin-top: var(--spacing-zero) !important; }
            .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__left .codeblock__dropdown .aether-dropdown__indicators .aether-dropdown__dropdown-indicator {
              margin-top: var(--spacing-zero) !important; }
          .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__right {
            display: flex;
            margin: var(--spacing-zero); }
            .mimir .editor__container div .slate-codeblock-wrapper .codeblock__header__right > * {
              margin: var(--spacing-zero); }
        .mimir .editor__container div .slate-codeblock-wrapper .codeblock__button {
          margin-left: var(--spacing-s);
          border: var(--border-width-default) var(--border-style-solid) transparent; }
          .mimir .editor__container div .slate-codeblock-wrapper .codeblock__button.word-wrapped {
            background: var(--highlight-background-color-primary);
            border-color: var(--border-color-strong); }
        .mimir .editor__container div .slate-codeblock-wrapper .codeblock__content {
          padding: var(--spacing-zero) var(--spacing-m) var(--spacing-m) var(--spacing-m);
          margin: var(--spacing-zero);
          color: var(--content-color-primary);
          max-height: var(--container-max-height);
          font-size: var(--text-size-m);
          line-height: var(--line-height-m);
          position: relative;
          flex: 1; }
          .mimir .editor__container div .slate-codeblock-wrapper .codeblock__content code {
            background-color: transparent;
            border: none;
            border-radius: var(--spacing-zero);
            font-family: var(--text-family-code);
            font-size: var(--text-size-m);
            line-height: var(--line-height-m);
            margin: var(--spacing-zero);
            padding: var(--spacing-zero); }
            .mimir .editor__container div .slate-codeblock-wrapper .codeblock__content code.word-wrapped {
              overflow-wrap: break-word;
              white-space: pre-wrap; }
              .mimir .editor__container div .slate-codeblock-wrapper .codeblock__content code.word-wrapped .syntax-highlighted-code {
                white-space: pre-wrap; }

.toolbar__tooltip-body {
  margin: var(--spacing-s) var(--spacing-m);
  font-family: Inter;
  font-style: normal;
  font-weight: var(--text-weight-regular);
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  text-align: center;
  color: var(--content-color-primary); }
  .toolbar__tooltip-body-shortcutKeys {
    color: var(--content-color-tertiary); }

.prism-token.token {
  color: var(--content-color-secondary); }
  .prism-token.token.comment, .prism-token.token.property {
    color: var(--blue-40); }
  .prism-token.token.keyword, .prism-token.token.list {
    color: var(--base-color-brand);
    font-weight: bold; }
  .prism-token.token.number {
    color: var(--base-color-error); }
  .prism-token.token.string {
    color: var(--content-color-link); }
  .prism-token.token.operator {
    color: var(--content-color-link); }
  .prism-token.token.function, .prism-token.token.selector {
    color: var(--base-color-success); }
  .prism-token.token.constant {
    color: var(--base-color-success); }
  .prism-token.token.punctuation, .prism-token.token.parameter {
    color: var(--content-color-secondary); }

comment {
  display: none; }

.mimir-loading-indicator {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.slate-toolbar-tooltip .arrow {
  filter: drop-shadow(-2px 3px 2px rgba(0, 0, 0, 0.1)); }

.table__container {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center; }
  .table__container .table__cell__action {
    width: var(--spacing-m);
    height: var(--size-xs);
    padding: 0 2px;
    border-radius: 3px;
    background-color: transparent; }
    .table__container .table__cell__action--active {
      background-color: var(--highlight-background-color-primary); }
    .table__container .table__cell__action:hover {
      background-color: var(--highlight-background-color-primary); }

.table__cell__dropdown {
  position: absolute;
  display: none;
  opacity: 0;
  width: 135px;
  z-index: 3;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  transition: opacity 200ms ease-out, top 75ms ease-out, left 75ms ease-out;
  background-color: var(--background-color-secondary);
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  box-shadow: var(--shadow-default); }
  .table__cell__dropdown--visible {
    display: flex; }
  .table__cell__dropdown .toolbar__cell__action {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: var(--spacing-s) 10px; }
    .table__cell__dropdown .toolbar__cell__action:hover {
      background-color: var(--highlight-background-color-primary); }
    .table__cell__dropdown .toolbar__cell__action .slate-ToolbarButton {
      width: 100%;
      height: auto;
      justify-content: flex-start;
      background-color: transparent; }
      .table__cell__dropdown .toolbar__cell__action .slate-ToolbarButton:hover {
        background-color: transparent; }
    .table__cell__dropdown .toolbar__cell__action svg path {
      stroke: var(--content-color-secondary); }
    .table__cell__dropdown .toolbar__cell__action--deltab svg path {
      fill: #b70700;
      stroke: unset; }
    .table__cell__dropdown .toolbar__cell__action--deltab .icon__label {
      color: #b70700; }

.table__container .slate-ToolbarButton {
  border-radius: var(--border-width-xl);
  background-color: transparent; }

.table__container .slate-ToolbarButton-active {
  background-color: var(--highlight-background-color-primary); }

.table__container .slate-ToolbarButton:hover {
  background-color: var(--highlight-background-color-primary); }

.icon__label {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  margin-left: var(--spacing-s);
  color: var(--content-color-primary); }

.image-balloon-container {
  position: absolute;
  height: var(--size-m);
  max-height: var(--size-m);
  display: none;
  box-shadow: var(--shadow-default);
  border-radius: var(--border-width-xl);
  background: var(--background-color-primary);
  z-index: 2;
  padding: var(--spacing-xs);
  align-items: center;
  color: var(--content-color-link);
  display: flex; }

.image-balloon-container > * + * {
  margin-left: var(--spacing-s); }

.image-url-input {
  width: 240px;
  height: var(--size-s);
  background: var(--background-color-secondary);
  border: 1px solid var(--content-color-tertiary);
  border-radius: var(--border-width-xl);
  padding: 3px var(--spacing-s);
  font-size: var(--text-size-m);
  line-height: 18px; }
  .image-url-input::placeholder {
    color: var(--content-color-tertiary); }

.text-button {
  cursor: pointer;
  font-size: var(--text-size-m);
  height: var(--size-s);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px var(--spacing-xs) !important;
  margin: 0px 0px 0px var(--spacing-s) !important;
  color: var(--content-color-secondary) !important; }
  .text-button.text-button--disabled {
    color: var(--content-color-tertiary) !important;
    cursor: not-allowed; }
  .text-button svg,
  .text-button path {
    fill: var(--content-color-secondary) !important; }

.icon-button {
  height: var(--size-s);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-size-m) !important;
  line-height: 18px !important;
  cursor: pointer;
  margin: 0px var(--spacing-s) !important; }
  .icon-button svg,
  .icon-button path {
    fill: var(--content-color-secondary) !important; }

.link__container {
  position: absolute;
  max-width: 265px;
  height: var(--size-m);
  display: flex;
  box-shadow: var(--shadow-default);
  border-radius: var(--border-width-xl);
  background: var(--background-color-primary);
  z-index: 2;
  padding: var(--spacing-xs);
  margin-top: 18px;
  align-items: center;
  transition: top 75ms ease-out, left 75ms ease-out; }

.link__container--editable {
  max-width: 400px;
  height: auto; }

.link__input__wrapper {
  display: flex;
  flex-direction: column; }
  .link__input__wrapper--bot {
    display: flex; }

.link__input {
  width: 240px;
  margin-top: var(--spacing-xs); }
  .link__input::placeholder {
    color: var(--content-color-tertiary); }
  .link__input.link__input__text {
    margin-top: var(--spacing-zero); }
  .link__input.link__input__url {
    color: var(--content-color-link); }

.link__button {
  color: var(--content-color-secondary);
  height: var(--size-s);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-size-m);
  line-height: 18px;
  cursor: pointer;
  margin: 0px var(--spacing-s); }
  .link__button.link__button__add, .link__button.link__button__close {
    align-self: flex-end; }
    .link__button.link__button__add.error, .link__button.link__button__close.error {
      align-self: center; }
  .link__button.link__button--disabled {
    color: var(--content-color-tertiary);
    cursor: not-allowed; }
  .link__button svg,
  .link__button path {
    fill: var(--content-color-secondary) !important; }

.link__label {
  width: 240px;
  max-width: 240px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 3px var(--spacing-s);
  margin-right: var(--spacing-xs); }

.delete-ws-confirmation-modal-ws-name {
  word-break: break-all;
  font-weight: var(--text-weight-medium); }

.context-bar-code-snippet-view {
  display: flex;
  flex-direction: column;
  height: inherit; }

.context-bar-code-snippet-body {
  display: flex;
  flex-direction: column;
  height: inherit;
  padding: var(--spacing-zero) var(--spacing-s); }
  .context-bar-code-snippet-body .context-bar-codegen-controls {
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between; }
    .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-left {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-left .context-bar-codegen-controls-left__setting {
        display: flex;
        margin-left: var(--spacing-m);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        padding-right: var(--spacing-l); }
        .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-left .context-bar-codegen-controls-left__setting .language-settings-icon {
          cursor: pointer; }
    .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-right {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-right .btn {
        width: var(--size-m);
        height: var(--size-m); }
      .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-right .context-bar-codegen-controls-right__copy {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch; }
        .context-bar-code-snippet-body .context-bar-codegen-controls .context-bar-codegen-controls-right .context-bar-codegen-controls-right__copy .code-copy-icon {
          cursor: pointer; }
  .context-bar-code-snippet-body .context-bar-code-snippet-editor {
    display: flex;
    margin-top: var(--spacing-l);
    height: inherit; }

.context-bar-dropdown-wrapper {
  padding: 0px;
  width: 200px; }

.audit-logs-export-toast {
  margin-right: var(--spacing-xxl); }

body {
  background-color: var(--background-color-primary);
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%; }

.console-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative; }
  .console-container .separator {
    margin: var(--spacing-zero) var(--spacing-xs);
    background-color: var(--border-color-default);
    height: var(--size-xs);
    width: var(--border-width-default); }

.console__text-editor__container {
  display: flex; }
  .console__text-editor__container .console__text-editor {
    display: flex;
    flex: 1; }

.console__text-editor__header {
  display: flex; }
  .console__text-editor__header .console__text-editor__truncated-label {
    margin-left: var(--spacing-xs); }
  .console__text-editor__header .truncated-info__button {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin-left: var(--spacing-xs); }
    .console__text-editor__header .truncated-info__button .truncated-info__icon use {
      fill: var(--content-color-tertiary); }
    .console__text-editor__header .truncated-info__button .truncated-info__icon svg > path[fill] {
      fill: var(--content-color-tertiary); }

.console__blob-viewer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--background-color-primary);
  z-index: 10;
  display: flex;
  flex-direction: column; }
  .console__blob-viewer .is-hidden {
    display: none; }
  .console__blob-viewer .console__text-editor__header {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-s);
    color: var(--content-color-primary);
    align-items: center;
    height: var(--size-m);
    padding: var(--spacing-zero) var(--spacing-s);
    cursor: default;
    -webkit-user-select: none;
    user-select: none; }
    .console__blob-viewer .console__text-editor__header .header__section-left {
      display: flex;
      line-height: var(--line-height-s);
      font-size: var(--text-size-m);
      font-weight: var(--text-weight-medium); }
    .console__blob-viewer .console__text-editor__header .header__section-right {
      display: flex; }
    .console__blob-viewer .console__text-editor__header .header__section-right__close-icon {
      cursor: pointer; }
  .console__blob-viewer .console__text-editor__container {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: var(--spacing-s); }
    .console__blob-viewer .console__text-editor__container .console__text-editor {
      display: flex;
      flex-direction: column;
      flex: 1; }

.console-header {
  display: flex;
  align-items: center;
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: 10px 10px 9px 10px;
  background: var(--background-color-primary);
  z-index: 10; }
  .console-header .console-header__left {
    flex: 2;
    display: flex;
    align-items: center; }
    .console-header .console-header__left .search-input {
      margin-right: var(--spacing-m);
      flex-grow: 1; }
      .console-header .console-header__left .search-input .input-search-group {
        border-radius: var(--border-radius-default);
        padding-right: var(--spacing-zero); }
        .console-header .console-header__left .search-input .input-search-group .input-search-group__search-cancel-wrapper {
          padding-right: var(--spacing-s); }
        .console-header .console-header__left .search-input .input-search-group.is-focused.is-highlighted {
          border: var(--border-width-default) var(--border-style-solid) var(--base-color-brand);
          border-radius: var(--border-radius-default); }
  .console-header .console-header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1; }
    .console-header .console-header__right .clear-btn {
      min-width: 70px;
      margin-left: var(--spacing-m); }
    .console-header .console-header__right .copy-btn {
      margin-left: var(--spacing-s); }

.console-list {
  flex: 1;
  overflow-y: auto;
  position: relative; }
  .console-list.is-disabled {
    opacity: 0.4; }

.console-list__empty {
  font-size: var(--text-size-m);
  color: var(--content-color-primary);
  text-align: center;
  padding: var(--spacing-l);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .console-list__empty .console-list__empty--description {
    margin-top: var(--spacing-s); }

.console-list__empty__container {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute; }
  .console-list__empty__container .console-list__empty {
    margin: auto; }

.console-list__loading {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%; }

.console-list-item {
  font-size: var(--text-size-m);
  line-height: var(--line-height-xs);
  font-family: var(--text-family-code);
  color: var(--content-color-primary); }
  .console-list-item .c-flex {
    padding: 6px 10px var(--spacing-xs);
    display: flex;
    align-items: flex-start;
    min-height: var(--size-s);
    box-sizing: border-box;
    border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default); }
    .console-list-item .c-flex .c-flex__left {
      flex: 1;
      display: flex; }
      .console-list-item .c-flex .c-flex__left .c-li__icon {
        margin-right: 5px; }
    .console-list-item .c-flex .c-flex__right {
      display: flex;
      flex: 0; }
      .console-list-item .c-flex .c-flex__right .c-li__icon {
        margin-left: var(--spacing-s); }
    .console-list-item .c-flex.is-error {
      background-color: var(--background-color-error);
      color: var(--content-color-error); }
    .console-list-item .c-flex.is-warning {
      background-color: var(--background-color-warning); }
    .console-list-item .c-flex.is-indirect .c-li__network-msg {
      opacity: 0.6; }
  .console-list-item .c-li__icon {
    width: 12px; }
    .console-list-item .c-li__icon.empty {
      padding: var(--spacing-zero) 6px;
      box-sizing: border-box; }
  .console-list-item .c-li__timestamp {
    margin-right: var(--spacing-s);
    color: var(--content-color-tertiary); }
  .console-list-item .c-li__msg-wrap {
    display: flex;
    flex: 1;
    flex-flow: row wrap; }
    .console-list-item .c-li__msg-wrap .c-li__r-fill {
      height: 4px;
      width: 0;
      overflow: hidden;
      flex-basis: 100%; }
    .console-list-item .c-li__msg-wrap .c-li__msg-obj {
      margin-right: var(--spacing-m);
      white-space: pre-wrap;
      word-break: break-all; }
      .console-list-item .c-li__msg-wrap .c-li__msg-obj li > ol > li {
        margin: var(--spacing-xs) var(--spacing-zero) var(--spacing-zero) !important; }
    .console-list-item .c-li__msg-wrap .c-li__msg-str {
      margin-right: var(--spacing-m); }
  .console-list-item .c-li__network-wrap {
    flex: 1; }
    .console-list-item .c-li__network-wrap .c-li__network-msg {
      display: flex;
      align-items: flex-start;
      cursor: pointer;
      word-break: break-all; }
      .console-list-item .c-li__network-wrap .c-li__network-msg .network-msg__caret {
        margin-top: -2px; }
    .console-list-item .c-li__network-wrap .c-li__network-string {
      padding-left: 18px; }
      .console-list-item .c-li__network-wrap .c-li__network-string .network-string__name {
        cursor: pointer;
        margin-left: -18px;
        display: flex;
        color: var(--content-color-secondary);
        line-height: var(--line-height-m);
        align-items: center; }
        .console-list-item .c-li__network-wrap .c-li__network-string .network-string__name .info-button {
          margin-left: var(--spacing-s); }
      .console-list-item .c-li__network-wrap .c-li__network-string .network-string__value {
        word-break: break-all;
        color: var(--content-color-success);
        line-height: var(--line-height-m); }
        .console-list-item .c-li__network-wrap .c-li__network-string .network-string__value.body {
          background: var(--background-color-tertiary);
          padding: var(--spacing-s);
          color: var(--content-color-primary);
          border-radius: var(--border-radius-default);
          margin: 2px var(--spacing-zero) var(--spacing-zero) -var(--spacing-s); }
      .console-list-item .c-li__network-wrap .c-li__network-string .network__value {
        word-break: break-all;
        color: var(--content-color-info); }
    .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded {
      margin-left: var(--spacing-s); }
      .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-tabs {
        margin: var(--spacing-xs) var(--spacing-zero); }
      .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded {
        display: flex; }
        .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left {
          flex: 1; }
          .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left li > ol > li {
            line-height: var(--line-height-m); }
          .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item {
            word-break: break-all; }
            .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item .console-net-item__body {
              padding-bottom: var(--spacing-zero);
              border-bottom: none; }
            .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item .console-net-item__body-left__request,
            .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item .console-net-item__body-left__request-body,
            .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item .console-net-item__body-left__response,
            .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left .console-net-item .console-net-item__body-left__response-body {
              padding-left: var(--spacing-zero); }
        .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__left > * {
          margin: 7px var(--spacing-zero); }
        .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__right {
          margin-top: 7px;
          min-width: 52px;
          text-align: right; }
          .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-expanded .network-expanded__right .network__switch-view {
            font-weight: var(--text-weight-medium);
            padding: var(--spacing-zero); }
      .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-error,
      .console-list-item .c-li__network-wrap .c-li__network-wrap--expanded .c-li__network-warning {
        margin: var(--spacing-s) var(--spacing-zero); }
    .console-list-item .c-li__network-wrap .network-expand__caret {
      display: inline-block;
      font-size: 8px;
      margin-right: var(--spacing-xs);
      user-select: none;
      transform: rotateZ(0deg);
      color: var(--content-color-secondary); }
      .console-list-item .c-li__network-wrap .network-expand__caret.down {
        transform: rotateZ(90deg); }
    .console-list-item .c-li__network-wrap .network__message {
      flex: 1; }
    .console-list-item .c-li__network-wrap .network__response-meta {
      color: var(--content-color-success);
      display: flex; }
      .console-list-item .c-li__network-wrap .network__response-meta .separator {
        margin: var(--spacing-zero) var(--spacing-s);
        height: 11px; }
  .console-list-item .c-li__empty::after {
    content: '\2205';
    opacity: 0.6; }

.wf__item {
  white-space: pre-wrap; }
  .wf__item .wf__sp {
    background: radial-gradient(circle, var(--content-color-primary), rgba(192, 192, 0, 0) 1px);
    opacity: 0.6; }
  .wf__item .wf__tb {
    font-size: 6px; }
  .wf__item .wf__nl {
    margin-right: 1px; }
  .wf__item .wf__tk {
    word-break: break-all;
    line-height: 14px; }
  .wf__item .wf__tb::before {
    content: '\2192';
    opacity: 0.6;
    font-size: var(--text-size-xs);
    position: absolute; }
  .wf__item .wf__nl::before {
    content: '\21B5';
    opacity: 0.6;
    font-size: 8px;
    position: absolute; }
  .wf__item .wf__ch {
    opacity: 0.6;
    margin: 1px; }
  .wf__item .wf__qt::after {
    content: '"';
    opacity: 0.6; }

.c__react-inspector-value {
  color: var(--content-color-success);
  word-break: break-all;
  margin-left: var(--spacing-xs); }

.is-hidden {
  display: none; }

.node-renderer__root-node {
  color: var(--content-color-secondary);
  line-height: var(--line-height-m);
  cursor: pointer;
  display: inline-flex;
  align-items: center; }
  .node-renderer__root-node .info-button {
    margin-left: var(--spacing-s); }

.network-formatter__item {
  line-height: var(--line-height-m); }

.console-list-item.is-overflown:last-of-type .c-flex {
  border-bottom: none; }

.console-list__pretty span li div {
  display: inline-flex; }
  .console-list__pretty span li div span {
    line-height: var(--line-height-m); }

.console__large-body__btn {
  font-weight: var(--text-weight-medium);
  margin-left: 2px;
  background: none;
  height: unset;
  margin-bottom: 2px; }
  .console__large-body__btn:hover {
    background: none; }

.console__body-viewer__open-icon use {
  fill: var(--base-color-primary); }

.console__body-viewer__open-icon svg > path[fill] {
  fill: var(--base-color-primary); }

.console__inline__open-icon {
  vertical-align: middle;
  margin-bottom: 2px; }
  .console__inline__open-icon use {
    fill: var(--base-color-brand); }
  .console__inline__open-icon svg > path[fill] {
    fill: var(--base-color-brand); }

.console__ignored-body,
.console__unsupported-body {
  line-height: var(--line-height-m);
  color: var(--content-color-tertiary); }

.console__open__link {
  color: var(--content-color-link);
  cursor: pointer; }

.console-footer {
  background-color: var(--background-color-secondary);
  padding: 2px 5px;
  font-size: 13px;
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .console-footer .console-footer__settings {
    margin: 3px 5px 3px 4px;
    display: flex;
    color: var(--content-color-secondary); }
    .console-footer .console-footer__settings .settings__item {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .console-footer .console-footer__settings .settings__item .settings__checkbox.is-selected {
        background-color: var(--base-color-brand); }
      .console-footer .console-footer__settings .settings__item .settings__label {
        margin-left: var(--spacing-xs); }
      .console-footer .console-footer__settings .settings__item.is-disabled {
        opacity: 0.4;
        pointer-events: none; }
      .console-footer .console-footer__settings .settings__item:not(:last-of-type) {
        margin-right: var(--spacing-l); }
  .console-footer .console-footer__meta-settings {
    display: flex; }
    .console-footer .console-footer__meta-settings .meta-settings__left {
      align-items: center;
      display: flex;
      flex: 50%; }
      .console-footer .console-footer__meta-settings .meta-settings__left .meta {
        margin: var(--spacing-zero) var(--spacing-xs);
        display: flex;
        align-items: center; }
        .console-footer .console-footer__meta-settings .meta-settings__left .meta .meta__error-icon use {
          fill: var(--base-color-error); }
        .console-footer .console-footer__meta-settings .meta-settings__left .meta .meta__error-icon svg > path[fill] {
          fill: var(--base-color-error); }
        .console-footer .console-footer__meta-settings .meta-settings__left .meta .meta__warning-icon use {
          fill: var(--base-color-warning); }
        .console-footer .console-footer__meta-settings .meta-settings__left .meta .meta__warning-icon svg > path[fill] {
          fill: var(--base-color-warning); }
        .console-footer .console-footer__meta-settings .meta-settings__left .meta .meta__label {
          margin-left: var(--spacing-xs);
          color: var(--content-color-primary); }
    .console-footer .console-footer__meta-settings .meta-settings__right {
      justify-content: flex-end;
      align-items: center; }
      .console-footer .console-footer__meta-settings .meta-settings__right .settings-icon {
        background: none;
        max-height: 20px;
        margin: 2px var(--spacing-zero); }
        .console-footer .console-footer__meta-settings .meta-settings__right .settings-icon:hover use {
          fill: var(--base-color-brand); }
        .console-footer .console-footer__meta-settings .meta-settings__right .settings-icon:hover svg > path[fill] {
          fill: var(--base-color-brand); }
        .console-footer .console-footer__meta-settings .meta-settings__right .settings-icon .settings-icon--active use {
          fill: var(--base-color-brand); }
        .console-footer .console-footer__meta-settings .meta-settings__right .settings-icon .settings-icon--active svg > path[fill] {
          fill: var(--base-color-brand); }

.console-actions {
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none; }
  .console-actions .console-actions__meta {
    display: flex; }
    .console-actions .console-actions__meta .meta__item {
      margin-right: var(--spacing-s);
      display: flex;
      align-items: center; }
      .console-actions .console-actions__meta .meta__item .meta__error {
        color: var(--content-color-primary); }
      .console-actions .console-actions__meta .meta__item .meta__error--icon {
        margin-right: var(--spacing-xs); }
      .console-actions .console-actions__meta .meta__item .meta__warning {
        color: var(--content-color-primary); }
      .console-actions .console-actions__meta .meta__item .meta__warning--icon {
        margin-right: var(--spacing-xs); }
  .console-actions .console-actions__separator {
    height: var(--size-xs);
    width: var(--border-width-default);
    background: var(--border-color-default); }
  .console-actions .console-actions__clear-button {
    display: flex;
    margin-right: var(--spacing-s); }
    .console-actions .console-actions__clear-button .clear-btn {
      height: var(--size-s); }
  .console-actions .console-actions__settings .dropdown-button {
    display: flex; }
  .console-actions .console-actions__settings use {
    fill: var(--content-color-secondary); }
  .console-actions .console-actions__settings svg > path[fill] {
    fill: var(--content-color-secondary); }
  .console-actions .console-actions__settings:hover use, .console-actions .console-actions__settings.is-hovered use {
    fill: var(--content-color-primary); }
  .console-actions .console-actions__settings:hover svg > path[fill], .console-actions .console-actions__settings.is-hovered svg > path[fill] {
    fill: var(--content-color-primary); }
  .console-actions .console-actions__open-window-button {
    height: var(--size-xs);
    width: var(--size-xs);
    cursor: pointer; }

.console-filter .filter-btn {
  font-size: var(--text-size-s);
  font-weight: var(--font-weight-regular);
  color: var(--content-color-secondary);
  height: 22px; }
  .console-filter .filter-btn use {
    fill: var(--content-color-secondary); }
  .console-filter .filter-btn svg > path[fill] {
    fill: var(--content-color-secondary); }
  .console-filter .filter-btn .dropdown-caret {
    margin-left: var(--spacing-xs); }

.filter__menu-item {
  padding: var(--spacing-l); }
  .filter__menu-item .menu-item__wrapper {
    display: flex;
    height: 30px;
    flex: 1;
    align-items: center; }
  .filter__menu-item .menu-item__checkbox.is-selected {
    background-color: var(--base-color-brand); }
  .filter__menu-item .menu-item__label {
    margin-left: var(--spacing-m); }

.app-crash-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  background-color: var(--background-color-primary);
  height: 100%; }
  .app-crash-wrapper .app-crash-wrapper__blank-state {
    padding: var(--spacing-l); }
  .app-crash-wrapper .app-crash-thumbnail {
    height: 200px;
    width: 200px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xLjgxOC4zaDExOS43djIxMC45MjVIMS44MTd6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNGMEYwRjAiIGQ9Ik0yNTIuOTI1IDM4MC4xMTljODAuNTI0IDAgMTQ1LjgtNjUuMjEyIDE0NS44LTE0NS42NTQgMC03Ny4xNjUtNjAuMDY2LTE0MC4zMTUtMTM2LjAzOC0xNDUuMzMyQzI0NC45IDQ3LjMyMSAyMDMuNDEgMTggMTU1LjA2NyAxOCA5MC41MTUgMTggMzguMTg2IDcwLjI3NyAzOC4xODYgMTM0Ljc2M2MwIDYuODMuNTg3IDEzLjUyMyAxLjcxMyAyMC4wMzFDMTUuODg2IDE3MC4zNDYgMCAxOTcuMzU4IDAgMjI4LjA3NWMwIDQ4LjIgMzkuMTEyIDg3LjI3MiA4Ny4zNiA4Ny4yNzIgMTMuOTAzIDAgMjcuMDQ5LTMuMjQ1IDM4LjcxOC05LjAxOCAyNS4wNyA0NC4wNjcgNzIuNDg0IDczLjc5IDEyNi44NDcgNzMuNzl6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5NTY2OCIgZD0iTTIxNC4xMyAxMDIuODExbDEwMi44NDYgMTc4LjEwN2ExNi4zNjcgMTYuMzY3IDAgMCAxLTE0LjIxOSAyNC42MTdIOTcuMDc2YTE2LjM2NiAxNi4zNjYgMCAwIDEtMTQuMjM4LTI0LjU5OEwxODUuNjgzIDEwMi44M2ExNi4zNjYgMTYuMzY2IDAgMCAxIDI4LjQ0OC0uMDE5eiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUJCQkYiIGQ9Ik0xMTMuOTgxIDI3OS4zODdsODUuOTMtMTQ4Ljg0OSA4NS45NDEgMTQ4Ljg0OXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTk1NjY4IiBkPSJNMTk5LjA0IDE3MC41NWM1LjY2NiAwIDEwLjI1OCA0LjU3NCAxMC4yNTggMTAuMjE4VjIyMi4xYzAgNS42NDQtNC41OTIgMTAuMjE5LTEwLjI1OCAxMC4yMTktNS42NjUgMC0xMC4yNTctNC41NzUtMTAuMjU3LTEwLjIxOXYtNDEuMzMyYzAtNS42NDQgNC41OTItMTAuMjE5IDEwLjI1Ny0xMC4yMTl6TTIwOS45NTMgMjQ5LjgzYzAgNi4wMjUtNC44ODQgMTAuOTA5LTEwLjkwOCAxMC45MDktNi4wMjQgMC0xMC45MDctNC44ODQtMTAuOTA3LTEwLjkwOCAwLTYuMDI0IDQuODgzLTEwLjkwOCAxMC45MDctMTAuOTA4czEwLjkwOCA0Ljg4NCAxMC45MDggMTAuOTA4eiIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ny42NTEgOTQuMzQpIj4KICAgICAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjEyIiBkPSJNMTE5LjMxNSAxODYuNTk4TDE2LjQ3IDguNDlBMTYuMjUgMTYuMjUgMCAwIDAgMS44MTguMzA4djIxMC45MTdoMTAzLjI4OGExNi40MTQgMTYuNDE0IDAgMCAwIDE0LjIxLTI0LjYyN3oiIG1hc2s9InVybCgjYikiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
    background-size: contain;
    margin-bottom: 10px; }
  .app-crash-wrapper .app-crash-content-container {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .app-crash-wrapper .app-crash-header {
    font-size: 18px;
    font-weight: 600;
    color: var(--content-color-primary); }
  .app-crash-wrapper .app-crash-content {
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
    color: var(--content-color-secondary); }

