@charset "UTF-8";
/* stylelint-disable postman-stylelint/color-no-hex-rgb */
/*These two variables are legacy font-variables and must not be used*/
:root {
  /* 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;
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
/*These two variables are legacy font-variables and must not be used*/
:root {
  /* 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;
}

.spinner-modal-header {
  padding: var(--spacing-m) var(--spacing-l);
  align-items: center;
  background-color: var(--background-color-secondary);
}
.spinner-modal-header * {
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-weight: var(--text-weight-medium);
  color: var(--content-color-secondary);
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* stylelint-disable postman-stylelint/color-no-hex-rgb */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

*:focus {
  outline: none;
}

/* Apply focus-visible styles only when show-focus-styles class is present */
.show-focus-styles *:focus-visible {
  box-shadow: var(--button-focus-border-color) !important;
  border-radius: var(--border-radius-default) !important;
}

/* More specific focus-visible styles for buttons when parent has show-focus-styles */
.show-focus-styles .btn:focus-visible {
  box-shadow: var(--button-focus-border-color) !important;
  border-radius: var(--border-radius-default) !important;
}

/* Opt-out utility: add 'suppress-global-focus' to a component/wrapper when it
renders its own custom focus ring and should ignore the global focus style. */
.show-focus-styles .suppress-global-focus:focus-visible,
.show-focus-styles .suppress-global-focus *:focus-visible {
  box-shadow: initial !important;
  border-radius: unset !important;
}

/* Suppress focus on element only */
.show-focus-styles .suppress-global-focus-self:focus-visible {
  box-shadow: initial !important;
  border-radius: unset !important;
}

/* Suppress global focus ring for Aether controls and form inputs */
.show-focus-styles :is([data-aether-id=aether-dropdown],
[data-aether-id=aether-textInput],
[data-testid=base-input-field],
textarea,
input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=search],
input[type=url],
input[type=tel],
[contenteditable=true]):focus-visible,
.show-focus-styles :is([data-aether-id=aether-dropdown],
[data-aether-id=aether-textInput]) *:focus-visible {
  box-shadow: initial !important;
  border-radius: unset !important;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: var(--text-weight-medium);
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: IBMPlexMono, IBMPlexMono, Menlo, Monaco, "Courier New", monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: var(--text-weight-medium);
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* mixin or class for applying text styles? */
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  font-feature-settings: "calt" 0;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: var(--text-weight-medium);
}
body p {
  line-height: 1.6;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../js/e764338977f38b2c.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../js/242d04bef81519ae.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../js/b87ad48fa4af1792.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: normal;
  font-display: block;
  src: url(../js/8c356de1ceadefc2.woff2) format("woff2");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../js/f8bf93c4d80b1a84.woff2) format("woff2");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(../js/b4ab0797aa7e4e98.woff2) format("woff2");
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(../js/075e70f197eb8acf.woff2) format("woff2");
}
@font-face {
  font-family: "IBMPlexMono";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../js/efb009a648ec928c.woff2) format("woff2");
}
@font-face {
  font-family: "IBMPlexMono";
  font-style: auto;
  font-weight: 600;
  font-display: block;
  src: url(../js/4ba0622e9a0ffe76.woff2) format("woff2");
}
@font-face {
  font-family: "Cousine";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../js/bfb2e69e06a0a541.woff2) format("woff2");
}
::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  overflow: visible;
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 100px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-background-color);
}

a {
  text-decoration: none;
  color: inherit;
}

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

.modal-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-modal-backdrop);
  z-index: 100;
}
.modal-loader-enter {
  opacity: 0;
}
.modal-loader-enter-active {
  opacity: 1;
  transition: opacity 300ms;
}
.modal-loader-exit {
  opacity: 1;
}
.modal-loader-exit-active {
  opacity: 0;
  transition: opacity 300ms;
}

.modal-load-error {
  min-width: 440px;
  min-height: 120px;
}
.modal-load-error--wrapper {
  padding: 0 2rem 2rem;
  flex: 1;
}
.modal-load-error--content {
  min-height: 120px;
}

/**
 * User icons, a combination of a glyph and a background color
 * Generated from the users' id, the glyph is userid%16 and
 * the color is userid%14
 *
 * For example: pm-user-avatar-icon pm-icon-sm pm-user-avatar-icon-color-3 pm-user-avatar-icon-12
 */
.avatar {
  display: flex;
}

.pm-user-avatar-icon {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}
.pm-user-avatar-icon.pm-user-avatar-icon-0 {
  background-image: url(../js/d1f50401f9f15621.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-1 {
  background-image: url(../js/cba9185076385c55.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-2 {
  background-image: url(../js/d4a45bce82d18d5b.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-3 {
  background-image: url(../js/1921f792faf2904b.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-4 {
  background-image: url(../js/4dc05339151e27b4.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-5 {
  background-image: url(../js/1e0559c57c01bdcb.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-6 {
  background-image: url(../js/9355261881f52bd1.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-7 {
  background-image: url(../js/b10db7df5eb44e7a.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-8 {
  background-image: url(../js/8a6bedde905dddbf.svg);
}
.pm-user-avatar-icon.pm-user-avatar-icon-9 {
  background-image: url(../js/d00b91476d009fe0.svg);
}

.pm-user-avatar-custompic {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.pm-user-avatar-icon.pm-user-hide-stock-profile-pic {
  background-image: none;
  background-color: transparent;
}

.icon__circular {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--spacing-xxl);
  width: var(--spacing-xxl);
  border-radius: 50%;
  border: var(--border-width-default) solid var(--border-color-default);
  background-color: var(--background-color-secondary);
}

/* Inputs */
.input-field {
  display: flex;
  flex: 1;
}

.input {
  border: var(--border-width-default) var(--border-style-solid) transparent;
  color: var(--content-color-primary);
  width: 100%;
  font-size: var(--text-size-m);
  line-height: var(--line-height-m);
  font-family: var(--text-family-default);
  height: var(--controls-size-default);
  box-sizing: border-box;
  background-color: transparent;
  padding: var(--spacing-zero);
}
.input.show-focus:focus, .input.show-focus.is-focused {
  border-color: var(--border-color-strong);
}
.input::-webkit-input-placeholder {
  font-size: var(--text-size-m);
  color: var(--content-color-tertiary);
}

.input-error-section {
  margin-left: -20px;
  margin-top: var(--spacing-s);
  position: relative;
}
.input-error-section .input-error-icon use {
  fill: var(--content-color-error);
}
.input-error-section .input-error-icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-error);
}
.input-error-section .input-error-icon svg {
  color: var(--content-color-error);
}
.input-error-section .input-error-tooltip {
  display: none;
  position: absolute;
  left: 20px;
  top: -5px;
  font-size: var(--text-size-xs);
  background-color: var(--base-color-error);
  color: var(--content-color-constant);
  font-family: var(--text-family-default);
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-s);
  margin-top: 2px;
  white-space: nowrap;
  box-shadow: var(--shadow-default);
  z-index: 1000;
}
.input-error-section:hover .input-error-tooltip, .input-error-section.is-hovered .input-error-tooltip {
  display: flex;
  align-items: center;
}

.input-warning-section {
  margin-left: -20px;
  margin-top: var(--spacing-s);
  position: relative;
}
.input-warning-section .input-warning-icon use {
  fill: var(--content-color-warning);
}
.input-warning-section .input-warning-icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-warning);
}
.input-warning-section .input-warning-icon svg {
  color: var(--content-color-warning);
}
.input-warning-section .input-warning-tooltip {
  display: none;
  position: absolute;
  left: 20px;
  top: -5px;
  font-size: var(--text-size-xs);
  background-color: var(--base-color-warning);
  color: var(--content-color-constant);
  font-family: var(--text-family-default);
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-s);
  margin-top: 2px;
  white-space: nowrap;
  box-shadow: var(--shadow-default);
  z-index: 1000;
}
.input-warning-section:hover .input-warning-tooltip, .input-warning-section.is-hovered .input-warning-tooltip {
  display: flex;
  align-items: center;
}

.input-line {
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding-left: 10px;
  padding-right: var(--spacing-xxl);
}
.input-line:focus, .input-line.is-focused {
  border-bottom-color: var(--base-color-brand);
}
.input-line:hover, .input-line.is-hovered {
  background-color: var(--highlight-background-color-primary);
}

.input-box {
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--background-color-primary);
}
.input-box:hover, .input-box.is-hovered {
  border-color: var(--border-color-strong);
}
.input-box:focus, .input-box.is-focused {
  border-color: var(--border-color-strong);
  background-color: var(--background-color-primary);
}
.input-box.is-error {
  border-color: var(--base-color-error);
}
.input-box.input-huge {
  height: 40px;
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
}
.input-box.input-huge::-webkit-input-placeholder {
  font-size: var(--text-size-l);
}
.input-box.is-disabled {
  background-color: var(--input-background-color-disabled);
  color: var(--content-color-secondary);
  cursor: not-allowed;
}

.input-type-file {
  padding-top: var(--spacing-xs);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

/* Search box */
.input-search-group {
  height: var(--controls-size-default);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border-radius: 15px;
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--background-color-secondary);
}
.input-search-group:hover, .input-search-group.is-hovered {
  border-color: var(--border-color-strong);
  background-color: var(--highlight-background-color-secondary);
}
.input-search-group:focus, .input-search-group.is-focused {
  border-color: var(--border-color-strong);
  background-color: var(--background-color-primary);
}
.input-search-group .input-search-group__search-glass-wrapper {
  flex: 0 0 16px;
  margin-right: var(--spacing-s);
}
.input-search-group .input-search-group__input-wrapper {
  position: relative;
  flex: 1;
}
.input-search-group .input-search-group__input-wrapper .input-search {
  border: none;
}
.input-search-group .input-search-group__input-wrapper input::-webkit-input-placeholder {
  font-size: var(--text-size-m);
}
.input-search-group .input-search-group__search-cancel-wrapper {
  flex: 0 0 12px;
  display: none;
}
.input-search-group .input-search-group__input-loading-wrapper {
  flex: 0 0 12px;
  display: inherit;
}
.input-search-group .input-search-group__input-info {
  font-size: var(--text-size-s);
  color: var(--content-color-secondary);
  line-height: var(--line-height-xs);
  margin-right: var(--spacing-s);
}
.input-search-group.is-searching .input-search-group__search-cancel-wrapper {
  display: inherit;
}
.input-search-group.is-blurred .input-search-group__search-cancel-wrapper, .input-search-group.is-blurred .input-search-group__input-info {
  display: none;
}

.input-search-group__search-glass-wrapper,
.input-search-group__search-cancel-wrapper,
.input-search-group__input-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.input-search-group__search-cancel-button {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.input-search {
  position: absolute;
  height: 100%;
  font-size: var(--text-size-m);
}
.input-search::-webkit-input-placeholder {
  font-size: var(--text-size-m);
}

.input-checkbox {
  height: var(--size-xs);
  width: var(--size-xs);
  min-width: var(--size-xs);
  border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
  border-radius: var(--border-radius-default);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.input-checkbox .pm-icon-normal {
  opacity: 0;
}
.input-checkbox:hover .pm-icon-normal, .input-checkbox.is-hovered .pm-icon-normal {
  opacity: 0.4;
}
.input-checkbox.is-disabled {
  cursor: default;
}
.input-checkbox.is-selected {
  background-color: var(--selected-checkbox-background-color);
}
.input-checkbox.is-selected .pm-icon use {
  fill: var(--background-color-primary);
}
.input-checkbox.is-selected .pm-icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--background-color-primary);
}
.input-checkbox.is-selected .pm-icon svg {
  color: var(--background-color-primary);
}

/* Input Groups */
.input-group {
  display: flex;
  flex-direction: row;
}
.input-group > * {
  flex: 1 1 50%;
  margin: 0 10px;
}

.input-group-line:hover, .input-group-line.is-hovered {
  background-color: var(--highlight-background-color-primary);
}
.input-group-line:hover > .input, .input-group-line.is-hovered > .input {
  background-color: transparent;
}

.input-group-stacked {
  display: flex;
  flex-direction: column;
}
.input-group-stacked > .input {
  margin: var(--spacing-zero);
  border-radius: 0;
}
.input-group-stacked > .input:first-child {
  border-top-left-radius: var(--border-radius-default);
  border-top-right-radius: var(--border-radius-default);
}
.input-group-stacked > .input:last-child {
  border-bottom-left-radius: var(--border-radius-default);
  border-bottom-right-radius: var(--border-radius-default);
}

.input-suggestion-group {
  position: relative;
}

.input-suggestions {
  position: absolute;
  top: 100%;
  background-color: var(--background-color-primary);
  width: 100%;
  border-radius: var(--border-radius-default);
  box-shadow: var(--aether-popover-shadow);
  margin-top: var(--spacing-xs);
  z-index: 10;
  max-height: 240px;
  overflow-y: auto;
}
.input-suggestions--with-footer {
  overflow-y: hidden;
  max-height: none;
}
.input-suggestions .input-suggestion__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.input-suggestions .input-suggestion__label {
  flex: 1;
}
.input-suggestions .input-suggestion__default-badge {
  font-size: 12px;
  color: var(--content-color-tertiary);
  margin-left: auto;
  padding-left: var(--spacing-s);
  font-weight: 400;
}
.input-suggestions .type-schema-section {
  padding: 8px 12px;
  font-size: 12px;
  color: var(--content-color-secondary);
  position: relative;
}
.input-suggestions .type-schema-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  border-top: var(--border-width-default) var(--border-style-solid) var(--border-color-strong);
}
.input-suggestions .type-schema-section:first-child {
  margin-top: 8px;
}
.input-suggestions .type-schema-title {
  font-size: 11px;
  font-weight: 500;
  color: var(--content-color-secondary);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.input-suggestions .type-schema-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.input-suggestions .type-schema-row:last-child {
  margin-bottom: 0;
}
.input-suggestions .type-schema-label {
  font-weight: 400;
  color: var(--content-color-secondary);
  min-width: 100px;
}
.input-suggestions .type-schema-separator {
  margin-left: var(--spacing-l);
  margin-right: var(--spacing-s);
  color: var(--content-color-tertiary);
}
.input-suggestions .type-schema-value {
  font-family: var(--font-family-mono);
  color: var(--content-color-primary);
  font-weight: 400;
}
.input-suggestions-header {
  display: flex;
  min-height: 40px;
  margin-top: calc(-1 * var(--spacing-s));
  margin-bottom: calc(-1 * var(--spacing-s));
}
.input-suggestions-header--border {
  border-bottom: var(--border-style-solid) var(--border-width-default) var(--border-color-default);
  margin-bottom: var(--spacing-s);
}

.input-suggestion {
  box-sizing: border-box;
  height: var(--controls-size-default);
  padding: var(--spacing-zero) var(--spacing-m);
  color: var(--content-color-primary);
  font-size: var(--text-size-m);
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-suggestion.is-hovered {
  background-color: var(--highlight-background-color-secondary);
}
.input-suggestion.align-right {
  text-align: right;
}
.input-suggestion.align-center {
  text-align: center;
}

.input-warning {
  position: absolute;
  width: 100%;
  top: 100%;
  padding: 10px;
  font-size: var(--text-size-m);
  color: var(--content-color-warning);
  background-color: var(--base-color-warning);
  border-radius: var(--border-radius-default);
  box-shadow: var(--shadow-default);
  z-index: 10;
}

.radio-button {
  visibility: hidden;
  overflow: visible;
  -moz-appearance: initial;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding: 12px 12px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.radio-button:before {
  visibility: visible;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: var(--border-radius-max);
  border: 1px solid var(--radio-border-color);
  display: flex;
  font-size: var(--text-size-xl);
  justify-content: center;
  align-items: center;
  line-height: 1px;
}
.radio-button:checked:before {
  height: 6px;
  width: 6px;
  visibility: visible;
  content: "";
  background-color: var(--radio-checked-marker-color);
  border: 3px var(--border-style-solid) var(--radio-checked-background-color);
}
.radio-button + span {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.is-disabled .radio-button + span {
  cursor: default;
}

/* 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn svg {
  color: var(--content-color-secondary);
}
.btn.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-fluid {
  display: flex;
}

.btn-primary {
  background-color: var(--button-primary-background-color);
  box-shadow: 0 0 0 1px var(--button-primary-outline-color) inset;
  min-width: 100px;
  color: var(--button-primary-content-color);
}
.btn-primary use {
  fill: var(--button-primary-content-color);
}
.btn-primary svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--button-primary-content-color);
}
.btn-primary svg {
  color: var(--button-primary-content-color);
}
.btn-primary .dropdown-caret use {
  fill: var(--button-primary-content-color);
}
.btn-primary .dropdown-caret svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--button-primary-content-color);
}
.btn-primary .dropdown-caret svg {
  color: var(--button-primary-content-color);
}
.btn-primary:hover, .btn-primary.is-hovered {
  background-color: var(--button-primary-hover-background-color);
}
.btn-primary:active, .btn-primary.is-active {
  background-color: var(--button-primary-active-background-color);
}
.btn-primary.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-primary.is-disabled:hover, .btn-primary.is-disabled.is-hovered {
  background-color: var(--button-primary-hover-background-color);
}
.btn-primary.is-disabled:active, .btn-primary.is-disabled.is-active {
  background-color: var(--button-primary-active-background-color);
}

.btn-secondary {
  background-color: var(--button-secondary-background-color);
  min-width: 100px;
  color: var(--content-color-primary);
  box-shadow: 0 0 0 1px var(--button-secondary-outline-color) inset;
}
.btn-secondary use {
  fill: var(--content-color-primary);
}
.btn-secondary svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.btn-secondary svg {
  color: var(--content-color-primary);
}
.btn-secondary:hover, .btn-secondary.is-hovered {
  background-color: var(--button-secondary-hover-background-color);
  color: var(--content-color-primary);
}
.btn-secondary:hover use, .btn-secondary.is-hovered use {
  fill: var(--content-color-primary);
}
.btn-secondary:hover svg:not([class*=PartnerIcon]) > path[fill], .btn-secondary.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.btn-secondary:hover svg, .btn-secondary.is-hovered svg {
  color: var(--content-color-primary);
}
.btn-secondary:active, .btn-secondary.is-active {
  background-color: var(--button-secondary-active-background-color);
  color: var(--content-color-primary);
}
.btn-secondary:active use, .btn-secondary.is-active use {
  fill: var(--content-color-primary);
}
.btn-secondary:active svg:not([class*=PartnerIcon]) > path[fill], .btn-secondary.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.btn-secondary:active svg, .btn-secondary.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-secondary.is-disabled.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn-secondary.is-disabled:hover svg, .btn-secondary.is-disabled.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-secondary.is-disabled.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn-secondary.is-disabled:active svg, .btn-secondary.is-disabled.is-active svg {
  color: var(--content-color-secondary);
}

.dropdown-button .btn-secondary {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--input-border-color-default) inset;
}

.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn-tertiary svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-tertiary.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.btn-tertiary:hover svg, .btn-tertiary.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-tertiary.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.btn-tertiary:active svg, .btn-tertiary.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-tertiary.is-disabled.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn-tertiary.is-disabled:hover svg, .btn-tertiary.is-disabled.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-tertiary.is-disabled.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.btn-tertiary.is-disabled:active svg, .btn-tertiary.is-disabled.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--header-color-content);
}
.btn-header svg {
  color: var(--header-color-content);
}
.btn-header .dropdown-caret use {
  fill: var(--header-color-content);
}
.btn-header .dropdown-caret svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--header-color-content);
}
.btn-header .dropdown-caret svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-header.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.btn-header:hover svg, .btn-header.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-header.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.btn-header:active svg, .btn-header.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-header.is-disabled.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--header-color-content);
}
.btn-header.is-disabled:hover svg, .btn-header.is-disabled.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-header.is-disabled.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--header-color-content);
}
.btn-header.is-disabled:active svg, .btn-header.is-disabled.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.btn-text svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-text.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.btn-text:hover svg, .btn-text.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-text.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.btn-text:active svg, .btn-text.is-active svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-text.is-disabled.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.btn-text.is-disabled:hover svg, .btn-text.is-disabled.is-hovered svg {
  color: 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:not([class*=PartnerIcon]) > path[fill], .btn-text.is-disabled.is-active svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.btn-text.is-disabled:active svg, .btn-text.is-disabled.is-active svg {
  color: 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: calc(var(--size-m) * 0.5);
}
.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: var(--button-group-separator);
}

/* 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 -1px 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-left: 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-s) var(--spacing-zero);
  box-sizing: border-box;
  min-width: 170px;
  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-strong);
}
.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.dropdown-menu .dropdown-menu-item--delete:hover svg {
  color: var(--content-color-constant);
}
.dropdown-menu .dropdown-menu-item--delete:hover .dropdown-menu-item-shortcut {
  color: var(--content-color-constant);
}
.dropdown-menu .is-destructive {
  color: var(--content-color-error);
}
.dropdown-menu .is-destructive:hover {
  color: var(--content-color-constant);
  background-color: var(--base-color-error);
}
.dropdown-menu .is-destructive:hover use {
  fill: var(--content-color-constant);
}
.dropdown-menu .is-destructive:hover svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.dropdown-menu .is-destructive:hover svg {
  color: var(--content-color-constant);
}
.dropdown-menu .is-destructive:hover .dropdown-menu-item-shortcut {
  color: var(--content-color-constant);
}

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

.dropdown-menu-item:not(.dropdown-menu-itemV2) {
  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);
  border-radius: var(--border-radius-default);
  margin: var(--spacing-zero) var(--spacing-s);
  display: flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.dropdown-menu-item:not(.dropdown-menu-itemV2):hover .dropdown-menu-item-shortcut, .dropdown-menu-item:not(.dropdown-menu-itemV2).is-hovered .dropdown-menu-item-shortcut {
  color: var(--content-color-primary);
}
.dropdown-menu-item:not(.dropdown-menu-itemV2):focus, .dropdown-menu-item:not(.dropdown-menu-itemV2).is-focused {
  background-color: var(--highlight-background-color-secondary);
}
.dropdown-menu-item:not(.dropdown-menu-itemV2).align-right {
  text-align: right;
}
.dropdown-menu-item:not(.dropdown-menu-itemV2).is-focused {
  background: var(--highlight-background-color-secondary);
}
.dropdown-menu-item:not(.dropdown-menu-itemV2).is-selected {
  background: var(--highlight-background-color-tertiary);
}
.dropdown-menu-item:not(.dropdown-menu-itemV2).is-disabled {
  cursor: default;
  opacity: 0.4;
  position: relative;
}
.dropdown-menu-item:not(.dropdown-menu-itemV2).is-disabled .dropdown-menu-item__tooltip {
  position: absolute;
  padding: 10px;
}
.dropdown-menu-item:not(.dropdown-menu-itemV2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-menu-item--delete.is-focused,
.dropdown-menu-item--delete:hover,
.dropdown-menu-item.is-destructive.is-focused,
.dropdown-menu-item.is-destructive:hover {
  color: var(--content-color-constant);
  background-color: var(--base-color-error) !important;
}
.dropdown-menu-item--delete.is-focused use,
.dropdown-menu-item--delete:hover use,
.dropdown-menu-item.is-destructive.is-focused use,
.dropdown-menu-item.is-destructive:hover use {
  fill: var(--content-color-constant);
}
.dropdown-menu-item--delete.is-focused svg:not([class*=PartnerIcon]) > path[fill],
.dropdown-menu-item--delete:hover svg:not([class*=PartnerIcon]) > path[fill],
.dropdown-menu-item.is-destructive.is-focused svg:not([class*=PartnerIcon]) > path[fill],
.dropdown-menu-item.is-destructive:hover svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.dropdown-menu-item--delete.is-focused svg,
.dropdown-menu-item--delete:hover svg,
.dropdown-menu-item.is-destructive.is-focused svg,
.dropdown-menu-item.is-destructive:hover svg {
  color: var(--content-color-constant);
}
.dropdown-menu-item--delete.is-focused .dropdown-menu-item-shortcut,
.dropdown-menu-item--delete:hover .dropdown-menu-item-shortcut,
.dropdown-menu-item.is-destructive.is-focused .dropdown-menu-item-shortcut,
.dropdown-menu-item.is-destructive:hover .dropdown-menu-item-shortcut {
  color: var(--content-color-constant) !important;
}

.dropdown-menu-itemV2.dropdown-menu-item--download {
  width: 100%;
}
.dropdown-menu-itemV2.dropdown-menu-item--download > span {
  width: 100%;
}
.dropdown-menu-itemV2.dropdown-menu-item--download > span > span {
  display: block;
}

.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-secondary);
  font-size: var(--text-size-m);
  opacity: 0.6;
  cursor: text;
  line-height: var(--line-height-m);
  user-select: none;
}
.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);
  padding-left: var(--spacing-xs);
}
.text-editor-tab .tab-content-indicator {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-left: var(--spacing-xs);
  background-color: var(--base-color-success);
  display: inline-flex;
}

.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-brand);
}
.text-editor__line-wrap-button.is-active svg {
  color: 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 {
  border-radius: var(--border-radius-l);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  z-index: 120;
  font-family: var(--text-family-default);
  border: 1px solid var(--modal-border-color);
  box-shadow: var(--modal-box-shadow);
}
.modal .modal-header {
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  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 {
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  flex: 0 0 80px;
  box-sizing: border-box;
}

.modal-header {
  background-color: var(--background-color-primary);
  display: flex;
  flex-direction: row;
}
.modal-header .modal-header-title {
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  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);
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
.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);
  border: 1px solid var(--tooltip-border-color);
  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);
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: var(--spacing-xs) 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 var(--spacing-xs);
}

.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: var(--spacing-xs) 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 var(--spacing-xs);
}

.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: var(--switch-track-unchecked-background-color);
  border-radius: 8px;
  border: var(--border-width-default) var(--border-style-solid) var(--switch-track-unchecked-border-color);
  box-sizing: border-box;
}
.toggle-switch.is-active {
  background: var(--switch-track-checked-background-color);
  border-color: var(--switch-track-checked-border-color);
}
.toggle-switch:before {
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  top: 1px;
  left: 1px;
  border-radius: 6px;
  background: var(--switch-thumb-background-color);
}
.toggle-switch.is-active:before {
  right: 1px;
  left: initial;
  background: var(--switch-thumb-background-color);
}

.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);
}

.drop-file-import-icon {
  background-color: transparent;
  transform: scale(2);
  padding-right: 18px;
}

.drop-file-import-icon2 {
  background-color: var(--highlight-background-color-tertiary);
  padding: 5px;
  border-radius: var(--border-radius-max);
  transform: scale(2);
}

.drop-file-import-icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  background-color: var(--background-color-tertiary);
  border-radius: 50%;
  top: 50%;
  left: 24%;
  transform: translate(-50%, -50%);
}

.drop-overlay-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
@keyframes indeterminateProgress {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.progress-bar {
  height: 4px;
  background-color: var(--background-color-tertiary);
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.progress-bar .indeterminate {
  width: 100%;
  height: 100%;
  background-color: var(--base-color-brand);
  animation: indeterminateProgress 1s infinite linear;
  transform-origin: 0% 50%;
}
.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 {
  padding-top: var(--spacing-xs);
  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);
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
.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-primary);
  cursor: pointer;
  font-size: 12px;
  padding: 8px;
  white-space: pre;
  overflow: hidden;
  border-radius: var(--border-radius-default);
}
.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-primary);
  border: var(--border-width-default) var(--border-style-solid) var(--input-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 {
  background-color: var(--background-color-secondary);
  border-color: var(--border-color-strong);
  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.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:not([class*=PartnerIcon]) > path[fill], .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-brand);
}
.input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action:hover svg, .input-select-v2-dropdown-menu .dropdown-menu-item .item-wrapper .item-actions .item-action.is-hovered svg {
  color: 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;
}
.input-select-v2-dropdown-menu.use-browser-tabs-header .dropdown-menu {
  min-width: 130px;
}

.input-select-v2-dropdown-menu--banner .dropdown-menu {
  padding-bottom: 0px;
}

.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;
  padding: 2px var(--spacing-m);
  height: auto;
}
.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-secondary);
  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:not([class*=PartnerIcon]) > path[fill], .inline-editor-text-wrapper.is-hovered.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.inline-editor-text-wrapper:hover.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon svg, .inline-editor-text-wrapper.is-hovered.inline-editor-text-wrapper--editable .inline-editor-text__edit-icon svg {
  color: 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;
}

.read-only {
  cursor: not-allowed;
  color: var(--content-color-secondary);
}
.read-only:hover {
  opacity: 1 !important;
}

.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:not(.show-content-inline) .public-DraftStyleDefault-block {
  white-space: normal !important;
}
.auto-suggest.is-focused {
  z-index: 2;
}
.auto-suggest.is-focused .public-DraftStyleDefault-block {
  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;
}
.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-focused .secrets-field .public-DraftStyleDefault-block {
  white-space: nowrap !important;
  text-overflow: unset;
}
.auto-suggest.is-focused .secrets-field:focus-within {
  border: 1px solid var(--input-border-color-focus);
  box-shadow: 0px 0px 0px 2px var(--input-shadow-focus);
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.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;
  align-self: center;
}
.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: 18px;
}
.auto-suggest:not(.is-focused) .auto-suggest__overflown div[data-block=true]:first-child::after {
  content: "...";
  opacity: 0.4;
  align-self: center;
}
.auto-suggest:not(.is-focused) .auto-suggest__multiline-overflown .public-DraftEditor-content::after {
  content: "...";
  opacity: 0.4;
  align-self: center;
}
.auto-suggest:not(.is-focused) .secrets-field div[data-block=true]:first-child::after {
  content: none;
}
.auto-suggest:not(.is-focused) .secrets-field div[data-block=true]:first-child .public-DraftStyleDefault-block {
  height: inherit;
}
.auto-suggest .DraftEditor-root {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.auto-suggest .sensitive-value-warning {
  border: 1px solid var(--yellow-40) !important;
  box-shadow: 0px 0px 0px 1px var(--yellow-40) !important;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.auto-suggest .sensitive-value-warning .DraftEditor-editorContainer .public-DraftEditor-content {
  margin-right: var(--spacing-l);
}
.auto-suggest .auto-suggest-cell {
  padding: 0px 3px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.auto-suggest .auto-suggest-box {
  padding: 6px 10px;
  background-color: var(--background-color-primary);
  border-radius: var(--border-radius-default);
  border: 1px solid var(--input-border-color-default);
}
.auto-suggest .auto-suggest-box.read-only {
  background-color: var(--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 .auto-suggest__fixed-max-height .public-DraftEditor-content {
  overflow: auto;
  max-height: 200px;
  align-items: flex-start;
}
.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: "↵";
  font-size: 9px;
  color: var(--content-color-tertiary);
  padding: 3px 3px 1px;
  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: "↵";
  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;
  position: relative;
}
.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;
}
.auto-suggest .public-DraftStyleDefault-block::-webkit-scrollbar {
  display: none;
}
.auto-suggest .inlineVariable:first-child {
  margin-left: var(--spacing-zero);
}
.auto-suggest .resolvedVariable, .auto-suggest .unresolvedVariable {
  padding: var(--spacing-zero) 2px 1px;
  margin: var(--spacing-zero) 1px;
  border-radius: var(--border-radius-default);
  font-size: 12px;
  cursor: text;
}
.auto-suggest .inlineVariable + .inlineVariable {
  margin-left: var(--spacing-zero);
}
.auto-suggest .unresolvedVariable {
  background: var(--background-color-error);
  color: var(--content-color-error);
  border: 1px dashed var(--variable-unresolved-border-color);
}
.auto-suggest .unresolvedVariable:hover {
  color: var(--variable-unresolved-hover-color);
  border: 1px dashed var(--variable-unresolved-hover-border-color);
}
.auto-suggest .resolvedVariable {
  background: var(--background-color-secondary);
  color: var(--content-color-info);
  border: 1px solid var(--border-color-default);
}
.auto-suggest .resolvedVariable:hover {
  border: 1px solid var(--content-color-tertiary);
  background: var(--background-color-tertiary);
}

.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 {
  opacity: 1;
  font-family: monospace;
  position: relative;
}
.show-whitespaces .wf__sp::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 2px;
  background-color: var(--color-whitespace-char);
  border-radius: var(--border-radius-default);
  transform: translateX(-5px) translateY(7px);
}
.show-whitespaces .wf__tb {
  font-size: var(--text-size-m);
  display: inline-block;
}
.show-whitespaces .wf__tb::before {
  content: "→";
  opacity: 0.4;
  font-size: 9px;
  position: absolute;
  padding: 2px 6px;
}

.auto-suggest__warning-btn,
.auto-suggest__error-btn {
  position: absolute;
  top: 10px;
  right: 8px;
  background: unset;
  height: unset;
  width: unset;
  z-index: 1;
  cursor: default;
}
.auto-suggest__warning-btn:hover, .auto-suggest__warning-btn:active,
.auto-suggest__error-btn:hover,
.auto-suggest__error-btn:active {
  background: unset;
}

.auto-suggest__sensitive-value-warning-icon {
  position: absolute;
  top: 7px;
  right: 6px;
  background: unset;
  height: unset;
  width: unset;
  z-index: 1;
  cursor: pointer;
}
.auto-suggest__sensitive-value-warning-icon:hover, .auto-suggest__sensitive-value-warning-icon:active {
  background: unset;
}

.hint-wrapper {
  position: absolute; /* Remove from document flow */
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.variable-creation-flow-active .masked-input {
  background: var(--highlight-background-color-tertiary);
  padding: var(--spacing-zero) var(--spacing-xs);
}
.variable-creation-flow-active .mask-toggle {
  display: none !important;
}
.variable-creation-flow-active .masked-input-container {
  margin-right: var(--spacing-zero);
}
.variable-creation-flow-active .masked-input-text {
  margin-right: var(--spacing-zero) !important;
}

.masked-input-container {
  display: flex;
  align-items: center;
  margin-right: var(--spacing-xs);
}
.masked-input-container .masked-input-text {
  white-space: nowrap;
  overflow: hidden;
  flex-grow: 1;
  margin-right: var(--spacing-s);
}
.masked-input-container .masked-input {
  display: inline-block;
  white-space: pre;
  min-width: 1px;
}
.masked-input-container .mask-toggle {
  display: flex;
  cursor: pointer;
}

.auto-suggest__hint {
  pointer-events: none;
  user-select: none;
  color: var(--content-color-tertiary);
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 1; /* Allow the hint to shrink */
  min-width: 0; /* Ensure it can shrink below its content size */
}

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

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

.auto-suggest.has-error .auto-suggest__warning-btn,
.auto-suggest.has-error .auto-suggest__error-btn, .auto-suggest.has-warning .auto-suggest__warning-btn,
.auto-suggest.has-warning .auto-suggest__error-btn {
  top: 6px;
}
.auto-suggest.has-error .DraftEditor-editorContainer .public-DraftEditor-content, .auto-suggest.has-warning .DraftEditor-editorContainer .public-DraftEditor-content {
  margin-right: var(--spacing-l);
}

.disable .auto-suggest .auto-suggest-box {
  background-color: var(--input-background-color-disabled);
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
.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;
  min-height: var(--text-size-l);
}
.autocomplete-item.autocomplete-item-focused {
  background-color: var(--background-color-tertiary);
}
.autocomplete-item .autocomplete-item-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.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-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 {
  position: relative;
  width: 244px;
  background: var(--background-color-primary);
  cursor: pointer;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--spacing-zero) var(--spacing-s);
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: var(--scrollbar-thumb-background-color) transparent;
}

.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: 386px;
  height: 196px;
  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;
  padding: var(--spacing-s);
  background-color: var(--background-color-primary);
}
.autocomplete-menu-wrapper .autocomplete-meta-container {
  width: 220px;
  background: var(--background-color-primary);
  color: var(--content-color-primary);
  padding: var(--spacing-s);
}
.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: var(--text-size-xs);
  text-align: center;
}
.autocomplete-menu-wrapper .autocomplete-meta-container .overriding-help-info {
  font-size: var(--text-size-xs);
  padding-top: var(--spacing-xs);
  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 {
  font-size: var(--text-size-xs);
  display: flex;
  margin-bottom: var(--spacing-s);
}
.autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--label {
  flex: 2;
  text-align: left;
  color: var(--content-color-secondary);
}
.autocomplete-menu-wrapper .autocomplete-meta-container .autocomplete-meta-item--content {
  flex: 6;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 68px;
  -webkit-line-clamp: 3;
  -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);
  flex-shrink: 0;
}
.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-info);
  color: var(--content-color-primary);
}
.infobar-info .infobar__icon use {
  fill: var(--content-color-primary);
}
.infobar-info .infobar__icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-info .infobar__icon svg {
  color: var(--content-color-primary);
}
.infobar-info .infobar__dismiss_icon use {
  fill: var(--content-color-primary);
}
.infobar-info .infobar__dismiss_icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-info .infobar__dismiss_icon svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-warn .infobar__icon svg {
  color: var(--content-color-primary);
}
.infobar-warn .infobar__dismiss_icon use {
  fill: var(--content-color-primary);
}
.infobar-warn .infobar__dismiss_icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-warn .infobar__dismiss_icon svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-error .infobar__icon svg {
  color: var(--content-color-primary);
}
.infobar-error .infobar__dismiss_icon use {
  fill: var(--content-color-primary);
}
.infobar-error .infobar__dismiss_icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-error .infobar__dismiss_icon svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-success .infobar__icon svg {
  color: var(--content-color-primary);
}
.infobar-success .infobar__dismiss_icon use {
  fill: var(--content-color-primary);
}
.infobar-success .infobar__dismiss_icon svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.infobar-success .infobar__dismiss_icon svg {
  color: 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);
  text-decoration: underline;
}
.infobar__msg_container .infobar-actions {
  align-self: center;
  margin-right: var(--spacing-l);
  display: flex;
  gap: var(--spacing-s);
}
.infobar__msg_container .infobar-actions .btn-small {
  padding: var(--spacing-zero) var(--spacing-l);
}
.infobar__msg_container .infobar-actions button {
  margin-right: var(--spacing-s);
}

.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-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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-error);
}
.info-button.error svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-error);
}
.info-button-new.error svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.info-button-new .info-button-new__icon svg {
  color: var(--content-color-secondary);
}

.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-error);
}
.folder-button.error svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-warning);
}
.warning-button .warning-icon svg {
  color: 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 {
  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;
  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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-warning);
}
.add-user__item .add-user__item__roles__container .add-user__item__warning svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.pm-icon-normal svg {
  color: var(--content-color-secondary);
}

.pm-icon-primary use {
  fill: var(--content-color-constant);
}
.pm-icon-primary svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-constant);
}
.pm-icon-primary svg {
  color: var(--content-color-constant);
}

.pm-icon-secondary use {
  fill: var(--base-color-brand);
}
.pm-icon-secondary svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-brand);
}
.pm-icon-secondary svg {
  color: var(--base-color-brand);
}

.pm-icon-tertiary use {
  fill: var(--content-color-secondary);
}
.pm-icon-tertiary svg:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-secondary);
}
.pm-icon-tertiary svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-success);
}
.invite-user-team-link .invite-user-team-link-input-container .invite-user-team-link-action.success svg {
  color: 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;
}

/* stylelint-disable postman-stylelint/color-no-hex-rgb */
.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 {
  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.is-bleed {
  padding: 0;
}
.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 {
  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;
}
.file-input-container__warning-icon {
  position: absolute;
  top: 10px;
  right: var(--spacing-s);
  background: unset;
  height: unset;
  width: unset;
  z-index: 1;
  cursor: default;
}
.file-input-container.has-warning {
  margin-right: var(--spacing-xl);
}

.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-warning);
}
.password-input .password-input-message .password-input__warning-btn svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--base-color-error);
}
.password-input .password-input-message .password-input__error-btn svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-primary);
}
.right-overlay .right-overlay__modal .right-overlay__content .right-overlay__header .right-overlay__close-icon:hover svg {
  color: 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-warning {
  border: solid 1px var(--border-color-default);
  background-color: var(--background-color-warning);
}
.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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.link-text svg {
  color: 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:not([class*=PartnerIcon]) > path[fill] {
  fill: var(--content-color-link);
}
.link-text:hover svg {
  color: 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 .pane-label__arrow i svg {
  color: var(--pane-chevron-color);
}
.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;
}

.ai-chat-input-editor-placeholder {
  color: var(--content-color-tertiary);
  margin-top: -15px;
}

.ai-chat-input-editor-container {
  width: 100%;
  min-height: 36px;
  padding: var(--spacing-xs) 0;
  color: var(--content-color-primary);
}
.ai-chat-input-editor-container p {
  margin: 0;
  line-height: normal;
}

.skill-instruction-placeholder {
  color: var(--content-color-tertiary);
  cursor: pointer;
  border: 1px dashed var(--border-color-default);
  border-radius: var(--border-radius-xs);
  padding: 0 var(--spacing-xxs);
  background-color: var(--background-color-secondary);
  display: inline-block;
}
.skill-instruction-placeholder:hover {
  border-color: var(--border-color-strong);
  background-color: var(--highlight-background-color-primary);
}

.ai-chat-input-editor-typeahead-menu-container > .tippy-content {
  padding: var(--spacing-xs);
  padding-bottom: var(--spacing-s);
}

.ai-chat-input-editor-typeahead-menu-item {
  padding: var(--spacing-xs);
  cursor: pointer;
  border-radius: var(--border-radius-s);
}
.ai-chat-input-editor-typeahead-menu-item:hover {
  color: var(--content-color-primary);
  background-color: var(--highlight-background-color-primary);
}

.ai-chat-input-editor-typeahead-menu-item-container {
  padding-left: var(--spacing-xs);
}
.ai-chat-input-editor-typeahead-menu-item-container > span:first-child {
  margin-bottom: var(--spacing-zero);
}

.ai-chat-input-editor-typeahead-menu-item-selected {
  color: var(--content-color-primary);
  background-color: var(--highlight-background-color-primary);
}

/**
 * Shared styles for mention rendering across the application
 * Used in both the editor and conversation views
 */
.mention-agent, .agent-node,
.mention-skill,
.skill-node,
.mention-context,
.context-node {
  background-color: var(--background-color-secondary);
  color: var(--content-color-info);
  border: 1px solid var(--border-color-default);
  border-radius: var(--border-radius-s);
  padding: 2px 4px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
}
.mention-agent:hover, .agent-node:hover,
.mention-skill:hover,
.skill-node:hover,
.mention-context:hover,
.context-node:hover {
  background-color: var(--background-color-primary);
}

.mention-skill, .skill-node {
  color: var(--content-color-secondary);
}

.ai-chat-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  box-sizing: border-box;
}
.ai-chat-container.is-drag-over {
  opacity: 0.5;
}

.ai-chat-user-message {
  padding: 0;
  color: var(--content-color-primary);
}

.ai-chat-tool-inspect-button {
  margin-left: auto;
}

.ai-chat-tool-inspect-button i {
  visibility: hidden !important;
}

.ai-chat-tool-message:hover .ai-chat-tool-inspect-button i,
.external-mcp-tool-approval:hover .ai-chat-tool-inspect-button i {
  visibility: visible !important;
}

.ai-chat-tool-call,
.ai-chat-tool-message {
  width: 100%;
}

.ai-chat-notification-message {
  width: 100%;
  margin: var(--spacing-s) 0;
  background-color: var(--background-color-secondary);
  padding: var(--spacing-m);
  border: 1px solid;
  border-image: linear-gradient(var(--aiChatNotificationAngle), transparent 0%, var(--purple-50) 50%, transparent 100%) 1;
  animation: 2s ease-in-out infinite aiChatNotificationRotate;
}
.ai-chat-notification-message strong {
  color: var(--content-color-primary);
}

@keyframes aiChatNotificationRotate {
  to {
    --aiChatNotificationAngle: 180deg;
  }
}
@property --aiChatNotificationAngle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.external-mcp-tool-approval-label {
  cursor: pointer;
}

.external-mcp-tool-approval {
  margin-top: var(--spacing-xs);
}

.ai-chat-tool-message-content,
.ai-chat-agent-message {
  background: var(--background-color-primary);
  color: var(--content-color-primary);
  padding: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  margin: var(--spacing-s) 0;
  width: 100%;
}

.ai-chat-agent-debug-message-header {
  cursor: pointer;
}

.ai-chat-agent-debug-message {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  color: var(--content-color-secondary);
}
.ai-chat-agent-debug-message p, .ai-chat-agent-debug-message li, .ai-chat-agent-debug-message li::marker {
  color: var(--content-color-secondary);
}
.ai-chat-agent-debug-message p {
  padding-bottom: var(--spacing-zero);
}
.ai-chat-agent-debug-message h4 {
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-s);
}

.ai-chat-message-feedback {
  margin-top: var(--spacing-m);
}

.ai-chat-message-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ai-chat-message {
  width: 100%;
}

.ai-chat-tool-message {
  width: 100%;
}

.ai-chat-conversation-state {
  padding-left: var(--spacing-s);
}

.ai-chat-conversation-state-failed {
  color: var(--content-color-error);
}

@keyframes textShine {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.ai-chat-conversation-name-editable {
  cursor: pointer;
}

.ai-chat-conversation-name-container {
  min-width: 0 !important;
}

.ai-chat-conversation-list {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: var(--spacing-m);
}
.ai-chat-conversation-list > .ai-chat-message-group:last-child {
  min-height: 100%;
}

.ai-chat-conversation-menu-item span {
  width: 100%;
}

.ai-chat-conversation-menu-item .ai-chat-conversation-delete-button i {
  visibility: hidden;
}
.ai-chat-conversation-menu-item:hover .ai-chat-conversation-delete-button i {
  visibility: visible;
}

.ai-chat-skeleton-loader-shell {
  background-color: var(--background-color-tertiary);
  animation: fade 1s linear infinite;
}

.ai-chat-empty-state-message {
  text-align: center;
}

.ai-chat-empty-state-intro {
  text-align: center;
  margin-bottom: var(--spacing-s);
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.ai-chat-input-container {
  border: var(--border-width-default) var(--border-style-solid) var(--content-color-tertiary);
  border-radius: var(--border-radius-default);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-s);
  cursor: text;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.ai-chat-input-container .ai-chat-input-top-section {
  flex-shrink: 0;
  max-height: 60px;
  overflow: hidden;
  margin-bottom: var(--spacing-xs);
}
.ai-chat-input-container .ai-chat-input-middle-section {
  flex: 1 1 auto;
  min-height: 36px;
  max-height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: var(--spacing-xs);
}
.ai-chat-input-container .ai-chat-input-bottom-section {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-chat-input-container.is-editor-focused {
  border: var(--border-width-default) var(--border-style-solid) transparent;
  box-shadow: 0px 0px 0px 3px var(--input-shadow-focus);
}

.ai-chat-input-send-button {
  background-color: var(--button-main-background-color);
  margin-left: auto;
}
.ai-chat-input-send-button:hover {
  background-color: var(--button-main-hover-background-color);
}
.ai-chat-input-send-button:focus-visible {
  box-shadow: 0 0 0 3px var(--input-shadow-focus);
}

.ai-chat-empty-state-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.ai-chat-empty-state-container .ai-chat-empty-state {
  position: absolute;
  top: calc(40vh - 200px);
  height: 120px;
}

.ai-chat-selected-context-bar {
  display: flex;
  flex-flow: row wrap;
  gap: var(--spacing-xs);
}

.ai-chat-more-contexts-tile {
  min-width: 48px !important;
  height: 22px !important;
  justify-content: center !important;
}
.ai-chat-more-contexts-tile:hover {
  border-color: var(--border-color-strong) !important;
}

.ai-chat-more-contexts-popover {
  max-height: 150px;
  max-width: 200px;
  overflow-y: auto;
  padding: 0;
}

.ai-chat-more-contexts-popover-item {
  padding: 0 var(--spacing-xs) 0 0;
  border-bottom: 1px solid var(--border-color-default);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.ai-chat-more-contexts-popover-item:last-child {
  border-bottom: none;
}
.ai-chat-more-contexts-popover-item:hover {
  background-color: var(--highlight-background-color-primary);
}
.ai-chat-more-contexts-popover-item .ai-chat-selected-context-tile, .ai-chat-more-contexts-popover-item .ai-chat-more-contexts-tile,
.ai-chat-more-contexts-popover-item .ai-chat-selection-context-tile,
.ai-chat-more-contexts-popover-item .ai-chat-active-editor-context-tile {
  max-width: 100%;
  margin: 0;
  border: none;
  padding: 0;
  background: transparent;
}
.ai-chat-more-contexts-popover-item .ai-chat-selected-context-tile:hover, .ai-chat-more-contexts-popover-item .ai-chat-more-contexts-tile:hover,
.ai-chat-more-contexts-popover-item .ai-chat-selection-context-tile:hover,
.ai-chat-more-contexts-popover-item .ai-chat-active-editor-context-tile:hover {
  background: transparent;
  border: none;
}

.ai-chat-selected-context-tile, .ai-chat-selection-context-tile, .ai-chat-more-contexts-tile {
  --tile-max-width: 140px;
  display: flex;
  align-items: center;
  height: 22px;
  min-width: 72px;
  max-width: var(--tile-max-width);
  gap: var(--spacing-xs);
  padding: 2px var(--spacing-xs);
  overflow: hidden;
  margin: 2px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  cursor: pointer;
  box-sizing: border-box;
  flex-shrink: 1;
}

.ai-chat-selected-context-tile-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 12px;
  max-width: 28px;
  min-width: 24px;
  flex-shrink: 0;
  justify-content: center;
}
.ai-chat-selected-context-tile-icon svg {
  color: var(--content-color-tertiary);
  height: 12px;
}
.ai-chat-selected-context-tile-icon .extensible-request-icon svg {
  color: inherit;
}

.ai-chat-active-editor-context-tile-view-toggle {
  padding: 0;
  min-width: 18px;
  background-color: transparent;
}
.ai-chat-active-editor-context-tile-view-toggle:hover {
  background-color: transparent;
}
.ai-chat-active-editor-context-tile-view-toggle > i > svg {
  color: var(--content-color-secondary);
}
.ai-chat-active-editor-context-tile-view-toggle > i .extensible-request-icon svg {
  color: inherit;
}

.ai-chat-active-editor-context-tile {
  display: flex;
  align-items: center;
  height: 22px;
  overflow: hidden;
  margin: 2px 0;
  gap: var(--spacing-xs);
  min-width: 72px;
  max-width: var(--tile-max-width, 140px);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  padding: 2px var(--spacing-xs);
  box-sizing: border-box;
  cursor: default;
}
.ai-chat-active-editor-context-tile.ai-chat-active-editor-context-tile-strikethrough :nth-child(2) {
  text-decoration: line-through;
}

.ai-chat-selected-context-tile-close-button {
  padding: 0;
  min-width: 18px;
}
.ai-chat-selected-context-tile-close-button:hover {
  background-color: transparent;
}

.ai-chat-selected-context-tile-text {
  max-width: 120px;
  min-width: 0;
}

.ai-chat-selected-context-tile-text-strikethrough {
  text-decoration: line-through;
}

.ai-chat-selected-context-bar-empty {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-xs);
  height: 22px;
  padding: 2px var(--spacing-xs);
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  color: var(--content-color-tertiary);
  box-sizing: border-box;
  width: fit-content;
}

.ai-chat-input-settings-model-icon {
  display: flex;
  flex-shrink: 0;
  margin-right: var(--spacing-s);
  width: var(--size-xs);
  height: var(--size-xs);
}

.ai-chat-user-message-container {
  border: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  border-radius: var(--border-radius-default);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s);
  background: var(--background-color-primary);
  width: 100%;
  box-sizing: border-box;
  color: var(--content-color-secondary);
  margin-bottom: var(--spacing-s);
}

.ai-chat-input-settings-auto-run span {
  width: 100%;
}

.ai-chat-input-settings-toggle-switch-container {
  display: flex;
  align-items: center;
  padding: 2px;
}

.ai-chat-container .markdown-html-root p {
  margin: var(--spacing-xs) 0;
}
.ai-chat-container .markdown-html-root a {
  color: var(--content-color-link);
  cursor: pointer;
}
.ai-chat-container .markdown-html-root a:hover {
  text-decoration: underline;
}

.ai-chat-empty-state-suggestion {
  margin-bottom: var(--spacing-s);
}

/* AI Chat Resource Grid Styles */
.ai-chat-resource-grid {
  display: grid;
  gap: var(--spacing-s);
  padding: var(--spacing-s);
  /* Responsive grid based on item count and container width */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  /* For single item, ensure it takes full width */
}
.ai-chat-resource-grid.ai-chat-resource-grid-single {
  grid-template-columns: 1fr;
}

.ai-chat-resource-item {
  min-height: 100px;
  width: 100%;
}
.ai-chat-resource-item iframe {
  border: none;
}

.ai-chat-selection-context-tile {
  max-width: 140px;
  background-color: var(--background-color-primary);
}
.ai-chat-selection-context-tile:hover {
  border-color: var(--border-color-strong);
  background-color: var(--background-color-tertiary);
}

.ai-chat-selection-context-tile-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-chat-monospace-text {
  font-family: var(--text-family-code);
  font-size: 10px;
  white-space: nowrap;
}

.ai-chat-code-preview-text {
  font-family: var(--text-family-code);
  font-size: 10px;
  white-space: pre-wrap;
  overflow: hidden;
}

/* Selection Tooltip */
.ai-chat-tooltip-container {
  max-width: 400px;
}
.ai-chat-tooltip-header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-bottom: 8px;
}
.ai-chat-tooltip-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ai-chat-tooltip-title {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.ai-chat-tooltip-code-container {
  background: var(--background-color-secondary);
  padding: 8px;
  border-radius: var(--border-radius-default);
  border: var(--border-width-default) solid var(--border-color-default);
  max-height: 200px;
  overflow: auto;
}

.ai-chat-prompt-suggestion {
  color: var(--content-color-primary);
  border-radius: var(--border-radius-default);
  cursor: pointer;
  padding: var(--spacing-s);
  border-bottom: var(--border-width-default) var(--border-style-solid) var(--border-color-default);
  opacity: 0.5;
  transform: translateY(-1px);
  animation: slideInDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.ai-chat-prompt-suggestion:hover {
  background-color: var(--background-color-tertiary);
}

@keyframes slideInDown {
  from {
    opacity: 0.5;
    transform: translateY(-1px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Staggered animation delays for smooth cascading effect */
.ai-chat-prompt-suggestion:nth-child(1) {
  animation-delay: 0.4s;
}

.ai-chat-prompt-suggestion:nth-child(2) {
  animation-delay: 0.3s;
}

.ai-chat-prompt-suggestion:nth-child(3) {
  animation-delay: 0.2s;
}

.ai-chat-prompt-suggestion:nth-child(4) {
  animation-delay: 0.1s;
}

.ai-chat-prompt-suggestion-selected {
  background-color: var(--background-color-tertiary);
}

.ai-chat-prompt-suggestion:last-child {
  border-bottom: none;
}

.ai-chat-info-message {
  width: 100%;
  margin: var(--spacing-xs) 0;
}
.ai-chat-info-message.ai-chat-info-message-shimmer {
  background: linear-gradient(to right, var(--content-color-tertiary) 0%, color-mix(in srgb, var(--content-color-tertiary) 60%, white) 5%, color-mix(in srgb, var(--content-color-tertiary) 60%, white) 10%, var(--content-color-tertiary) 15%, var(--content-color-tertiary) 100%);
  background-size: 200% 100%;
  background-clip: text;
  animation: textShine 3s linear infinite;
  -webkit-text-fill-color: transparent;
}

.ai-chat-prompt-suggestions {
  max-width: 760px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.ai-chat-consent-container {
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto;
}

.ai-chat-consent-content {
  white-space: normal;
  max-width: 350px;
  align-self: center;
  width: 100%;
  min-height: min-content;
  flex-shrink: 0;
  padding: var(--spacing-m);
}

.ai-chat-consent-button {
  position: static;
  font-weight: 600;
  align-self: center;
  width: 80%;
}

.agent-mode-onboarding-gif {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5;
  object-fit: contain;
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  display: block;
}

.agent-mode-onboarding-gif-skeleton {
  width: 100%;
  aspect-ratio: 1.5;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: var(--border-radius-l);
  display: block;
}

.ai-chat-onboarding-features-list {
  transition: opacity 0.3s ease-in-out;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.requester-header-mac__traffic-light-background {
  width: 70px;
  background-color: var(--background-color-secondary);
  height: 45px;
  z-index: 1;
  top: 0;
  left: 0;
}
/*
This file contains the global styles over the design system components
This is just to simulate the behaviour of components in the app where such default styles are applied at the global level
Use it to apply any default global styles for colors,typography etc
*/
html {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;
  /* Enable kerning and optional ligatures */
  text-rendering: optimizeLegibility;
  /* Disable auto-enlargement of small text in Safari */
  text-size-adjust: 100%;
  /* Make type rendering look crisper */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body {
  color: var(--content-color-secondary);
  font-size: var(--text-size-m, 12px);
}

/** 
  * Since form elements inherit OS defaults, 
  * font-family inheritence is defined to override that 
  */
button, input, optgroup, select, textarea {
  font-family: inherit;
}

@media screen and (max-width: 719px) {
  .mobile-one-wide-column {
    grid-column-start: span 1 !important;
  }
  .mobile-two-wide-column {
    grid-column-start: span 2 !important;
  }
  .mobile-three-wide-column {
    grid-column-start: span 3 !important;
  }
  .mobile-four-wide-column {
    grid-column-start: span 4 !important;
  }
  .mobile-five-wide-column {
    grid-column-start: span 5 !important;
  }
  .mobile-six-wide-column {
    grid-column-start: span 6 !important;
  }
  .mobile-seven-wide-column {
    grid-column-start: span 7 !important;
  }
  .mobile-eight-wide-column {
    grid-column-start: span 8 !important;
  }
  .mobile-nine-wide-column {
    grid-column-start: span 9 !important;
  }
  .mobile-ten-wide-column {
    grid-column-start: span 10 !important;
  }
  .mobile-eleven-wide-column {
    grid-column-start: span 11 !important;
  }
  .mobile-twelve-wide-column {
    grid-column-start: span 12 !important;
  }
  .hidden-for-mobile {
    display: none !important;
  }
  .mobile-spacing-l-gutter {
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media screen and (min-width: 720px) and (max-width: 1099px) {
  .tablet-one-wide-column {
    grid-column-start: span 1 !important;
  }
  .tablet-two-wide-column {
    grid-column-start: span 2 !important;
  }
  .tablet-three-wide-column {
    grid-column-start: span 3 !important;
  }
  .tablet-four-wide-column {
    grid-column-start: span 4 !important;
  }
  .tablet-five-wide-column {
    grid-column-start: span 5 !important;
  }
  .tablet-six-wide-column {
    grid-column-start: span 6 !important;
  }
  .tablet-seven-wide-column {
    grid-column-start: span 7 !important;
  }
  .tablet-eight-wide-column {
    grid-column-start: span 8 !important;
  }
  .tablet-nine-wide-column {
    grid-column-start: span 9 !important;
  }
  .tablet-ten-wide-column {
    grid-column-start: span 10 !important;
  }
  .tablet-eleven-wide-column {
    grid-column-start: span 11 !important;
  }
  .tablet-twelve-wide-column {
    grid-column-start: span 12 !important;
  }
  .hidden-for-tablet {
    display: none !important;
  }
  .tablet-spacing-xl-gutter {
    column-gap: 24px;
    row-gap: 24px;
  }
}
@media only screen and (min-width: 1100px) {
  .computer-one-wide-column {
    grid-column-start: span 1 !important;
  }
  .computer-two-wide-column {
    grid-column-start: span 2 !important;
  }
  .computer-three-wide-column {
    grid-column-start: span 3 !important;
  }
  .computer-four-wide-column {
    grid-column-start: span 4 !important;
  }
  .computer-five-wide-column {
    grid-column-start: span 5 !important;
  }
  .computer-six-wide-column {
    grid-column-start: span 6 !important;
  }
  .computer-seven-wide-column {
    grid-column-start: span 7 !important;
  }
  .computer-eight-wide-column {
    grid-column-start: span 8 !important;
  }
  .computer-nine-wide-column {
    grid-column-start: span 9 !important;
  }
  .computer-ten-wide-column {
    grid-column-start: span 10 !important;
  }
  .computer-eleven-wide-column {
    grid-column-start: span 11 !important;
  }
  .computer-twelve-wide-column {
    grid-column-start: span 12 !important;
  }
  .hidden-for-computer {
    display: none !important;
  }
  .computer-spacing-xl-gutter {
    column-gap: 24px;
    row-gap: 24px;
  }
}
.one-wide-column {
  grid-column-start: span 1;
}

.two-wide-column {
  grid-column-start: span 2;
}

.three-wide-column {
  grid-column-start: span 3;
}

.four-wide-column {
  grid-column-start: span 4;
}

.five-wide-column {
  grid-column-start: span 5;
}

.six-wide-column {
  grid-column-start: span 6;
}

.seven-wide-column {
  grid-column-start: span 7;
}

.eight-wide-column {
  grid-column-start: span 8;
}

.nine-wide-column {
  grid-column-start: span 9;
}

.ten-wide-column {
  grid-column-start: span 10;
}

.eleven-wide-column {
  grid-column-start: span 11;
}

.twelve-wide-column {
  grid-column-start: span 12;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0px;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 15px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0px;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 15px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}

.tippy-svg-arrow,
.tippy-svg-arrow > svg {
  position: absolute;
}

@keyframes toast-appear {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes toast-moveup {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
#aether-toast-notifications__container {
  box-sizing: border-box;
  max-height: 100%;
  padding: 8px;
  position: fixed;
  z-index: 1000;
  bottom: 24px;
  right: 24px;
}
#aether-toast-notifications__container > *:not(:last-child) {
  margin-bottom: 8px;
  animation-name: toast-moveup;
  animation-duration: 250ms;
}
#aether-toast-notifications__container > *:last-child {
  animation-name: toast-appear;
  animation-duration: 250ms;
}

.toast-cross__button {
  background-color: transparent;
  color: var(--button-tertiary-content-color, #6b6b6b);
}
.toast-cross__button svg {
  color: var(--button-tertiary-content-color, #6b6b6b);
}
.toast-cross__button svg path {
  fill: var(--button-tertiary-content-color, #6b6b6b);
}
.toast-cross__button:hover {
  background-color: var(--button-tertiary-hover-background-color, #ededed);
  color: var(--button-tertiary-hover-content-color, #212121);
}
.toast-cross__button:hover svg {
  color: var(--button-tertiary-hover-content-color, #212121);
}
.toast-cross__button:hover svg path {
  fill: var(--button-tertiary-hover-content-color, #212121);
}

.toast-wrapper:before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--border-width-xl, 4px);
  border-top-left-radius: var(--border-radius-default, 4px);
  border-bottom-left-radius: var(--border-radius-default, 4px);
}
.toast-wrapper.toast-info:before {
  background-color: var(--base-color-info, #097BED);
}
.toast-wrapper.toast-success:before {
  background-color: var(--base-color-success, #0CBB52);
}
.toast-wrapper.toast-warning:before {
  background-color: var(--base-color-warning, #FFB400);
}
.toast-wrapper.toast-error:before {
  background-color: var(--base-color-error, #EB2013);
}

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}

.aether-spinner-no-flicker-style {
  transform: translate3d(0, 0, 0);
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.aether-remove-uploaded-file-btn {
  animation: fadein 250ms;
}

.aether-file-list-wrapper {
  animation: fadein 250ms;
}
