/* module-key = 'com.mute.confluence.plugins.xTables:split_tab-serverviewer', location = 'bundles/static/css/tab-serverviewer.fbb419c9.css' */
.swal2-container {
  background-color: rgba(9, 30, 66, 0.54) !important;
  background-color: var(--ds-blanket, rgba(9, 30, 66, 0.54)) !important;
}

.private-overlay {
  -webkit-backdrop-filter: blur(5px) !important;
          backdrop-filter: blur(5px) !important;
}

.swal2-container > div[aria-labelledby="swal2-title"] {
  background-color: #fff;
  background-color: var(--ds-surface-raised, #fff);
}
.swal2-popup {
  background: #fff !important;
  background: var(--ds-surface-overlay, #fff) !important;
}
.swal2-html-container {
  color: #545454 !important;
  color: var(--ds-text, #545454) !important;
}

#cvs-scroll-position-container {
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.cvs-scroll-position-elements {
  position: absolute;
}


.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/*
* Pivot Table UI / Dimensions collections
*/

.dimension__list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  min-height: 65px;
}
.pivot__criterion .dimension__list,
.pivot__axis-x .dimension__list {
  flex-direction: row;
}

.dimension__list-item {
  position: relative;
}

.pivot__dimension {
  background-color: var(--palette-primary-lighten);
  border: 1px solid var(--palette-primary-darken);
  border-radius: var(--border-radius);
  display: inline-flex;
  gap: 6px;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  padding: 6px 0 6px 6px;
}
.pivot__axis .pivot__dimension {
  background-color: var(--palette-primary);
  border-color: var(--palette-primary-darken);
}

.pivot__dimension--filter {
  font-style: italic;
}

.pivot__dimension > span {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.sortable {
  -webkit-user-select: none;
          user-select: none;
  cursor: move;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  > button {
    cursor: move;
  }
}
.sortable--ghost {
  opacity: 0.4;
}
.sortable--drag {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.dimension__dropdown-toggle {
  background: none transparent;
  border-width: 0;
  border-left: 1px solid #e2e4e9;
  border-left: 1px solid var(--ds-border,#e2e4e9);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  font-size: 20px;
  color: inherit;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  margin: -6px 0;
  cursor: pointer;
}

.pivot__axis .dimension__dropdown-toggle {
  border-color: var(--palette-primary-darken);
}

/*
* Pivot Table UI / Value Filters
*/
.dimension__dropdown {
  color: #333333;
  min-height: 100px;
  min-width: 360px;
  max-width: 500px;
  z-index: 1;
  -webkit-user-select: none;
          user-select: none;
}
.sortable-chosen .dimension__dropdown {
  display: none !important;
}

.dimension__dropdown-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.dimension__dropdown-close {
  width: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dimension__filters-toolbar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.filters__list {
  font-size: 0.75em;
  list-style-type: none;
  max-height: 30vh;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0.5rem 12px;
  margin: 0;
  overflow-y: scroll;
}

.filters__list-item {
  border-radius: 24px;
  border: 2px solid var(--palette-primary);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.5);
  margin: 6px 0;
  padding: 6px;
  padding: 6px 18px 6px 12px;
  white-space: nowrap;
  cursor: default;
}

.filters__list-item--selected {
  background: var(--palette-primary);
  color: rgba(0, 0, 0, 1);
}

.filter__toggle-only {
  display: inline-block;
  text-decoration: none;
  margin-right: 6px;
  visibility: hidden;
  cursor: pointer;
}
.filter__toggle-only:hover {
  text-decoration: underline;
}

.filters__list-item:hover .filter__toggle-only {
  visibility: visible;
}
.drag-started {
  border-color: #5f94e2 !important;
}
.drag_flex {
  display: flex;
  flex-wrap: wrap;
}


.custom-popup-button{
  max-width: 350px;
  >button {
    padding-left: 0;
    align-items: center;
  }  
}



/*
* Pivot Table UI / Renderer(Table)
*/
.pvtTable {
  border-collapse: collapse;
  font-family: inherit;
  font-size: inherit;
  min-width: 100%;
  height: 100%;
  
}
.pvtTable thead {
  background-color: #f4f5f7;
  background-color: var(--ds-background-accent-gray-subtlest, #f4f5f7);
  box-shadow: none !important;
  box-shadow: initial !important;
}

.pvtTable thead tr th,
.pvtTable tbody tr th,
.pvtTable tbody tr td {
  outline: 1px solid #C1C7D0;
  outline: 1px solid var(--ds-background-accent-gray-subtler, #C1C7D0);
  font-size: inherit;
  color: #172B4D;
  color: var(--ds-text, #172B4D) ;
  padding: 6px;
  box-shadow: none;
  box-shadow: initial;
}
.pvtTable tbody > tr:first-child {
  position: static !important;
  background-color: transparent;
  background-color: initial;
  box-shadow: none;
  box-shadow: initial;
}
.pvtTable thead, .pvtTable tbody, .pvtTable tfoot {
  border-bottom: 0;
  border-bottom: initial;
}



.pvtColLabel,
.pvtVal,
.pvtTable tbody tr:last-child .pvtTotal {
  text-align: center;
}

.pvtRowLabel,
.pvtTable tbody tr:last-child .pvtTotalLabel {
  text-align: right;
}

.pvtTotalLabel,
.pvtTotal,
.pvtTable tbody tr:last-child .pvtGrandTotal {
  text-align: left;
}

.pvtAxisContainer,
.pvtVals {
  background-color: #f6f4f1;
  border-color: #dee2e6;
  padding: 3px;
}


.pvtTable tbody tr:last-child .pvtTotal,
.pvtTable tbody tr:last-child .pvtGrandTotal {
  color: #172B4D !important;
  color: var(--ds-text, #172B4D) !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
.pvtTable tbody tr:last-child .pvtTotalLabel{
background-color: #f4f5f7 !important;
background-color: var(--cvs-pvt-table-totals-bg, #f4f5f7) !important; 
}
.pvtTable tbody tr td.pvtTotal{
  color: #172B4D !important;
  color: var(--ds-text, #172B4D) !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
  background: initial !important;
}
/*
* Pivot Table UI
*/

.pivot__output {
  margin-bottom: 1rem;
}
.pivot__output > div::-webkit-scrollbar {
  width: 6px !important;
}
.pivot__output > div::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  background-color: var(--cvs-pivot-scroll-track, #f1f1f1);
}

.pivot__output > div::-webkit-scrollbar-thumb {
  background: #dde0ea;
  background: var(--cvs-pivot-scroll-thumb, #dde0ea);
  border-radius: 5px !important;
}

.pivot__output > div::-webkit-scrollbar-thumb:hover {
  background: #c8ccd9;
  background: var(--cvs-pivot-scroll-thumb-hover, #c8ccd9);
}

.pivot__ui {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.pivot__renderer {
  grid-area: renderer;
  display: flex;
  flex-direction: column;
}

.pivot__aggregator {
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
}
@media (min-width: 365px) {
  .pivot__aggregator {
    > div:first-child {
      margin-left: auto;
    }
  }
}
.pivot__aggregator .atlas-theme {
  display: flex;
  gap: 0.5rem;
}
.relative {
  position: relative;
}

.pivot__axis,
.pivot__plot {
  flex-grow: 1;
}

/*
* Pivot Table UI / SortBy
*/
.pivot__sortBy {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  grid-area: sortBy;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.sortBy__container {
  border: 1px solid #091e4224;
  border-radius: var(--border-radius);
  background-color: var(--palette-primary-lighten);
  display: flex;
  flex-wrap: wrap;
  padding: 2px 6px;
}

.pivot__sortBy hr {
  border-width: 0 thin 0 0;
  border-style: solid;
  border-color: #e2e4e9;
  border-color: var(--ds-border, #e2e4e9);
  height: auto;
  align-self: stretch;
  flex-shrink: 0;
  margin: 4px 6px;
}

.sortBy__x,
.sortBy__y {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.pivot__sortBy h4 {
  font-size: 0.75em;
  font-weight: 400;
  margin: 0;
}

.pivot__sortBy label {
}

.pivot__sortBy label input[type="radio"] {
  display: none;
}

.pivot__sortBy label input[type="radio"] + span {
  border-radius: var(--border-radius);
  border-right-width: 0;
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
}

.pivot__sortBy label input[type="radio"]:checked + span {
  background-color: var(--palette-primary);
  color: rgba(0, 0, 0, 1);
}
.drag_text {
  top: 0.25rem;
  left: 0.5rem;
  position: absolute;
  color: #42526e;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.row .drop-zone,
.column .drop-zone {
  border: #dadfe6 2px dashed;
  border: var(--ds-border-input, #dadfe6) 2px dashed;
  min-width: 250px;
}
.row .title-field::before {
  content: "ROWS";
  background-color: #fff;
  background-color: var(--ds-surface, #fff);
  color: #cfd3e0;
  color: var(--ds-text-disabled, #cfd3e0);
  position: absolute;
  top: -10px;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 500;
}
.row .title-field-started-drag::before {
  content: "ROWS";
  background-color: #fff;
  background-color: var(--ds-surface, #fff);
  color: #8fb4eb;
  color: var(--ds-border-focused, #8fb4eb);
  position: absolute;
  top: -10px;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 500;
}
.column .title-field-started-drag::before {
  content: "COLUMNS";
  background-color: #fff;
  background-color: var(--ds-surface, #fff);
  color: #8fb4eb;
  color: var(--ds-border-focused, #8fb4eb);
  position: absolute;
  top: -10px;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 500;
}
.column .title-field::before {
  content: "COLUMNS";
  background-color: #fff;
  background-color: var(--ds-surface, #fff);
  color: #cfd3e0;
  color: var(--ds-text-disabled, #cfd3e0);
  position: absolute;
  top: -10px;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 500;
}
/* .row button,
.column button {
  background-color: #d2e4fe;
  color: #204ac7;
} */
.empty-drop {
  color: rgba(184, 191, 209, 1);
  color: var(--ds-text-disabled, rgba(184, 191, 209, 1));
  text-align: center;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  > svg {
    margin-top: 0.25rem;
  }
}
.wrapper-drop {
  position: relative;
  width: 100%;
}
.select {
  width: 100%;
  max-width: 270px;
}
.center button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-height-56 > div {
  min-height: 56px !important;
}
.flex-row {
  display: flex;
  gap: 0.5rem;
}

.popup-select {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.popup-select>button {
    justify-content: flex-start;
}

.popup-select>button>span {
    flex-grow: 0 !important;
}
.popup-select>button>span:last-of-type {
    margin-left: auto;
}

.sub-select {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 0.75rem;
    border-left: solid rgba(232, 235, 241, 1) 1px;
    border-left: solid var(--ds-border,rgba(232, 235, 241, 1)) 1px;
}

.sub-select div[role="listbox"] > div {
   min-height: 36px;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

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

html[data-color-mode="light"] {
  --cvs-aceEditor-background-color: #fff;
  --cvs-aceEditor-aside-background-color: #f0f0f0;
  --cvs-aceEditor-activeLine-background-color: #dcdcdc;
  --cvs-background-color: #f7f8fb;
  --cvs-circle-backround-color: #dcdfe4;
  --cvs-circle-border-color: #434446;
  --cvs-matching-card-gradient-color-1: #fafbfc;
  --cvs-matching-card-gradient-color-2: #e2e5eb;
  --cvs-matching-card-gradient-color-3: #fafbfc;
  --cvs-matching-card-gradient-color-4: #e2e5eb;
  --cvs-card-title-color: #172b4d;
  --cvs-card-title-color-hoverd: #0055cc;
  --cvs-scrollbar-thumb: #cecfd5;
  --cvs-scrollbar-thumb-hoverd: #b3b5c0;
  --cvs-scrollbar-thumb-light: #dde0ea;
  --cvs-scrollbar-thumb-light-hoverd: #c8ccd9;
  --cvs-browser-header-background-color: #dbe0e4;
  --cvs-list-bg-color: #e9ecf2;
  --cvs-thead-background-color: #f4f5f7;
  --cvs-table-row-background-hover: #fafbfc;
  --cvs-info-card-background-color: #fafbfc;
  --cvs-card-totalCourses-color: #00b8d9;
  --cvs-sidebar-background-color: #fafbff;
  --cvs-section-background-color: #f4f5f7;
  --cvs-capsule-background-color-hoverd: #fafbfc;
  --cvs-preview-background-color: #fafbfc;
  --cvs-border-color: #f2f3f6;
  --cvs-header-border-color: #e2e5eb;
  --cvs-card-link-color: #0f4ca5;
  --cvs-tags-background-color: #f4f5f7;
  --cvs-tags-color: #3f4f69;
  --cvs-border-bold: #c4c4c4;
  --cvs-border-quill: #dfe1e6;
  --cvs-text: #000;
  --cvs-icon-color-blue: #1560bd;
  --cvs-background-accent-gray-subtlest-hovered: #eeeeee;
  --cvs-quill-thead-background: #f4f5f7;
  --cvs-quill-icon-color: #444;
  --cvs-media-background-color: #1b2638;
  --cvs-media-description-background-color: rgba(255, 255, 255, 0.95);
  --cvs-th-even-background-color: #f5f5f5;
  --cvs-svg-path-stroke: #000;
  --cvs-jmexpander-border: #dadde2;
  --cvs-jmnode-remove-button-background-color: #ffbdad;
  --cvs-jmnode-root-background-color: #0048c5;
  --cvs-images-sidebar-background-color: #f4f5f7;
  --cvs-custom-edit-map-button-background: #f1f1ff;
  --cvs-custom-edit-map-button-background-hoverd: #e6e6ff;
  --cvs-pintura-background-color: #fff;
  --cvs-pintura-button-background-color: rgba(9, 30, 66, 0.04);
  --cvs-pintura-button-background-color-hoverd: #e9eaee;
  --cvs-pintura-button-color: #42526e;
  --cvs-images-map-button-background: #f5f6f8;
  --cvs-images-map-button-background-hoverd: #e5e7ec;
  --cvs-images-map-button-background-selected: #253858;
  --cvs-images-map-button-color-selected: #fff;
  --cvs-images-dropdown-text-color: #42526e;
  --cvs-images-dropdown-background-color: #f4f5f7;
  --cvs-images-dropdown-items-background-selected: #b3d4ff;
  --cvs-images-pintura-form-background: rgba(255, 255, 255, 0.95);
  --cvs-images-element-background-color: #e2e7f0;
  --cvs-images-modal-edit: #f4f5f7;
  --cvs-table-shadow-color: #c1c7d0;
  --cvs-table-shadow-offset: -1px -1px 0px 0px;
  --cvs-filter-invert: invert(0);
  --cvs-icon-color-filter: #cce0ff;
  --cvs-table-scroll-track-bg: #f1f1f1;
  --cvs-table-scroll-thumb-bg: #cccccc;
  --cvs-table-scroll-thumb-hover-bg: #a0a0a0;
  --cvs-table-box-shadow-thead: #c1c7d0;
  --cvs-table-th-bg-neutral: #f4f5f7;
  --cvs-table-bg-btn-action: #ebecf0;
  --cvs-table-bg-btn-unset: #ebecf0;
  --cvs-table-btn-filter: #dfe1e6;
  --cvs-thead-st-th: #f4f5f7;
  --cvs-pivot-scroll-track: #f1f1f1;
  --cvs-pivot-scroll-thumb: #dde0ea;
  --cvs-pivot-scroll-thumb-hover: #c8ccd9;
  --cvs-code-mirror-background: #fff;
  --cvs-pvt-table-totals-bg: #f4f5f7;
  --cvs-td-opacity: 1;
  --cvs-background-toggle-disabled: #091e426e;
  --cvs-icon-hint: #fff;
  --cvs-shimmer-color: #091e4218;
  --cvs-images-grid-bg-color: #e2e7f0;
  --cvs-capsule-counter-bg-color: #89898999;
  --cvs-capsule-counter-thumb-color: #1868e1;
  --cvs-help-error: #ea4b41;
  --cvs-background-grid-restricted: #f9eeee;
  --cvs-background-layout-switcher: #fff;
  --cvs-card-button-color: #9f9eb5;
  --cvs-followers-text-color: #fff;
  --cvs-background-card-color: #f7f8fa;
  --cvs-capsule-view-mobile-button-background-color: #f7f8fb;
  --cvs-capsule-view-mobile-button-background-color-hoverd: #e9ebef;
  --cvs-background-progress-bar: #ccd0d7;
  --cvs-background-progress-bar-decorator: #9ca3ab;
  --cvs-featured-course-card-background: linear-gradient(90deg, #dce7ff, #b0c4ff);
  --cvs-featured-course-tag-background-color: #1a31a7;
  --cvs-featured-course-tag-text-color: #fff;
  --cvs-featured-course-card-button-color: #878f9e;
  --cvs-background-neutral: #091e420f;
  --cvs-code-mirror-gutters-border: #ddd;
  --cvs-code-mirror-gutters-background: #f7f7f7;
  --cvs-rating-stars-color: #7289fb;
  --cvs-rating-stars-empty-color: #d4dae6;
  --cvs-card-background-color: #f7f8fa;
  --cvs-featured-course-card-background-color: #f4f7ff;
  --cvs-featured-course-list-background-color-hoverd: #e9f2fe;
  --cvs-slider-dot-background-color: #f3f4f5;
  --cvs-color-faSparkles: #617599;
  --ds-font-lineHeight-100: normal; /* missing from design tokens */
  --cvs-language-tag-background-color: #dbe6f2;
  --cvs-language-tag-text-color: #7487a2;
  --cvs-layout-switcher-icon-color: #0c66e4;
  --cvs-dropdown-menu-background-color: #e9f2ff;
  --cvs-dropdown-menu-text-color: #0c66e4;
  --cvs-modal-logs-background-color: #292929;
  --cvs-background-letter-list: #fcfcfc;
  --cvs-background-header-player: #fafbff;
  --cvs-widget-background-color: #fafbff;
  --cvs-text-color: #8b93a3;
  --cvs-infobox-border-color: #eff0f4;
  --cvs-leraners-tag-background-color: #99a5bc;
  --cvs-text-grey-color: #646f84;
  -cvs-tag-icon-color: #bfc6d3;
  --cvs-forward-slash-color: #a1a8b5;
}

html[data-color-mode="dark"] {
  --cvs-aceEditor-background-color: #c2c2c2;
  --cvs-aceEditor-aside-background-color: #b6c2cf;
  --cvs-aceEditor-activeLine-background-color: #989da5;
  --cvs-background-color: #282d32;
  --cvs-circle-backround-color: #454f58;
  --cvs-circle-border-color: #989da5;
  --cvs-matching-card-gradient-color-1: #22272b;
  --cvs-matching-card-gradient-color-2: #58616a;
  --cvs-matching-card-gradient-color-3: #282c34;
  --cvs-matching-card-gradient-color-4: #1d1f26;
  --cvs-card-title-color: #85b8ff;
  --cvs-card-title-color-hoverd: #579dff;
  --cvs-scrollbar-thumb: #686868;
  --cvs-scrollbar-thumb-hoverd: #444444;
  --cvs-scrollbar-thumb-light: #444444;
  --cvs-scrollbar-thumb-light-hoverd: #555555;
  --cvs-browser-header-background-color: #0e182b;
  --cvs-list-bg-color: #454f59;
  --cvs-thead-background-color: #2c333a;
  --cvs-table-row-background-hover: #2c333a;
  --cvs-info-card-background-color: #282e33;
  --cvs-card-totalCourses-color: #9dd9ee;
  --cvs-sidebar-background-color: #282c30;
  --cvs-section-background-color: #2c333a;
  --cvs-capsule-background-color-hoverd: #282e33;
  --cvs-preview-background-color: #282e33;
  --cvs-border-color: #a6c5e229;
  --cvs-header-border-color: #a6c5e229;
  --cvs-card-link-color: #579dff;
  --cvs-tags-background-color: #454f59;
  --cvs-tags-color: #b6c2cf;
  --cvs-border-bold: #a6c5e229;
  --cvs-border-quill: #a6c5e229;
  --cvs-text: #b6c2cf;
  --cvs-icon-color-blue: #388bff;
  --cvs-background-accent-gray-subtlest-hovered: #a1bdd914;
  --cvs-quill-thead-background: #1d2125;
  --cvs-quill-icon-color: #b6c2cf;
  --cvs-media-background-color: #38414a;
  --cvs-media-description-background-color: #22272b;
  --cvs-th-even-background-color: #2c333a;
  --cvs-svg-path-stroke: #a0acbb;
  --cvs-jmexpander-border: #738496;
  --cvs-jmnode-remove-button-background-color: #f87168;
  --cvs-jmnode-root-background-color: #5f9afb;
  --cvs-images-sidebar-background-color: #454f59;
  --cvs-custom-edit-map-button-background: #a1bdd914;
  --cvs-custom-edit-map-button-background-hoverd: #bfdbf847;
  --cvs-pintura-background-color: #1d2125;
  --cvs-pintura-button-background-color: #1c2b41;
  --cvs-pintura-button-background-color-hoverd: #09326c;
  --cvs-pintura-button-color: #b6c2cf;
  --cvs-images-map-button-background: #a1bdd914;
  --cvs-images-map-button-background-hoverd: #a6c5e229;
  --cvs-images-map-button-background-selected: #1c2b41;
  --cvs-images-map-button-color-selected: #579dff;
  --cvs-images-dropdown-text-color: #b6c2cf;
  --cvs-images-dropdown-background-color: #a1bdd914;
  --cvs-images-dropdown-items-background-selected: #1c2b41;
  --cvs-images-pintura-form-background: #2c333a;
  --cvs-images-element-background-color: #596773;
  --cvs-images-modal-edit: #454f59;
  --cvs-table-shadow-color: #454f58;
  --cvs-table-shadow-offset: 1px 1px 0px 0px;
  --cvs-filter-invert: invert(1);
  --cvs-icon-color-filter: #277097;
  --cvs-table-scroll-track-bg: #424242;
  --cvs-table-scroll-thumb-bg: #686868;
  --cvs-table-scroll-thumb-hover-bg: #737070;
  --cvs-table-box-shadow-thead: #7d828a;
  --cvs-table-th-bg-neutral: #a1bdd914;
  --cvs-table-bg-btn-action: #282e33;
  --cvs-table-bg-btn-unset: #282e33;
  --cvs-table-btn-filter: #282e33;
  --cvs-thead-st-th: #282d33;
  --cvs-pivot-scroll-track: #424242;
  --cvs-pivot-scroll-thumb: #686868;
  --cvs-pivot-scroll-thumb-hover: #838282;
  --cvs-code-mirror-background: #898f94;
  --cvs-pvt-table-totals-bg: #363e46;
  --cvs-td-opacity: 0;
  --cvs-background-toggle-disabled: #bcd6f059;
  --cvs-icon-hint: #1d2125;
  --cvs-shimmer-color: #a1bdd924;
  --cvs-images-grid-bg-color: #333538;
  --cvs-capsule-counter-bg-color: #707070e0;
  --cvs-capsule-counter-thumb-color: #5a9efc;
  --cvs-help-error: #ea4b41;
  --cvs-background-grid-restricted: #322727;
  --cvs-background-layout-switcher: #282d32;
  --cvs-card-button-color: rgb(159 158 181 / 70%);
  --cvs-followers-text-color: #b6c2cf;
  --cvs-background-card-color: #2c333a;
  --cvs-capsule-view-mobile-button-background-color: #282d32;
  --cvs-capsule-view-mobile-button-background-color-hoverd: #23262a;
  --cvs-background-progress-bar: #d3d3d3;
  --cvs-background-progress-bar-decorator: #b6c5d5;
  --cvs-featured-course-card-background: linear-gradient(270deg, #1e293b, #334155);
  --cvs-featured-course-tag-background-color: #1f2b40;
  --cvs-featured-course-tag-text-color: #b8c2cf;
  --cvs-featured-course-card-button-color: #b7c2ce;
  --cvs-background-neutral: #47494e;
  --cvs-code-mirror-gutters-border: #393a3d;
  --cvs-code-mirror-gutters-background: #393a3d;
  --cvs-rating-stars-color: #4a61d2;
  --cvs-rating-stars-empty-color: #47494e;
  --cvs-card-background-color: #282d33;
  --cvs-featured-course-card-background-color: #282e33;
  --cvs-featured-course-list-background-color-hoverd: #2c333a;
  --cvs-slider-dot-background-color: #23272b;
  --cvs-color-faSparkles: #9fadbc;
  --ds-font-lineHeight-100: normal; /* missing from design tokens */
  --cvs-language-tag-background-color: #596773;
  --cvs-language-tag-text-color: #b6c2cf;
  --cvs-layout-switcher-icon-color: #579dff;
  --cvs-dropdown-menu-background-color: #1c2b41;
  --cvs-dropdown-menu-text-color: #579dff;
  --cvs-modal-logs-background-color: #282e33;
  --cvs-background-letter-list: #1f1f21;
  --cvs-background-header-player: #282c30;
  --cvs-widget-background-color: #282c30;
  --cvs-text-color: #b6c2cf;
  --cvs-infobox-border-color: ##47484b;
  --cvs-leraners-tag-background-color: #596773;
  --cvs-text-grey-color: #b6c2cf;
  --cvs-tag-icon-color: #9fadbc;
  --cvs-forward-slash-color: #8c9bab;
}