*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 480px) {
  .container {
    max-width: 480px;
  }
}
@media (min-width: 864px) {
  .container {
    max-width: 864px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-3 {
  inset: 0.75rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-4 {
  bottom: 1rem;
}
.end-4 {
  inset-inline-end: 1rem;
}
.z-50 {
  z-index: 50;
}
.m-2 {
  margin: 0.5rem;
}
.m-24 {
  margin: 6rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-auto {
  margin: auto;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.ms-6 {
  margin-inline-start: 1.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-1\/2 {
  height: 50%;
}
.h-8 {
  height: 2rem;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: -moz-min-content;
  height: min-content;
}
.max-h-full {
  max-height: 100%;
}
.w-1\/2 {
  width: 50%;
}
.w-72 {
  width: 18rem;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.border-collapse {
  border-collapse: collapse;
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-pre {
  white-space: pre;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-none {
  border-style: none;
}
.bg-background {
  background-color: var(--calcite-color-background);
}
.bg-foreground-1 {
  background-color: var(--calcite-color-foreground-1);
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pe-1 {
  padding-inline-end: 0.25rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pe-4 {
  padding-inline-end: 1rem;
}
.pe-8 {
  padding-inline-end: 2rem;
}
.ps-0 {
  padding-inline-start: 0px;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-top {
  vertical-align: top;
}
.text-0 {
  font-size: var(--calcite-font-size-0);
}
.text-2 {
  font-size: var(--calcite-font-size-2);
}
.text-3 {
  font-size: var(--calcite-font-size-3);
}
.text-n1 {
  font-size: var(--calcite-font-size--1);
}
.text-n2 {
  font-size: var(--calcite-font-size--2);
}
.font-bold {
  font-weight: var(--calcite-font-weight-bold);
}
.font-light {
  font-weight: var(--calcite-font-weight-light);
}
.font-medium {
  font-weight: var(--calcite-font-weight-medium);
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.text-color-1 {
  color: var(--calcite-color-text-1);
}
.text-color-2 {
  color: var(--calcite-color-text-2);
}
.text-color-3 {
  color: var(--calcite-color-text-3);
}
.text-color-brand {
  color: var(--calcite-color-brand);
}
.text-color-danger {
  color: var(--calcite-color-status-danger);
}
.text-color-warning {
  color: var(--calcite-color-status-warning);
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-30 {
  opacity: 0.3;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2 {
  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.word-break {
  word-wrap: break-word;
  word-break: break-word;
}
*,
:after,
:before {
  border-color: var(--calcite-color-border-3);
}

/* Load ops dashboard specific styles and overrides*/
html {
  overflow-y: auto;
  min-height: 100%;
  font-size: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

svg:not(:root) {
  overflow: hidden;
}

video,
img {
  max-width: 100%;
  height: auto;
}

.ie main {
  display: block;
}
.ie select {
  padding-right: 8px;
}

.transparent-border {
  border: 1px solid transparent;
}

.border, .dataset-preview-table table th {
  border: 1px solid var(--calcite-color-border-1);
}

.border-bottom {
  border-block-end: 1px solid var(--calcite-color-border-1);
}

.border-left {
  border-inline-start: 1px solid var(--calcite-color-border-1);
}

.border-right {
  border-inline-end: 1px solid var(--calcite-color-border-1);
}

.border-top {
  border-block-start: 1px solid var(--calcite-color-border-1);
}

.border-light, .config-preview .resize-container {
  border: 1px solid var(--calcite-color-border-3);
}

.border-bottom-light {
  border-block-end: 1px solid var(--calcite-color-border-3);
}

.border-left-light {
  border-inline-start: 1px solid var(--calcite-color-border-3);
}

.border-right-light {
  border-inline-end: 1px solid var(--calcite-color-border-3);
}

.border-top-light {
  border-block-start: 1px solid var(--calcite-color-border-3);
}

.border-input {
  border: 1px solid var(--calcite-color-border-input);
}

.border-bottom-input {
  border-block-end: 1px solid var(--calcite-color-border-input);
}

.border-left-input {
  border-inline-start: 1px solid var(--calcite-color-border-input);
}

.border-right-input {
  border-inline-end: 1px solid var(--calcite-color-border-input);
}

.border-top-input {
  border-block-start: 1px solid var(--calcite-color-border-input);
}

.spacing-variables, :root {
  --calcite-spacing--3: -0.75rem;
  --calcite-spacing--2: -0.5rem;
  --calcite-spacing--1: -0.25rem;
  --calcite-spacing-0: 0rem;
  --calcite-spacing-1: 0.25rem;
  --calcite-spacing-2: 0.5rem;
  --calcite-spacing-3: 0.75rem;
  --calcite-spacing-4: 1rem;
  --calcite-spacing-5: 1.25rem;
  --calcite-spacing-6: 1.5rem;
  --calcite-spacing-8: 2rem;
  --calcite-spacing-10: 2.5rem;
  --calcite-spacing-12: 3rem;
  --calcite-spacing-16: 4rem;
  --calcite-spacing-24: 6rem;
  --calcite-spacing-32: 8rem;
  --calcite-spacing-40: 10rem;
  --calcite-spacing-52: 13rem;
  --calcite-spacing-70: 17.5rem;
}

.ms--3 {
  margin-inline-start: var(--calcite-spacing--3);
}

.me--3 {
  margin-inline-end: var(--calcite-spacing--3);
}

.ps--3 {
  padding-inline-start: var(--calcite-spacing--3);
}

.pe--3 {
  padding-inline-end: var(--calcite-spacing--3);
}

.ms--2 {
  margin-inline-start: var(--calcite-spacing--2);
}

.me--2 {
  margin-inline-end: var(--calcite-spacing--2);
}

.ps--2 {
  padding-inline-start: var(--calcite-spacing--2);
}

.pe--2 {
  padding-inline-end: var(--calcite-spacing--2);
}

.ms--1 {
  margin-inline-start: var(--calcite-spacing--1);
}

.me--1 {
  margin-inline-end: var(--calcite-spacing--1);
}

.ps--1 {
  padding-inline-start: var(--calcite-spacing--1);
}

.pe--1 {
  padding-inline-end: var(--calcite-spacing--1);
}

.ms-0 {
  margin-inline-start: var(--calcite-spacing-0);
}

.me-0 {
  margin-inline-end: var(--calcite-spacing-0);
}

.ps-0 {
  padding-inline-start: var(--calcite-spacing-0);
}

.pe-0 {
  padding-inline-end: var(--calcite-spacing-0);
}

.ms-1 {
  margin-inline-start: var(--calcite-spacing-1);
}

.me-1 {
  margin-inline-end: var(--calcite-spacing-1);
}

.ps-1 {
  padding-inline-start: var(--calcite-spacing-1);
}

.pe-1 {
  padding-inline-end: var(--calcite-spacing-1);
}

.ms-2 {
  margin-inline-start: var(--calcite-spacing-2);
}

.me-2 {
  margin-inline-end: var(--calcite-spacing-2);
}

.ps-2 {
  padding-inline-start: var(--calcite-spacing-2);
}

.pe-2 {
  padding-inline-end: var(--calcite-spacing-2);
}

.ms-3 {
  margin-inline-start: var(--calcite-spacing-3);
}

.me-3 {
  margin-inline-end: var(--calcite-spacing-3);
}

.ps-3 {
  padding-inline-start: var(--calcite-spacing-3);
}

.pe-3 {
  padding-inline-end: var(--calcite-spacing-3);
}

.ms-4 {
  margin-inline-start: var(--calcite-spacing-4);
}

.me-4 {
  margin-inline-end: var(--calcite-spacing-4);
}

.ps-4 {
  padding-inline-start: var(--calcite-spacing-4);
}

.pe-4 {
  padding-inline-end: var(--calcite-spacing-4);
}

.ms-5 {
  margin-inline-start: var(--calcite-spacing-5);
}

.me-5 {
  margin-inline-end: var(--calcite-spacing-5);
}

.ps-5 {
  padding-inline-start: var(--calcite-spacing-5);
}

.pe-5 {
  padding-inline-end: var(--calcite-spacing-5);
}

.ms-6 {
  margin-inline-start: var(--calcite-spacing-6);
}

.me-6 {
  margin-inline-end: var(--calcite-spacing-6);
}

.ps-6 {
  padding-inline-start: var(--calcite-spacing-6);
}

.pe-6 {
  padding-inline-end: var(--calcite-spacing-6);
}

.ms-8 {
  margin-inline-start: var(--calcite-spacing-8);
}

.me-8 {
  margin-inline-end: var(--calcite-spacing-8);
}

.ps-8 {
  padding-inline-start: var(--calcite-spacing-8);
}

.pe-8 {
  padding-inline-end: var(--calcite-spacing-8);
}

.ms-10 {
  margin-inline-start: var(--calcite-spacing-10);
}

.me-10 {
  margin-inline-end: var(--calcite-spacing-10);
}

.ps-10 {
  padding-inline-start: var(--calcite-spacing-10);
}

.pe-10 {
  padding-inline-end: var(--calcite-spacing-10);
}

.ms-12 {
  margin-inline-start: var(--calcite-spacing-12);
}

.me-12 {
  margin-inline-end: var(--calcite-spacing-12);
}

.ps-12 {
  padding-inline-start: var(--calcite-spacing-12);
}

.pe-12 {
  padding-inline-end: var(--calcite-spacing-12);
}

.ms-16 {
  margin-inline-start: var(--calcite-spacing-16);
}

.me-16 {
  margin-inline-end: var(--calcite-spacing-16);
}

.ps-16 {
  padding-inline-start: var(--calcite-spacing-16);
}

.pe-16 {
  padding-inline-end: var(--calcite-spacing-16);
}

.ms-24 {
  margin-inline-start: var(--calcite-spacing-24);
}

.me-24 {
  margin-inline-end: var(--calcite-spacing-24);
}

.ps-24 {
  padding-inline-start: var(--calcite-spacing-24);
}

.pe-24 {
  padding-inline-end: var(--calcite-spacing-24);
}

.ms-32 {
  margin-inline-start: var(--calcite-spacing-32);
}

.me-32 {
  margin-inline-end: var(--calcite-spacing-32);
}

.ps-32 {
  padding-inline-start: var(--calcite-spacing-32);
}

.pe-32 {
  padding-inline-end: var(--calcite-spacing-32);
}

.ms-40 {
  margin-inline-start: var(--calcite-spacing-40);
}

.me-40 {
  margin-inline-end: var(--calcite-spacing-40);
}

.ps-40 {
  padding-inline-start: var(--calcite-spacing-40);
}

.pe-40 {
  padding-inline-end: var(--calcite-spacing-40);
}

.ms-52 {
  margin-inline-start: var(--calcite-spacing-52);
}

.me-52 {
  margin-inline-end: var(--calcite-spacing-52);
}

.ps-52 {
  padding-inline-start: var(--calcite-spacing-52);
}

.pe-52 {
  padding-inline-end: var(--calcite-spacing-52);
}

.ms-70 {
  margin-inline-start: var(--calcite-spacing-70);
}

.me-70 {
  margin-inline-end: var(--calcite-spacing-70);
}

.ps-70 {
  padding-inline-start: var(--calcite-spacing-70);
}

.pe-70 {
  padding-inline-end: var(--calcite-spacing-70);
}

.column-16 {
  width: 960px;
  max-width: 64vw;
}

.column-20 {
  width: 1200px;
  max-width: 80vw;
}

::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

::-webkit-scrollbar-corner {
  background: var(--calcite-color-foreground-1);
}

::-webkit-scrollbar {
  background: #dfdfdf;
}

::-webkit-scrollbar-thumb {
  background: #cacaca;
}
::-webkit-scrollbar-thumb:hover {
  background: #949494;
}

.calcite-mode-dark ::-webkit-scrollbar {
  background: #404040;
}
.calcite-mode-dark ::-webkit-scrollbar-thumb {
  background: #555555;
}
.calcite-mode-dark ::-webkit-scrollbar-thumb:hover {
  background: #757575;
}

:root {
  --box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

* {
  line-height: var(--dashboard-line-height);
}

html {
  font-size: 16px;
}

body,
html {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  border: none;
  overflow: hidden;
}

body {
  color: var(--calcite-color-text-2);
  background-color: var(--calcite-color-foreground-1);
  -webkit-font-smoothing: subpixel-antialiased;
  font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1, "calt" 0;
}

form,
select,
button,
input {
  letter-spacing: 0;
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--calcite-spacing-3) 0;
  font-weight: var(--calcite-color-font-weight-medium);
}

h1,
h2 {
  font-size: var(--calcite-font-size-3);
}

h3 {
  font-size: var(--calcite-font-size-2);
}

h4 {
  font-size: var(--calcite-font-size-1);
}

h5 {
  font-size: var(--calcite-font-size-0);
}

h6 {
  font-size: var(--calcite-font-size--1);
}

p,
dl,
blockquote {
  margin-top: 0;
  margin-bottom: var(--calcite-spacing-6);
}

p:empty {
  margin: 0;
}

blockquote,
blockquote p {
  font-size: var(--calcite-font-size-0);
}

a {
  color: var(--calcite-color-text-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a:focus-visible {
  outline-color: var(--calcite-color-brand);
}

ul,
ol {
  font-size: var(--calcite-font-size--1);
}

table {
  margin: 0;
}

*,
:after,
:before {
  box-sizing: border-box;
}

::-ms-clear {
  display: none;
}

svg:not(:root) {
  overflow: visible;
}

.disable-user-select, .dock-container .dock-controls, .dock-container .dock-wheel .dock-wheel-element, .dock-container .dock-wheel, li > a {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.full-page-container {
  font-size: var(--calcite-font-size--1);
  height: var(--vh, 100vh);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.animate {
  transition: all 0.3s ease;
}

.selected-highlight,
.hovered-highlight {
  outline-offset: -1px;
  outline: 2px solid;
  outline-color: rgba(var(--config-color-brand-rgb), 1);
}

.tabzone-highlight:focus {
  outline: 2px solid var(--calcite-color-brand);
  border-radius: var(--dashboard-border-radius);
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
  word-break: normal;
}

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

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

.direction-ltr {
  direction: ltr;
}

.text-ellipsis, .table-widget .value-container, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error .tabulator-cell .error-container div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-white {
  background-color: var(--calcite-color-foreground-1);
  border: 1px solid var(--calcite-color-border-1);
}

.external-html *, .widget .widget-status .no-data-label *,
.widget .widget-status .no-value-label *,
.widget .widget-status .no-filter-label *, .widget .widget-header .caption *,
.widget .widget-description .caption *, .panel-container .caption *, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell *, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content * {
  overflow-wrap: anywhere;
}
.external-html ol, .widget .widget-status .no-data-label ol,
.widget .widget-status .no-value-label ol,
.widget .widget-status .no-filter-label ol, .widget .widget-header .caption ol,
.widget .widget-description .caption ol, .panel-container .caption ol, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell ol, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content ol,
.external-html ul,
.widget .widget-status .no-data-label ul,
.widget .widget-status .no-value-label ul,
.widget .widget-status .no-filter-label ul,
.widget .widget-header .caption ul,
.widget .widget-description .caption ul,
.panel-container .caption ul,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell ul,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content ul {
  margin: 1.12em 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: var(--calcite-spacing-10);
}
.external-html ol li, .widget .widget-status .no-data-label ol li,
.widget .widget-status .no-value-label ol li,
.widget .widget-status .no-filter-label ol li, .widget .widget-header .caption ol li,
.widget .widget-description .caption ol li, .panel-container .caption ol li, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell ol li, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content ol li,
.external-html ul li,
.widget .widget-status .no-data-label ul li,
.widget .widget-status .no-value-label ul li,
.widget .widget-status .no-filter-label ul li,
.widget .widget-header .caption ul li,
.widget .widget-description .caption ul li,
.panel-container .caption ul li,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell ul li,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content ul li {
  border: none;
  height: initial;
}
.external-html h1, .widget .widget-status .no-data-label h1,
.widget .widget-status .no-value-label h1,
.widget .widget-status .no-filter-label h1, .widget .widget-header .caption h1,
.widget .widget-description .caption h1, .panel-container .caption h1, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h1, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h1,
.external-html h2,
.widget .widget-status .no-data-label h2,
.widget .widget-status .no-value-label h2,
.widget .widget-status .no-filter-label h2,
.widget .widget-header .caption h2,
.widget .widget-description .caption h2,
.panel-container .caption h2,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h2,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h2,
.external-html h3,
.widget .widget-status .no-data-label h3,
.widget .widget-status .no-value-label h3,
.widget .widget-status .no-filter-label h3,
.widget .widget-header .caption h3,
.widget .widget-description .caption h3,
.panel-container .caption h3,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h3,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h3,
.external-html h4,
.widget .widget-status .no-data-label h4,
.widget .widget-status .no-value-label h4,
.widget .widget-status .no-filter-label h4,
.widget .widget-header .caption h4,
.widget .widget-description .caption h4,
.panel-container .caption h4,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h4,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h4,
.external-html h5,
.widget .widget-status .no-data-label h5,
.widget .widget-status .no-value-label h5,
.widget .widget-status .no-filter-label h5,
.widget .widget-header .caption h5,
.widget .widget-description .caption h5,
.panel-container .caption h5,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h5,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h5,
.external-html h6,
.widget .widget-status .no-data-label h6,
.widget .widget-status .no-value-label h6,
.widget .widget-status .no-filter-label h6,
.widget .widget-header .caption h6,
.widget .widget-description .caption h6,
.panel-container .caption h6,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell h6,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content h6,
.external-html p,
.widget .widget-status .no-data-label p,
.widget .widget-status .no-value-label p,
.widget .widget-status .no-filter-label p,
.widget .widget-header .caption p,
.widget .widget-description .caption p,
.panel-container .caption p,
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell p,
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content p {
  margin: 0;
}
.external-html p, .widget .widget-status .no-data-label p,
.widget .widget-status .no-value-label p,
.widget .widget-status .no-filter-label p, .widget .widget-header .caption p,
.widget .widget-description .caption p, .panel-container .caption p, .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell p, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content p {
  margin: 0;
}

.ck-content .table table td,
.ck-content .table table th {
  overflow-wrap: anywhere;
}

/*
 * CKEditor 5 (v41.0.0) content styles.
 * Generated on Fri, 26 Jan 2024 10:23:49 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
  overflow: hidden;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 0.05);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=rtl] .table th {
  text-align: right;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=ltr] .table th {
  text-align: left;
}

/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
  list-style-type: decimal;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul {
  list-style-type: disc;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
  list-style-type: circle;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content img.image_resized {
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}

/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: 0.7em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: 0.85em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}

/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}
.calcite-focus-outline {
  outline-offset: 0;
  outline-color: transparent;
  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
}
.calcite-focus-outline:focus-within {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: -2px;
}

calcite-popover[data-popper-escaped],
calcite-tooltip[data-popper-escaped] {
  opacity: initial;
  pointer-events: initial;
}

calcite-action.primary-toggle {
  --calcite-color-foreground-3: var(--calcite-color-brand);
}

calcite-action[active].primary-toggle {
  --calcite-icon-color: var(--calcite-color-text-1);
}

calcite-label.no-margin {
  --calcite-label-margin-bottom: 0;
}

calcite-action[scale=s] {
  min-height: var(--calcite-spacing-8);
}

calcite-action[scale=m] {
  min-height: var(--calcite-spacing-12);
}

calcite-action[scale=l] {
  min-height: var(--calcite-spacing-16);
}

calcite-loader.no-padding {
  --calcite-loader-padding: 0;
}

.loader-icon-container {
  position: fixed;
  top: 30%;
  width: 100%;
  text-align: center;
}
.loader-icon-container .loader-icon-text {
  margin-top: 16px;
}

.calcite-loader {
  height: 76px;
  width: 76px;
  color: #007ac2;
  position: relative;
  display: inline-block;
  border: 4px solid;
  border-radius: 50%;
  border-top-color: transparent;
  animation: calcite-loader-rotate 1s linear infinite;
}

@keyframes calcite-loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.label {
  background-color: var(--calcite-color-foreground-2);
  padding: 0.25em 0.5em;
  border-radius: 3px;
  font-size: 0.875em;
  white-space: nowrap;
}

.label-red {
  background-color: var(--calcite-color-status-danger);
  color: var(--calcite-color-foreground-1);
}

.label-yellow {
  background-color: var(--calcite-color-status-warning);
  color: var(--calcite-color-text-2);
}

.label-blue {
  background-color: var(--calcite-color-brand);
  color: var(--calcite-color-foreground-1);
}

.label-white {
  background-color: var(--calcite-color-foreground-1);
  border: 1px solid var(--calcite-color-border-1);
}

.full-page-container calcite-dialog:not(:first-of-type) {
  --calcite-dialog-scrim-background-color: transparent;
}

.dashboard-page {
  background-color: var(--calcite-color-foreground-3);
}
.dashboard-page .dashboard-page-header-container calcite-dropdown {
  position: relative;
  z-index: calc(var(--calcite-z-index-overlay) + 1);
}
.dashboard-page .reset {
  position: absolute;
  bottom: 0;
  background: transparent;
  inset-inline-end: 0;
  margin-bottom: 6px;
  margin-inline-end: 6px;
  z-index: var(--calcite-z-index-overlay);
}
.dashboard-page calcite-action-bar calcite-tooltip {
  white-space: nowrap;
}

.home-page .card-tools calcite-button {
  --calcite-color-text-1: var(--calcite-color-text-3);
}

.new-page .power-select .popup {
  max-height: 300px;
}
.new-page .form-container {
  max-height: 100%;
}

.themed-container {
  --gutter-width: 8px;
  --border-radius-square: 0px;
  --border-radius-soft: 4px;
  --border-radius-round: 12px;
  --dashboard-dock-margin: 4px;
  --dashboard-border-radius: var(--border-radius-square);
  --dashboard-line-height: 1.25;
  --dashboard-heading-font-family: var(--calcite-font-family);
  --dashboard-heading-line-height: 1.25;
  --dashboard-heading-scale-factor: 1;
  --calcite-panel-heading-text-color: var(--calcite-color-text-1);
  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
  --calcite-panel-header-action-background-color: var(--calcite-color-foreground-1);
  --calcite-panel-header-action-background-color-hover: var(--calcite-color-foreground-2);
  --calcite-panel-header-action-background-color-press: var(--calcite-color-foreground-3);
  --calcite-panel-header-action-text-color: var(--calcite-color-text-3);
  --calcite-panel-header-action-text-color-press: var(--calcite-color-text-1);
  --calcite-color-focus: var(--calcite-color-brand);
  --dashboard-z-index-dock-overlay: 650;
  background-color: var(--calcite-color-background);
  color: var(--calcite-color-text-1);
  font-family: var(--calcite-font-family);
}
.themed-container calcite-panel.widget,
.themed-container calcite-panel.sidebar {
  --calcite-panel-background-color: var(--calcite-color-foreground-1);
  --calcite-panel-border-color: transparent;
}
.themed-container calcite-panel.widget calcite-panel,
.themed-container calcite-panel.sidebar calcite-panel {
  --calcite-panel-border-color: initial;
}
.themed-container .reset-font {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;
  --dashboard-line-height: 1.25;
}
.themed-container .heading-font {
  font-family: var(--dashboard-heading-font-family, var(--calcite-font-family));
  line-height: var(--dashboard-heading-line-height, var(--dashboard-line-height));
  font-size: calc(var(--calcite-font-size-0) * var(--dashboard-heading-scale-factor));
}
.themed-container .heading-color {
  color: var(--calcite-panel-heading-text-color, var(--calcite-color-text-1));
}
.themed-container calcite-action[slot^=header-] {
  --calcite-action-background-color: var(--calcite-panel-header-action-background-color);
  --calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);
  --calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);
  --calcite-action-text-color: var(--calcite-panel-header-action-text-color);
  --calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press);
}
.themed-container.gutter {
  margin: var(--gutter-width);
}
.themed-container.gutter.mobile-preview {
  max-width: 375px;
  max-height: 844px;
  margin-inline-start: max(var(--gutter-width), 50% - 187.5px);
}
.themed-container .esri-widget,
.themed-container .esri-view {
  font-family: var(--calcite-font-family);
}

.light {
  --dashboard-color-danger-rgb: 216, 48, 32;
  --dashboard-border-radius: var(--border-radius-square);
  --dashboard-dock-margin: 4px;
}

.dark {
  --dashboard-color-danger-rgb: 254, 88, 62;
  --dashboard-border-radius: var(--border-radius-square);
  --dashboard-dock-margin: 4px;
}

.midnight-blue {
  --calcite-color-brand: #92e6e4;
  --calcite-color-brand-hover: #74c8c7;
  --calcite-color-brand-press: #56aaa9;
  --calcite-color-background: #004874;
  --calcite-color-foreground-1: #011926;
  --calcite-color-foreground-2: #01131c;
  --calcite-color-foreground-3: #000b11;
  --calcite-color-text-1: #c1d0d4;
  --calcite-color-text-2: #a3b2b6;
  --calcite-color-text-3: #859498;
  --calcite-color-text-inverse: #000000;
  --calcite-color-text-link: #92e6e4;
  --calcite-color-border-1: #374f5c;
  --calcite-color-border-2: #022538;
  --calcite-color-border-3: #011e2e;
  --calcite-color-border-input: #024c70;
  --calcite-color-status-info: #92e6e4;
  --calcite-color-status-success: #36da43;
  --calcite-color-status-warning: #ffc900;
  --calcite-color-status-danger: #fe583e;
  --calcite-color-status-danger-hover: #ff0015;
  --calcite-color-status-danger-press: #d90012;
  --dashboard-color-danger-rgb: 254, 88, 62;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.meadow {
  --calcite-color-brand: #00734c;
  --calcite-color-brand-hover: #00552e;
  --calcite-color-brand-press: #003710;
  --calcite-color-background: #faf3e3;
  --calcite-color-foreground-1: #fffaed;
  --calcite-color-foreground-2: #fae9c8;
  --calcite-color-foreground-3: #fce5b6;
  --calcite-color-text-1: #3a3335;
  --calcite-color-text-2: #3d3638;
  --calcite-color-text-3: #463d40;
  --calcite-color-text-inverse: #ffffff;
  --calcite-color-text-link: #00734c;
  --calcite-color-border-1: #e6ddd1;
  --calcite-color-border-2: #e8e1dc;
  --calcite-color-border-3: #e6ddd1;
  --calcite-color-border-input: #a1a19e;
  --calcite-color-status-info: #00552e;
  --calcite-color-status-success: #00734c;
  --calcite-color-status-warning: #f1c21b;
  --calcite-color-status-danger: #d83020;
  --calcite-color-status-danger-hover: #a82b1e;
  --calcite-color-status-danger-press: #851012;
  --dashboard-color-danger-rgb: 216, 48, 32;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.forest {
  --calcite-color-brand: #87b051;
  --calcite-color-brand-hover: #699233;
  --calcite-color-brand-press: #4b7415;
  --calcite-color-background: #423b33;
  --calcite-color-foreground-1: #332f29;
  --calcite-color-foreground-2: #2c2a26;
  --calcite-color-foreground-3: #1a1917;
  --calcite-color-text-1: #fdf0d5;
  --calcite-color-text-2: #dfd2b7;
  --calcite-color-text-3: #c1b499;
  --calcite-color-text-inverse: #000000;
  --calcite-color-text-link: #87b051;
  --calcite-color-border-1: #69655f;
  --calcite-color-border-2: #40383a;
  --calcite-color-border-3: #47423e;
  --calcite-color-border-input: #4b4245;
  --calcite-color-status-info: #87b051;
  --calcite-color-status-success: #36da43;
  --calcite-color-status-warning: #ffc900;
  --calcite-color-status-danger: #fe583e;
  --calcite-color-status-danger-hover: #ff0015;
  --calcite-color-status-danger-press: #d90012;
  --dashboard-color-danger-rgb: 254, 88, 62;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.daytime-blue {
  --calcite-color-brand: #00619b;
  --calcite-color-brand-hover: #00437d;
  --calcite-color-brand-press: #00245f;
  --calcite-color-background: #b3e3ff;
  --calcite-color-foreground-1: #dbf4ff;
  --calcite-color-foreground-2: #cfe8f3;
  --calcite-color-foreground-3: #c3dce7;
  --calcite-color-text-1: #000000;
  --calcite-color-text-2: #000000;
  --calcite-color-text-3: #3c3c3c;
  --calcite-color-text-inverse: #ffffff;
  --calcite-color-text-link: #11495c;
  --calcite-color-border-1: #96afba;
  --calcite-color-border-2: #9fc0d3;
  --calcite-color-border-3: #b3e3ff;
  --calcite-color-border-input: #96afba;
  --calcite-color-status-info: #00619b;
  --calcite-color-status-success: #36da43;
  --calcite-color-status-warning: #ffc900;
  --calcite-color-status-danger: #fe583e;
  --calcite-color-status-danger-hover: #ff0015;
  --calcite-color-status-danger-press: #d90012;
  --dashboard-color-danger-rgb: 254, 88, 62;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.bright-atlas {
  --calcite-color-brand: #79688c;
  --calcite-color-brand-hover: #5b4a6e;
  --calcite-color-brand-press: #3d2c50;
  --calcite-color-background: #f0e9d5;
  --calcite-color-foreground-1: #fcf5e1;
  --calcite-color-foreground-2: #f0e9d5;
  --calcite-color-foreground-3: #e4ddc9;
  --calcite-color-text-1: #564b63;
  --calcite-color-text-2: #746981;
  --calcite-color-text-3: #6b6375;
  --calcite-color-text-inverse: #fff;
  --calcite-color-text-link: #6a6a6a;
  --calcite-color-border-1: #b7b09c;
  --calcite-color-border-2: #c3bca8;
  --calcite-color-border-3: #d9ceb2;
  --calcite-color-border-input: #b1aa96;
  --calcite-color-status-info: #79688c;
  --calcite-color-status-success: #35ac46;
  --calcite-color-status-warning: #edd317;
  --calcite-color-status-danger: #d83020;
  --calcite-color-status-danger-hover: #a82b1e;
  --calcite-color-status-danger-press: #7c1d13;
  --dashboard-color-danger-rgb: 216, 48, 32;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.classic-atlas {
  --calcite-color-brand: #6a6a6a;
  --calcite-color-brand-hover: #4c4c4c;
  --calcite-color-brand-press: #2e2e2e;
  --calcite-color-background: #e1e8eb;
  --calcite-color-foreground-1: #edf4f7;
  --calcite-color-foreground-2: #e1e8eb;
  --calcite-color-foreground-3: #d5dcdf;
  --calcite-color-text-1: #151515;
  --calcite-color-text-2: #6a6a6a;
  --calcite-color-text-3: #6a6a6a;
  --calcite-color-text-inverse: #fff;
  --calcite-color-text-link: #4a4a4a;
  --calcite-color-border-1: #a8afb2;
  --calcite-color-border-2: #b4bbbe;
  --calcite-color-border-3: #c0c7ca;
  --calcite-color-border-input: #a2a9ac;
  --calcite-color-status-info: #00619b;
  --calcite-color-status-success: #35ac46;
  --calcite-color-status-warning: #edd317;
  --calcite-color-status-danger: #d83020;
  --calcite-color-status-danger-hover: #a82b1e;
  --calcite-color-status-danger-press: #7c1d13;
  --dashboard-color-danger-rgb: 216, 48, 32;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.enhanced-contrast {
  --calcite-color-brand: #edd317;
  --calcite-color-brand-hover: #cfb300;
  --calcite-color-brand-press: #b19600;
  --calcite-color-background: #353535;
  --calcite-color-foreground-1: #000000;
  --calcite-color-foreground-2: #474747;
  --calcite-color-foreground-3: #242424;
  --calcite-color-text-1: #ffffff;
  --calcite-color-text-2: #f4f4f4;
  --calcite-color-text-3: #e6e6e6;
  --calcite-color-text-inverse: #151515;
  --calcite-color-text-link: #edd317;
  --calcite-color-border-1: #ffffff;
  --calcite-color-border-2: #ffffff;
  --calcite-color-border-3: #ffffff;
  --calcite-color-border-input: #fcfafa;
  --calcite-color-status-info: #00a0ff;
  --calcite-color-status-success: #36da43;
  --calcite-color-status-warning: #ffc900;
  --calcite-color-status-danger: #fe583e;
  --calcite-color-status-danger-hover: #ff0015;
  --calcite-color-status-danger-press: #d90012;
  --dashboard-color-danger-rgb: 254, 88, 62;
  --dashboard-border-radius: var(--border-radius-soft);
  --dashboard-dock-margin: 4px;
}

.dashboard-container.blank {
  background-color: var(--calcite-color-foreground-1);
  border: none;
}
.dashboard-container .empty-state {
  margin-bottom: var(--calcite-spacing-24);
}
.dashboard-container .empty-state .get-started-text calcite-icon {
  margin: 0 var(--calcite-spacing-1);
  bottom: var(--calcite-spacing--1);
  position: relative;
}

.dock-container {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.dock-container .draggable {
  cursor: move;
}
.dock-container .dock-highlight {
  z-index: calc(var(--dashboard-z-index-dock-overlay) - 1);
}
.dock-container margin-container {
  display: block;
  position: absolute;
  z-index: inherit;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dock-container margin-container.left {
  left: var(--dashboard-dock-margin);
}
.dock-container margin-container.left-outset {
  left: calc(-1 * var(--dashboard-dock-margin) - 1px);
}
.dock-container margin-container.right {
  right: var(--dashboard-dock-margin);
}
.dock-container margin-container.right-outset {
  right: calc(-1 * var(--dashboard-dock-margin) - 1px);
}
.dock-container margin-container.top {
  top: var(--dashboard-dock-margin);
}
.dock-container margin-container.bottom {
  bottom: var(--dashboard-dock-margin);
}
.dock-container full-container {
  z-index: inherit;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
.dock-container .dock-element {
  display: block;
  position: absolute;
  background-color: transparent;
}
.dock-container .dock-element .tabzone-highlight:focus {
  border-radius: 0;
  z-index: var(--calcite-z-index-toast);
}
.dock-container .dock-element margin-container.left {
  border-left: 1px solid var(--calcite-color-border-3);
}
.dock-container .dock-element margin-container.right {
  border-right: 1px solid var(--calcite-color-border-3);
}
.dock-container .dock-element margin-container.top {
  border-top: 1px solid var(--calcite-color-border-3);
}
.dock-container .dock-element margin-container.bottom {
  border-bottom: 1px solid var(--calcite-color-border-3);
}
.dock-container .dock-element margin-container full-container,
.dock-container .dock-element margin-container .widget {
  overflow: hidden;
}
.dock-container .dock-element margin-container.top.left, .dock-container .dock-element margin-container.top.left .widget, .dock-container .dock-element margin-container.top.left .tabzone-highlight:focus {
  border-top-left-radius: var(--dashboard-border-radius);
}
.dock-container .dock-element margin-container.top.right, .dock-container .dock-element margin-container.top.right .widget, .dock-container .dock-element margin-container.top.right .tabzone-highlight:focus {
  border-top-right-radius: var(--dashboard-border-radius);
}
.dock-container .dock-element margin-container.bottom.left, .dock-container .dock-element margin-container.bottom.left .widget, .dock-container .dock-element margin-container.bottom.left .tabzone-highlight:focus {
  border-bottom-left-radius: var(--dashboard-border-radius);
}
.dock-container .dock-element margin-container.bottom.right, .dock-container .dock-element margin-container.bottom.right .widget, .dock-container .dock-element margin-container.bottom.right .tabzone-highlight:focus {
  border-bottom-right-radius: var(--dashboard-border-radius);
}
.dock-container .dock-element[hidden] {
  visibility: hidden;
}
.dock-container .dock-element[hidden] svg * {
  visibility: hidden !important; /* Issue with AmCharts Axis*/
}
.dock-container .dock-expand {
  position: absolute;
  border-radius: 100%;
  border: 1px solid var(--calcite-color-border-input);
  background: var(--calcite-color-foreground-1);
  width: 18px;
  height: 18px;
  z-index: var(--dashboard-z-index-dock-overlay);
  --dashboard-line-height: 0;
  padding-top: 2px;
}
html:not([dir=rtl]) .dock-container .dock-expand {
  margin-left: -15px;
}
html[dir=rtl] .dock-container .dock-expand {
  margin-left: -3px;
}
.dock-container .dock-expand svg {
  margin-inline-start: 3px;
  padding-inline-end: 1.5px;
  fill: var(--calcite-color-text-2);
}
.dock-container .dock-splitter {
  z-index: calc(var(--dashboard-z-index-dock-overlay) - 1);
  position: absolute;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.dock-container .dock-splitter full-container {
  background-color: transparent;
  transition: background-color 250ms;
}
.dock-container .dock-splitter.group full-container {
  background-color: transparent;
}
.dock-container .dock-splitter.row {
  height: 1px;
  padding: 3px 0;
  margin-top: -3px;
}
.dock-container .dock-splitter.row.group .separator {
  margin-top: 2px;
  border-bottom: 1px solid var(--calcite-color-border-3);
  height: 0;
}
.dock-container .dock-splitter.row .size-label {
  transform: translate(0, -50%);
}
.dock-container .dock-splitter.row .size-label.first {
  left: 10%;
}
.dock-container .dock-splitter.row .size-label:not(.first):not(.last) {
  left: 50%;
}
.dock-container .dock-splitter.row .size-label.last {
  right: 10%;
}
.dock-container .dock-splitter.row.hover {
  margin-top: -3px;
  height: 3px;
  cursor: row-resize;
  padding: 3px 0;
}
.dock-container .dock-splitter.col {
  width: 1px;
  padding: 0 3px;
  margin-left: -3px;
}
.dock-container .dock-splitter.col.group .separator {
  margin-left: 2px;
  border-right: 1px solid var(--calcite-color-border-3);
  height: 100%;
  width: 0;
}
.dock-container .dock-splitter.col .size-label {
  transform: translate(-50%, 0);
}
html[dir=rtl] .dock-container .dock-splitter.col .size-label {
  transform: translate(50%, 0);
}
.dock-container .dock-splitter.col .size-label.first {
  top: 10%;
}
.dock-container .dock-splitter.col .size-label:not(.first):not(.last) {
  top: 50%;
}
.dock-container .dock-splitter.col .size-label.last {
  bottom: 10%;
}
.dock-container .dock-splitter.col.hover {
  width: 3px;
  cursor: col-resize;
  padding: 0 3px;
}
.dock-container .dock-splitter .size-label {
  position: absolute;
  display: none;
  color: var(--calcite-color-text-2);
}
.dock-container .dock-splitter.hover full-container {
  background-color: var(--calcite-color-border-input);
}
.dock-container .dock-splitter.hover .size-label {
  display: block;
}
.dock-container .dock-tabs {
  position: absolute;
}
.dock-container .dock-tabs margin-container {
  margin-top: calc(var(--dashboard-dock-margin) * -1);
}
.dock-container .dock-tabs .sortable-collection {
  white-space: nowrap;
}
.dock-container .dock-tabs .sortable-collection::-webkit-scrollbar {
  display: none;
}
.dock-container .dock-tabs .tabs-container {
  margin: 0 calc(var(--dashboard-border-radius) * 0.3 + var(--calcite-spacing-3));
  padding-bottom: var(--calcite-spacing-1);
  height: 100%;
}
.dock-container .dock-tabs .collapsed-bar-container {
  font-size: var(--calcite-font-size--2);
  height: inherit;
  background-color: var(--calcite-color-foreground-1);
  margin-top: -1px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid var(--calcite-color-border-3);
  border-top: none;
  border-end-end-radius: calc(var(--dashboard-border-radius) * 0.5);
  border-end-start-radius: calc(var(--dashboard-border-radius) * 0.5);
}
.dock-container .dock-tabs .tab-nav {
  height: inherit;
  margin-top: -1px;
}
.dock-container .dock-tabs .tab-nav .tab-title {
  cursor: pointer;
  padding: 0 var(--calcite-spacing-2);
  margin: 0 var(--calcite-spacing-1);
  font-size: var(--calcite-font-size--2);
  height: inherit;
  color: inherit;
  background-color: var(--calcite-color-foreground-1);
  border: 1px solid var(--calcite-color-border-3);
  border-bottom: 2px solid;
  border-end-start-radius: calc(var(--dashboard-border-radius) * 0.5);
  border-end-end-radius: calc(var(--dashboard-border-radius) * 0.5);
}
.dock-container .dock-tabs .tab-nav .tab-title .tab-handle {
  line-height: 1;
}
.dock-container .dock-tabs .tab-nav .tab-title .tab-handle.draggable {
  cursor: move;
}
.dock-container .dock-tabs .tab-nav .tab-title:not(.is-active) {
  border-top-color: var(--calcite-color-border-3);
  border-bottom-color: var(--calcite-color-border-3);
}
.dock-container .dock-tabs .tab-nav .tab-title.is-active {
  border-top-color: transparent;
  border-bottom-color: var(--calcite-color-brand);
  color: var(--calcite-color-text-1);
}
.dock-container .dock-tabs .tab-nav .tab-title:hover {
  background-color: var(--calcite-color-foreground-2);
}
.dock-container .dock-wheel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--dashboard-z-index-dock-overlay);
}
.dock-container .dock-wheel .scrim {
  background-color: var(--calcite-color-background);
  transition: opacity 0.2s;
}
.dock-container .dock-wheel.dock-positioned .dock-wheel-element {
  opacity: 0.3;
}
.dock-container .dock-wheel.dock-positioned .dock-wheel-element.hover {
  opacity: 1;
}
.dock-container .dock-wheel .dock-wheel-element {
  width: var(--calcite-spacing-8);
  height: var(--calcite-spacing-8);
  display: block;
  position: absolute;
}
.dock-container .dock-wheel .dock-wheel-element.root .dock-wheel-button {
  width: var(--calcite-spacing-8);
  height: var(--calcite-spacing-8);
  cursor: pointer;
  padding: 0;
  color: var(--calcite-color-brand);
  background-color: var(--calcite-color-foreground-1);
  border: 1px solid var(--calcite-color-brand);
  border-radius: 8px;
  box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.08), 0px 6px 20px -4px rgba(0, 0, 0, 0.02);
  transition: box-shadow 0.15s ease-in-out 0s;
}
.dock-container .dock-wheel .dock-wheel-element.root .dock-wheel-button:hover {
  box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.08), 0px 6px 20px -4px rgba(0, 0, 0, 0.02), inset 0 0 0 1px var(--calcite-color-brand);
}
.dock-container .dock-wheel .dock-wheel-element.root .dock-wheel-button calcite-icon {
  margin: -1px;
}
.dock-container .dock-wheel .dock-wheel-element.root.left {
  margin-left: var(--calcite-spacing--1);
}
.dock-container .dock-wheel .dock-wheel-element.root.left.inset {
  margin-left: calc(var(--calcite-spacing-1) + 1px);
}
.dock-container .dock-wheel .dock-wheel-element.root.right {
  margin-left: var(--calcite-spacing-1);
}
.dock-container .dock-wheel .dock-wheel-element.root.right.inset {
  margin-left: calc(var(--calcite-spacing--1) - 1px);
}
.dock-container .dock-wheel .dock-wheel-element.root.left, .dock-container .dock-wheel .dock-wheel-element.root.left .dock-wheel-button, .dock-container .dock-wheel .dock-wheel-element.root.right, .dock-container .dock-wheel .dock-wheel-element.root.right .dock-wheel-button {
  width: var(--calcite-spacing-4);
  height: var(--calcite-spacing-16);
}
.dock-container .dock-wheel .dock-wheel-element.root.top {
  margin-top: var(--calcite-spacing--1);
}
.dock-container .dock-wheel .dock-wheel-element.root.bottom {
  margin-top: var(--calcite-spacing-1);
}
.dock-container .dock-wheel .dock-wheel-element.root.bottom, .dock-container .dock-wheel .dock-wheel-element.root.bottom .dock-wheel-button, .dock-container .dock-wheel .dock-wheel-element.root.top, .dock-container .dock-wheel .dock-wheel-element.root.top .dock-wheel-button {
  width: var(--calcite-spacing-16);
  height: var(--calcite-spacing-4);
}
.dock-container .dock-wheel .dock-wheel-element.element.left {
  margin-left: var(--calcite-spacing-3);
}
.dock-container .dock-wheel .dock-wheel-element.element.right {
  margin-left: var(--calcite-spacing--3);
}
.dock-container .dock-wheel .dock-wheel-element.element.top {
  margin-top: var(--calcite-spacing-3);
}
.dock-container .dock-wheel .dock-wheel-element.element.bottom {
  margin-top: var(--calcite-spacing--3);
}
.dock-container .dock-wheel.dock-grouping .dock-wheel-element {
  --calcite-color-brand: var(--calcite-color-status-success);
}
.dock-container .dock-wheel.dock-grouping .dock-wheel-element.root.left {
  margin-left: var(--calcite-spacing-1);
}
.dock-container .dock-wheel.dock-grouping .dock-wheel-element.root.right {
  margin-left: var(--calcite-spacing--1);
}
.dock-container .dock-wheel.dock-grouping .dock-wheel-element.root.top {
  margin-top: var(--calcite-spacing-1);
}
.dock-container .dock-wheel.dock-grouping .dock-wheel-element.root.bottom {
  margin-top: var(--calcite-spacing--1);
}
.dock-container .dock-controls {
  cursor: default;
  position: absolute;
  z-index: var(--dashboard-z-index-dock-overlay);
}
.dock-container .dock-controls full-container {
  background-color: transparent;
}
.dock-container .dock-controls .top-buttons {
  transition: height 250ms;
  overflow: hidden;
  pointer-events: auto;
  background-color: var(--calcite-color-brand-hover);
}
.dock-container .dock-controls .top-buttons .menu-icon {
  padding: 0 var(--calcite-spacing-2);
  color: var(--calcite-color-foreground-1);
  background-color: var(--calcite-color-brand);
}
.dock-container .dock-controls .top-buttons:hover .menu-icon {
  display: none;
}
.dock-container .dock-controls .top-buttons:not(:hover) {
  height: var(--calcite-spacing-4);
  position: absolute;
}
.dock-container .dock-controls .top-buttons:not(:hover) .secondary-button {
  display: none;
}
.dock-container .dock-preview {
  display: block;
  background-color: transparent;
  position: absolute;
  z-index: calc(var(--dashboard-z-index-dock-overlay) - 1);
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  margin-top: -20px;
  margin-left: -100px;
}
.dock-container .dock-preview .message {
  margin: var(--calcite-spacing-2);
  color: var(--calcite-color-foreground-1);
  font-weight: var(--calcite-font-weight-medium);
}
.dock-container .dock-preview .message .sub-message {
  font-size: var(--calcite-font-size--2);
  font-weight: var(--calcite-font-weight-normal);
  margin-bottom: 0;
  line-height: 1.65;
}
.dock-container .dock-preview .message .sub-message span {
  padding-inline: calc(var(--calcite-spacing-1) * 0.5);
  font-weight: var(--calcite-font-weight-medium);
  background-color: rgba(var(--config-color-foreground-1-rgb), 0.2);
  border: 1px solid var(--calcite-color-foreground-1);
  border-radius: 2px;
}
.dock-container .dock-preview margin-container {
  opacity: 1;
  background-color: rgba(var(--config-color-brand-rgb), 0.9);
}
.dock-container .dock-preview.dock-positioned {
  margin-top: 0;
  margin-left: 0;
}
.dock-container .dock-preview.dock-grouping margin-container {
  background-color: rgba(var(--config-color-success-rgb), 0.9);
}
.dock-container .dock-preview.dock-alert margin-container {
  background-color: rgba(var(--config-color-danger-rgb), 0.9);
}

.items-browser-header .sorting-filtering-container calcite-dropdown {
  --calcite-dropdown-width: 350px;
  max-width: 400px;
}
@media screen and (max-width: 860px) {
  .items-browser-header .sorting-filtering-container calcite-dropdown {
    max-width: 250px;
  }
}
.items-browser-header .sorting-filtering-container calcite-dropdown .collections-menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.items-browser-header .sorting-filtering-container calcite-dropdown .collections-menu .collections-menu-item {
  width: 300px;
}
.items-browser-header .sorting-filtering-container calcite-dropdown .collections-menu .icon .thumbnail-img {
  width: 32px;
  height: 32px;
  margin-top: 3px;
}
.items-browser-header .sorting-filtering-container calcite-dropdown .collections-menu .collection-count {
  padding: var(--calcite-spacing-1) var(--calcite-spacing-2);
  border-radius: 3px;
  background-color: var(--calcite-color-brand);
  color: var(--calcite-color-foreground-1);
  font-size: var(--calcite-font-size--2);
}
.items-browser-header .sorting-filtering-container .filter-input {
  width: 300px;
}
@media screen and (max-width: 860px) {
  .items-browser-header .sorting-filtering-container .filter-input {
    width: 250px;
  }
}

.items-browser {
  padding: var(--calcite-spacing-3) var(--calcite-spacing-2);
  overflow: visible;
}
.items-browser .item-cards-container {
  width: 100%;
  position: relative;
}

.page-header {
  border-bottom: 1px solid var(--calcite-color-border-3);
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
}
.page-header .brand-element .brand-icon {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}
.page-header .portal-btn {
  border-inline-start: 1px solid var(--calcite-color-border-3);
}
.page-header .portal-btn img {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

.alert-notification {
  position: fixed;
  z-index: var(--calcite-z-index-popup);
}

.calendar {
  color: var(--calcite-color-text-2);
}
.calendar .calendar-body {
  max-width: 400px;
}
.calendar .month-year {
  padding: var(--calcite-spacing-2);
  text-align: center;
  font-weight: var(--calcite-font-weight-medium);
}
.calendar .week-header,
.calendar .week-day {
  width: 14.2857142857%;
  text-align: center;
  word-break: keep-all;
}
.calendar .week-header {
  padding-top: var(--calcite-spacing-2);
  padding-bottom: var(--calcite-spacing-2);
  color: var(--calcite-color-text-3);
}
.calendar .week-day {
  margin: 1px 0;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.calendar .week-day .inner {
  width: var(--calcite-spacing-8);
  height: var(--calcite-spacing-8);
  border-radius: 100%;
  border: none;
  background-color: transparent;
  color: inherit;
  position: relative;
  cursor: pointer;
}
.calendar .week-day:not(.selected):not(.selection-start):not(.selection-end).today .inner, .calendar .week-day:not(.selected):not(.selection-start):not(.selection-end):hover .inner, .calendar .week-day:not(.selected):not(.selection-start):not(.selection-end):focus .inner {
  background-color: var(--calcite-color-foreground-3);
}
.calendar .week-day.selection-start .inner, .calendar .week-day.selection-end .inner {
  background-color: var(--calcite-color-brand);
  color: var(--calcite-color-text-inverse);
}
.calendar .week-day.selected:not(.selection-end).selection-start:before, .calendar .week-day.selected:not(.selection-start).selection-end:before {
  content: "";
  height: var(--calcite-spacing-8);
  position: absolute;
  width: 50%;
  background-color: var(--calcite-color-foreground-2);
  top: 50%;
}
html:not([dir=rtl]) .calendar .week-day:not(.selection-end).selection-start:before {
  transform: translate(50%, -50%);
}
html[dir=rtl] .calendar .week-day:not(.selection-end).selection-start:before {
  transform: translate(-50%, -50%);
}
html:not([dir=rtl]) .calendar .week-day:not(.selection-start).selection-end:before {
  transform: translate(-50%, -50%);
}
html[dir=rtl] .calendar .week-day:not(.selection-start).selection-end:before {
  transform: translate(50%, -50%);
}
.calendar .week-day:not(.selection-start):not(.selection-end).selected:before {
  content: "";
  height: var(--calcite-spacing-8);
  position: absolute;
  width: 100%;
  background-color: var(--calcite-color-foreground-2);
  top: 50%;
  transform: translate(0, -50%);
}
.calendar .week-day.light {
  color: var(--calcite-color-text-3);
}

.ck-editor-wrapper {
  --ck-icon-size: var(--calcite-spacing-4);
  --ck-color-grid-tile-size: 1.125rem;
  --ck-color-toolbar-background: var(--calcite-color-background);
  /* Editor size/resize for all but rich text config. That one will handle its own size */
}
.ck-editor-wrapper .ck-toolbar {
  font-size: var(--calcite-font-size--1);
  padding-inline: var(--calcite-spacing-2);
}
.ck-editor-wrapper .ck-toolbar clipPath#clip0_355_284 {
  visibility: visible;
}
.ck-editor-wrapper .ck-toolbar .ck-button__label {
  padding-inline-end: var(--ck-spacing-tiny);
}
.ck-editor-wrapper .ck-toolbar .ck-toolbar__items > .ck-button,
.ck-editor-wrapper .ck-toolbar .ck-dropdown {
  margin-inline: 0 !important;
  min-width: var(--calcite-spacing-6);
  min-height: var(--calcite-spacing-6);
}
.ck-editor-wrapper .ck-toolbar .ck-toolbar__items > .ck-button .ck-button.ck-button_with-text,
.ck-editor-wrapper .ck-toolbar .ck-dropdown .ck-button.ck-button_with-text {
  padding-inline-end: var(--ck-spacing-tiny);
}
.ck-editor-wrapper .ck-toolbar .ck-toolbar__items > .ck-button .ck.ck-button.dashboard-fields-plugin,
.ck-editor-wrapper .ck-toolbar .ck-dropdown .ck.ck-button.dashboard-fields-plugin {
  width: var(--calcite-spacing-12);
}
.ck-editor-wrapper .ck-toolbar .ck-toolbar__items > .ck-button:not(.ck-alignment-dropdown) > .ck-dropdown__panel,
.ck-editor-wrapper .ck-toolbar .ck-dropdown:not(.ck-alignment-dropdown) > .ck-dropdown__panel {
  position: fixed;
  /* get rid of native styles and let element-level styles overwrite */
  top: unset;
  right: unset;
  left: unset;
  transform: unset;
  min-width: unset;
}
.ck-editor-wrapper .ck-toolbar .ck-toolbar__separator {
  margin-inline-start: var(--ck-spacing-small);
}
.ck-editor-wrapper .ck-toolbar .ck.ck-fontsize-option > span {
  /* Make sure line height scales with the font option sizes, but not too small */
  line-height: max(1.2rem, 1em);
  /* Account for line height difference via top, since the glyph will have more bottom space and not appear vertically centered */
  padding-top: 0.125em;
}
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var {
  padding: var(--calcite-spacing-1);
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  display: block;
}
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var,
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var * {
  font-family: var(--calcite-sans-family);
  line-height: var(--dashboard-line-height);
  cursor: pointer;
}
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var > div {
  margin-inline-end: var(--calcite-spacing-2);
  font-size: var(--calcite-font-size--1);
  width: -moz-max-content;
  width: max-content;
}
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var > em {
  font-size: var(--calcite-font-size--2);
  font-style: italic;
  color: var(--calcite-ui-text-2);
  width: -moz-max-content;
  width: max-content;
}
.ck-editor-wrapper .ck-toolbar .dashboard-ck-var-header {
  background-color: #e9e9e9;
  font-weight: var(--calcite-font-weight-bold);
  font-size: var(--calcite-font-size-0);
  padding: var(--calcite-spacing-2);
}
.ck-editor-wrapper .ck-toolbar .ck-list {
  /* Affects font size and insert variables dropdowns */
  max-height: var(--calcite-spacing-52);
  overflow-y: auto;
}
.ck-editor-wrapper .ck-editor > .ck-editor__main {
  color: var(--calcite-color-text-1);
}
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-content {
  padding: var(--calcite-spacing-2);
  background: var(--calcite-color-foreground-1);
}
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-source-editing-area, .ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-source-editing-area > textarea {
  background: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
  flex: 1 1 auto;
  /* Issue #8256, code should always be presented ltr regardless of locale */
  direction: ltr;
}
.ck-editor-wrapper .ck-editor > .ck-editor__main > .ck-source-editing-area > textarea {
  top: 0;
  left: 0;
  overflow-y: auto;
}
.ck-editor-wrapper:not(.rich-text-config-ck-editor) > .ck-editor .ck-editor__main {
  height: var(--calcite-spacing-52);
  overflow: auto;
  resize: vertical;
  background-color: var(--ck-color-toolbar-background);
  border: 1px solid var(--ck-color-base-border);
  padding-bottom: var(--calcite-spacing-4);
}
.ck-editor-wrapper:not(.rich-text-config-ck-editor) > .ck-editor .ck-editor__main .ck-content,
.ck-editor-wrapper:not(.rich-text-config-ck-editor) > .ck-editor .ck-editor__main .ck-source-editing-area {
  height: 100%;
  border-radius: 0;
}
.ck-editor-wrapper:not(.rich-text-config-ck-editor) > .ck-editor .ck-editor__main .ck-content.ck-blurred,
.ck-editor-wrapper:not(.rich-text-config-ck-editor) > .ck-editor .ck-editor__main .ck-source-editing-area.ck-blurred {
  border-top: none;
  border-right: none;
  border-left: none;
}

.date-picker-dropdown {
  display: block;
}
.date-picker-dropdown .dropdown-menu {
  min-width: 280px;
  max-height: 500px;
}

calcite-flow.drawer {
  z-index: var(--calcite-z-index-overlay);
  background-color: var(--calcite-color-background);
  border-start-start-radius: 0.5rem;
}
calcite-flow.drawer.bottom {
  border-start-end-radius: 0.5rem;
  height: calc(100% - 2rem);
  transition: bottom 0.3s ease-out;
}
calcite-flow.drawer.bottom.hide {
  bottom: calc(-100% + 2rem);
}
calcite-flow.drawer.trailing {
  border-end-start-radius: 0.5rem;
  height: 100%;
  width: 80%;
  max-width: 375px;
  inset-inline-end: 0px;
  transition: inset-inline-end 0.3s ease-out;
}
calcite-flow.drawer.trailing.hide {
  inset-inline-end: -80%;
}
calcite-flow.drawer.non-blocking:not(.hide) {
  box-shadow: var(--box-shadow);
  z-index: var(--calcite-floating-ui-z-index);
}
calcite-flow.drawer .esri-widget__heading,
calcite-flow.drawer .esri-widget__table,
calcite-flow.drawer .esri-widget {
  color: var(--calcite-color-text-1);
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
calcite-scrim.drawer {
  --calcite-scrim-background: var(--calcite-color-foreground-3);
  animation: fade-in 0.3s;
  opacity: 0.5;
}

.dropdown-menu {
  z-index: var(--calcite-z-index-dropdown);
  max-height: 450px;
  background-color: var(--calcite-color-foreground-1);
}
.dropdown-menu.dropdown-menu-wide {
  max-width: 600px;
}
.dropdown-menu .dropdown-menu-item {
  color: var(--calcite-color-text-3);
  background-color: var(--calcite-color-foreground-1);
}
.dropdown-menu .dropdown-menu-item.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.dropdown-menu .dropdown-menu-item:hover, .dropdown-menu .dropdown-menu-item:focus:not(.disabled) {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-2);
}

.dropdown-toggle {
  background-color: transparent;
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size--1);
  border: 1px solid var(--calcite-color-border-input);
  text-align: start;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-rendering: optimizeLegibility;
  transition-delay: 0s, 0s;
  transition-duration: 0.1s, 0.1s;
  transition-property: outline-offset, outline-color;
  transition-timing-function: ease-in-out, ease-in-out;
  outline-color: transparent;
  outline-offset: 0;
  padding: 0 var(--calcite-spacing-3);
  min-height: var(--calcite-spacing-8);
}
.dropdown-toggle:focus {
  outline-style: solid;
  outline-offset: -2px;
  outline-width: 2px;
  outline-color: var(--calcite-color-brand);
}
.dropdown-toggle-small {
  padding-left: var(--calcite-spacing-2);
  padding-right: var(--calcite-spacing-2);
  height: var(--calcite-spacing-6);
  min-height: var(--calcite-spacing-6);
  font-size: var(--calcite-font-size--2);
}
.dropdown-toggle.bg-foreground-1 {
  background-color: var(--calcite-color-foreground-1);
}
.dropdown-toggle.border-none {
  border: none;
}

.grid-container .grid-container-body {
  display: grid;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  grid-auto-rows: 1fr;
}
.grid-container .grid-container-cell {
  overflow-wrap: anywhere;
}

.group-separator {
  height: 1px;
  border-top: 1px solid var(--calcite-color-border-3);
}

.item-card {
  margin: var(--calcite-spacing-1);
  width: 282px;
  height: 344px;
  --tw-shadow: 0;
  --tw-ring-offset-shadow: 0;
  --tw-ring-shadow: 0;
  --dashboard-item-chip-blue: #deecf9;
}
.item-card--title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
}
.item-card--title-s {
  -webkit-line-clamp: 1;
}
.item-card--overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity linear 0.2s;
  background-color: rgba(0, 0, 0, 0.7);
}
.item-card--overlay:hover, .item-card--overlay:focus-within {
  opacity: 1;
}
.item-card img {
  border: 0;
  vertical-align: middle;
  max-width: none;
  height: 142px;
  width: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-card .chips {
  position: absolute;
  bottom: var(--calcite-spacing-12);
}
.item-card calcite-chip {
  --calcite-color-text-1: var(--calcite-color-brand);
  --calcite-color-foreground-2: var(--dashboard-item-chip-blue);
}

calcite-input.text-0 {
  --calcite-font-size--1: var(--calcite-font-size-0);
}

.group-btn {
  margin: 0.5px;
}

.options-list .options {
  max-height: 365px;
}

.select-list .select-list-options.h-compact {
  max-height: 246px;
}
.select-list .select-list-options.h-extended {
  max-height: 410px;
}

calcite-dialog.modal-dialog {
  z-index: var(--calcite-z-index-modal);
}
calcite-dialog.modal-dialog .modal-body {
  z-index: calc(var(--calcite-z-index-header) + 1);
  position: relative;
}
calcite-dialog.modal-dialog-full-width, calcite-dialog.modal-dialog-full-height {
  margin: auto;
}
calcite-dialog.modal-dialog-full-width {
  --calcite-dialog-size-x: calc(100vw - 3rem);
}
calcite-dialog.modal-dialog-full-height {
  --calcite-dialog-size-y: calc(100vh - 3rem);
}
calcite-dialog.modal-dialog-no-padding {
  --calcite-dialog-content-space: 0;
}

.number-input input {
  margin: 0;
}
.number-input .input-spinner-control {
  height: var(--calcite-spacing-8);
  border: 1px solid var(--calcite-color-border-input);
  border-inline-start: none;
}
.number-input .input-spinner-control button {
  padding-left: var(--calcite-spacing-2);
  padding-right: var(--calcite-spacing-2);
  --dashboard-line-height: var(--calcite-spacing-3);
  background-color: var(--calcite-color-foreground-1);
  height: 15px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  cursor: pointer;
  color: var(--calcite-color-text-3);
  transition: all ease-in-out 0.15s;
}
.number-input .input-spinner-control button.increase-value {
  border-bottom: 1px solid var(--calcite-color-border-input);
}
.number-input .input-spinner-control button:hover {
  background-color: var(--calcite-color-foreground-2);
  color: var(--calcite-color-text-1);
}

.power-select {
  display: block;
  min-width: 0;
  position: relative;
}
.power-select .dropdown-menu {
  min-width: 200px;
  max-width: unset;
  overflow: hidden;
}
.power-select .multivalue-chip {
  margin-bottom: calc(var(--calcite-spacing-1) * 0.5);
}
.power-select .multivalue-list {
  padding-top: calc(var(--calcite-spacing-1) * 0.5);
  display: block;
  max-height: 80px;
  overflow-y: auto;
  overflow-x: auto;
}

.resize-container {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  resize: both;
}
.resize-container.resize-horizontal {
  resize: horizontal;
}
.resize-container.resize-vertical {
  resize: vertical;
}
.resize-container.resize-none {
  resize: none;
}

.slider .esri-slider {
  background-color: transparent;
}
.slider .esri-slider .esri-slider__max,
.slider .esri-slider .esri-slider__min {
  flex: 0 0 auto;
  margin: 0;
  min-width: 20px;
  width: unset;
  color: var(--calcite-color-text-1);
}
.slider .esri-slider .esri-slider__min {
  margin-right: var(--calcite-spacing-6);
}
.slider .esri-slider .esri-slider__max {
  margin-left: var(--calcite-spacing-6);
}
.slider .esri-slider .esri-slider__label {
  left: 0;
  top: -30px;
  margin: 0;
  text-align: center;
  transform: translate(-50%, 0);
  min-width: unset;
  color: var(--calcite-color-text-1);
}
.slider .esri-slider .esri-slider__label .esri-slider__label-input {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
  border-color: var(--calcite-color-brand);
  min-width: 80px;
}
.slider .esri-slider .esri-slider__thumb {
  background-color: var(--calcite-color-foreground-1);
  border-color: var(--calcite-color-brand);
}
.slider .esri-slider .esri-slider__track {
  background-color: var(--calcite-color-border-input);
}

.sortable-collection {
  cursor: default;
}

.sortable-placeholder {
  visibility: hidden;
}

.sortable-dragged {
  background-color: var(--calcite-color-foreground-1);
}

.table-container {
  font-size: var(--calcite-font-size--2);
  width: 100%;
  background-color: var(--calcite-color-foreground-1);
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--calcite-color-border-1);
  text-align: start;
  overflow: auto;
  margin: 0;
}
.table-container > thead {
  background-color: var(--calcite-color-background);
  border-bottom: 1px solid var(--calcite-color-border-1);
  font-weight: var(--calcite-font-weight-normal);
  font-size: var(--calcite-font-size--1);
}
.table-container > tbody {
  overflow: auto;
  width: 100%;
}
.table-container > tfoot {
  background-color: var(--calcite-color-background);
  border-top: 1px solid var(--calcite-color-border-1);
}
.table-container th,
.table-container td {
  font-weight: var(--calcite-font-weight-light);
  border-left: 1px solid var(--calcite-color-border-1);
  border-right: 1px solid var(--calcite-color-border-1);
  padding: var(--calcite-spacing-2);
  text-align: start;
}
.table-container tr {
  border-bottom: 1px solid var(--calcite-color-border-1);
  text-align: left;
}
.table-container tr:last-child {
  border-bottom: none;
}
.table-container.table-plain {
  border: none;
  background-color: inherit;
  table-layout: fixed;
}
.table-container.table-plain > thead,
.table-container.table-plain > tfoot,
.table-container.table-plain th,
.table-container.table-plain td {
  background-color: transparent;
  border: none;
}
.table-container.table-plain tr {
  border: none;
}
.table-container.table-plain tr:nth-child(even) {
  background-color: transparent;
}
.table-container.table-plain tr:nth-child(even) td {
  background-color: transparent;
}
.table-container.table-plain td {
  padding: 0 var(--calcite-spacing-2) 0 0;
}
.table-container.table-plain td:last-child {
  padding-inline-end: 0;
}
.table-container.table-plain th {
  padding: var(--calcite-spacing-2) var(--calcite-spacing-2) var(--calcite-spacing-2) 0;
}
.table-container.table-striped tr:nth-child(even) {
  background-color: var(--calcite-color-background);
}
.table-container.table-striped tr:nth-child(even) a {
  color: var(--calcite-color-brand);
}
.table-container.table-striped tr:nth-child(even) td {
  background-color: var(--calcite-color-background);
}
.table-container.align-top td {
  vertical-align: top;
}
.table-container label {
  margin-bottom: 0;
}

.virtual-list .scrollable-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.virtual-list .scrollable-container .cells-container {
  position: relative;
  width: 100%;
}
.virtual-list .scrollable-container .cells-container .cell {
  position: absolute;
}

.tabulator {
  --unit: 1px;
  --tabulator-text-color: unset;
  --tabulator-background-color: unset;
  --tabulator-cell-background-color: unset;
  --tabulator-cell-text-color: unset;
  --tabulator-hover-background-color: unset;
  --tabulator-selection-background-color: unset;
  --tabulator-selection-grid-color: unset;
  --tabulator-selection-hover-background-color: unset;
  --tabulator-selection-text-color: unset;
  --tabulator-vertical-grid-thickness: unset;
  --tabulator-horizontal-grid-thickness: unset;
  --tabulator-vertical-grid-color: unset;
  --tabulator-horizontal-grid-color: unset;
  --tabulator-header-text-color: unset;
  --tabulator-header-background-color: unset;
  --tabulator-header-rule-color: unset;
  --tabulator-header-rule-thickness: unset;
  --tabulator-summary-text-color: unset;
  --tabulator-summary-background-color: unset;
  --tabulator-summary-rule-color: unset;
  --tabulator-summary-rule-thickness: unset;
  background-color: var(--tabulator-background-color);
  border: none;
}
.tabulator.small .tabulator-cell,
.tabulator.small .tabulator-header .tabulator-col-content,
.tabulator.small .tabulator-footer .tabulator-cell {
  font-size: var(--calcite-font-size--2);
  padding: 0.286rem;
}
.tabulator.medium .tabulator-cell,
.tabulator.medium .tabulator-header .tabulator-col-content,
.tabulator.medium .tabulator-footer .tabulator-cell {
  font-size: var(--calcite-font-size--1);
  padding: 0.57rem;
}
.tabulator.large .tabulator-cell,
.tabulator.large .tabulator-header .tabulator-col-content,
.tabulator.large .tabulator-footer .tabulator-cell {
  font-size: var(--calcite-font-size-0);
  padding: 0.857rem;
}
.tabulator.bottom-border .tabulator-tableholder .tabulator-table .tabulator-row:last-of-type {
  border-bottom: 1px solid var(--tabulator-horizontal-grid-color);
}
.tabulator .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header {
  color: var(--tabulator-header-text-color);
  border-bottom: calc(var(--tabulator-header-rule-thickness) * var(--unit)) solid var(--tabulator-header-rule-color);
  background-color: var(--tabulator-header-background-color);
}
.tabulator .tabulator-header .tabulator-col {
  background-color: var(--tabulator-header-background-color);
  border-inline-end: calc(var(--tabulator-vertical-grid-thickness) * var(--unit)) solid var(--tabulator-vertical-grid-color);
  vertical-align: middle;
  background-color: var(--tabulator-header-background-color, var(--dashboard-table-background-color));
}
.tabulator .tabulator-header .tabulator-col:last-of-type {
  border-inline-end: none;
}
.tabulator .tabulator-header .tabulator-col.tabulator-frozen {
  border: none;
}
.tabulator .tabulator-header .tabulator-col-title {
  text-align: center;
}
.tabulator .tabulator-footer {
  color: var(--tabulator-summary-text-color);
  border-top: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  background-color: var(--tabulator-summary-background-color) !important;
  border-top: calc(var(--tabulator-summary-rule-thickness) * var(--unit)) solid var(--tabulator-summary-rule-color);
  border-bottom: 1px solid var(--tabulator-horizontal-grid-color);
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  border: none;
  cursor: default;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell {
  background-color: var(--tabulator-summary-background-color);
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell:not(:first-child) {
  border-inline-end: calc(var(--tabulator-vertical-grid-thickness) * var(--unit)) solid var(--tabulator-vertical-grid-color);
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell:last-child {
  border-inline-end: none;
}
.tabulator .tabulator-tableholder.height-override {
  min-height: auto !important;
  height: auto !important;
}
.tabulator .tabulator-tableholder .tabulator-table {
  color: var(--tabulator-text-color);
  background-color: var(--tabulator-background-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row {
  border-bottom: none;
  background-color: var(--tabulator-background-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:focus {
  outline: 2px solid var(--calcite-color-brand);
  z-index: var(--calcite-z-index-overlay);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:first-of-type {
  border-top: none;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:not(:first-of-type) {
  border-top: calc(var(--tabulator-horizontal-grid-thickness) * var(--unit)) solid var(--tabulator-horizontal-grid-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
  white-space: normal;
  color: var(--tabulator-cell-text-color);
  background-color: var(--tabulator-cell-background-color);
  border-inline-end: calc(var(--tabulator-vertical-grid-thickness) * var(--unit)) solid var(--tabulator-vertical-grid-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell:not(.tabulator-selected):last-child {
  border: none;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected {
  border-top-color: var(--tabulator-selection-grid-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected .tabulator-cell {
  background-color: var(--tabulator-selection-background-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected + div {
  border-top-color: var(--tabulator-selection-grid-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected .tabulator-cell {
  color: var(--tabulator-selection-text-color);
  border-right-color: var(--tabulator-selection-vertical-grid-color);
  border-left-color: var(--tabulator-selection-vertical-grid-color);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selectable:hover .tabulator-cell {
  background-color: var(--tabulator-hover-background-color);
  cursor: pointer;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected:hover .tabulator-cell {
  background-color: var(--tabulator-selection-hover-background-color);
  cursor: pointer;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error {
  padding-top: var(--calcite-spacing-2);
  padding-bottom: var(--calcite-spacing-2);
  background-color: rgba(var(--dashboard-color-danger-rgb), 0.15);
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error .tabulator-cell {
  background-color: var(--calcite-color-background);
  color: var(--tabulator-cell-text-color);
  padding: 0;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error .tabulator-cell:last-child {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error .tabulator-cell .error-container {
  width: 100%;
  height: 100%;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error .tabulator-cell .error-icon {
  margin-left: var(--calcite-spacing-2);
  padding: var(--calcite-spacing-1);
  vertical-align: middle;
  height: 100%;
  color: var(--calcite-color-status-danger);
}

.data-source-selector {
  --calcite-color-text-1-cached: var(--calcite-color-text-1);
}
.data-source-selector calcite-list-item.non-interactive {
  --calcite-color-text-1: var(--calcite-color-border-input);
  --calcite-color-text-2: var(--calcite-color-border-input);
  --calcite-color-text-3: var(--calcite-color-border-input);
  --calcite-color-foreground-2: transparent;
}
.data-source-selector calcite-list-item.non-interactive .icon-start {
  color: var(--calcite-color-border-input);
}
.data-source-selector calcite-list-item.non-interactive calcite-action {
  --calcite-action-text-color: var(--calcite-color-text-1-cached);
}

.feature-form-dialog .esri-feature-form {
  color: var(--calcite-color-text-1);
  --calcite-color-background: var(--calcite-color-foreground-1);
}
.feature-form-dialog .esri-feature-form .esri-widget__heading {
  color: var(--calcite-color-text-1);
}
.feature-form-dialog .esri-feature-form__description-text {
  color: var(--calcite-color-text-3);
}
.feature-form-dialog .esri-feature-form.mobile .esri-feature-form__input {
  --calcite-font-size--1: var(--calcite-font-size-0);
}

.proxy-definitions-table {
  max-height: 600px;
  overflow: auto;
}
.proxy-definitions-table .table-container.table-plain tr:not(:last-child) {
  border-bottom: 1px solid var(--calcite-color-border-3);
}
.proxy-definitions-table .table-container.table-plain th {
  overflow-wrap: anywhere;
}
.proxy-definitions-table .table-container.table-plain thead tr {
  border-bottom: 1px solid var(--calcite-color-border-3);
}
.proxy-definitions-table .table-container.table-plain td {
  padding-top: var(--calcite-spacing-2);
  padding-bottom: var(--calcite-spacing-2);
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
}

.group-line {
  border-inline-start: 1px solid var(--calcite-color-status-info);
  padding-inline-start: 0.75rem;
  margin-inline-start: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.group-line p {
  margin-bottom: 1rem;
}
.group-line p:last-child {
  margin-bottom: 0;
}

.save-as-dialog .power-select .popup {
  max-height: 200px;
}

.url-parameters-modal .text-input {
  max-width: 300px;
}

.category-selector-widget .dropdown-menu {
  width: 288px;
  max-height: none;
}
.category-selector-widget calcite-list {
  --calcite-list-border-color: transparent;
}
.category-selector-widget nav {
  /* side panel button bar */
}
.category-selector-widget nav.h-compact {
  max-height: 199px;
}
.category-selector-widget nav.h-extended {
  max-height: 364px;
}

.date-selector-widget calcite-list {
  --calcite-list-border-color: transparent;
}
.date-selector-widget .dropdown-menu {
  width: 300px;
  max-height: none;
}
.date-selector-widget .calendar {
  color: var(--calcite-color-text-1);
}
.date-selector-widget .calendar .week-header,
.date-selector-widget .calendar .light {
  color: var(--calcite-color-text-3);
  opacity: 1;
}
.date-selector-widget .calendar .week-day:not(.selection-start):not(.selection-end).selected:before, .date-selector-widget .calendar .week-day.selected:not(.selection-end).selection-start:before, .date-selector-widget .calendar .week-day.selected:not(.selection-start).selection-end:before {
  background-color: var(--calcite-color-foreground-2);
}
.date-selector-widget .calendar .week-day:not(.selected):not(.selection-start):not(.selection-end).today .inner {
  background-color: transparent;
  border: 1px solid var(--calcite-color-foreground-2);
}
.date-selector-widget .calendar .week-day:not(.selected):not(.selection-start):not(.selection-end):hover .inner, .date-selector-widget .calendar .week-day:not(.selected):not(.selection-start):not(.selection-end):focus .inner {
  background-color: var(--calcite-color-foreground-2);
}

.details-widget .feature-widget {
  padding: var(--calcite-spacing-2);
  background-color: inherit;
}
.details-widget .feature-widget,
.details-widget .feature-widget .esri-widget__table {
  color: inherit;
}
.details-widget .feature-widget .esri-feature-content h1,
.details-widget .feature-widget .esri-feature-content h2,
.details-widget .feature-widget .esri-feature-content h3,
.details-widget .feature-widget .esri-feature-content h4,
.details-widget .feature-widget .esri-feature-content h5,
.details-widget .feature-widget .esri-feature-content h6 {
  color: var(--calcite-color-text-1);
}
.details-widget .feature-widget .esri-feature-content * {
  line-height: var(--dashboard-line-height);
}
.details-widget .feature-widget .esri-feature-content a {
  text-decoration: underline;
}
.details-widget .esri-widget__heading {
  color: var(--calcite-color-text-1);
}

.indicator-widget .widget-body {
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.indicator-widget .widget-body.hidden {
  display: none;
}
.indicator-widget .responsive-text {
  display: block;
}
.indicator-widget .responsive-text .responsive-text-icon {
  fill: var(--icon-fill-color, var(--text-fill-color, var(--calcite-color-text-1)));
  stroke: var(--icon-stroke-color, var(--text-stroke-color));
}
.indicator-widget .responsive-text .responsive-text-icon * {
  vector-effect: non-scaling-stroke;
}
.indicator-widget .responsive-text .responsive-text-label {
  fill: var(--text-fill-color, var(--calcite-color-text-1));
  stroke: var(--text-stroke-color);
}
.indicator-widget .responsive-text .responsive-text-label text {
  stroke-width: 2;
}
.indicator-widget .responsive-text.indicator-center-text {
  margin: 0 var(--calcite-spacing-6);
  font-weight: var(--calcite-font-weight-bold);
}
.indicator-widget .responsive-text.indicator-center-text text {
  stroke-width: 2;
}
.indicator-widget .responsive-text.indicator-top-text, .indicator-widget .responsive-text.indicator-bottom-text {
  margin: 0 var(--calcite-spacing-6);
  font-weight: var(--calcite-font-weight-medium);
}
.indicator-widget .responsive-text.indicator-top-text text, .indicator-widget .responsive-text.indicator-bottom-text text {
  stroke-width: 0.8;
}

.esri-legend-widget.esri-legend {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
}
.esri-legend-widget.esri-legend .esri-widget__heading {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
}

.list-widget {
  --list-item-selection-background-color: var(--calcite-color-brand);
  --tabulator-text-color: var(--calcite-color-text-1);
  --tabulator-background-color: var(--calcite-color-foreground-1);
  --tabulator-cell-background-color: var(--tabulator-background-color);
  --tabulator-cell-text-color: var(--tabulator-text-color);
  --tabulator-horizontal-grid-color: var(--calcite-color-border-1);
  --tabulator-horizontal-grid-thickness: 1;
  --tabulator-selection-background-color: var(--tabulator-cell-background-color);
  --tabulator-selection-hover-background-color: unset;
  --tabulator-selection-grid-color: var(--tabulator-horizontal-grid-color);
  --tabulator-selection-text-color: var(--tabulator-text-color);
}
.list-widget .top-border .tabulator {
  border-top: 1px solid var(--tabulator-horizontal-grid-color);
}
html:not([dir=rtl]) .list-widget .tabulator .tabulator-selected .tabulator-cell {
  box-shadow: inset 8px 0 0 0 var(--list-item-selection-background-color, var(--calcite-color-brand));
}
html[dir=rtl] .list-widget .tabulator .tabulator-selected .tabulator-cell {
  box-shadow: inset -8px 0 0 0 var(--list-item-selection-background-color, var(--calcite-color-brand));
}
.list-widget .tabulator.small .tabulator-cell {
  height: auto !important;
  font-size: var(--calcite-font-size--1);
  padding: 0;
}
.list-widget .feature-list-item {
  margin: 0;
  padding: 0 var(--calcite-spacing-2);
}
.list-widget .feature-list-item .list-item-icon {
  max-width: 40px;
  max-height: 40px;
  position: relative;
  margin: 5px 0;
}
.list-widget .feature-list-item .list-item-icon svg * {
  vector-effect: non-scaling-stroke;
}
.list-widget .feature-list-item .list-item-content {
  padding-block: 5px;
  padding-inline-start: var(--calcite-spacing-3);
}

.esri-legend {
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
}
.esri-legend .esri-widget__heading {
  color: var(--calcite-color-text-1);
}

.esri-basemap-gallery {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
}
.esri-basemap-gallery__item-title {
  color: var(--calcite-color-text-1);
}
.esri-basemap-gallery .esri-basemap-gallery__item:focus, .esri-basemap-gallery .esri-basemap-gallery__item--selected, .esri-basemap-gallery .esri-basemap-gallery__item:hover {
  background-color: var(--calcite-color-foreground-2);
}
.esri-basemap-gallery .esri-basemap-gallery__item:focus .esri-basemap-gallery__item-title, .esri-basemap-gallery .esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title, .esri-basemap-gallery .esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title {
  color: var(--calcite-color-text-1);
}
.esri-basemap-gallery__item:hover {
  border-color: var(--calcite-color-border-1);
}
.esri-basemap-gallery__item:focus, .esri-basemap-gallery__item--selected, .esri-basemap-gallery__item--selected:hover {
  border-color: var(--calcite-color-brand);
}

.slide-item img {
  margin: var(--calcite-spacing-1);
  margin-inline-end: 0;
  max-height: var(--calcite-spacing-16);
}

.map-widget {
  --calcite-font-size--1-original: var(--calcite-font-size--1);
}
.map-widget .pe-db {
  padding-block-end: calc(var(--dashboard-border-radius) * 0.25);
}
.map-widget .map {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  color: var(--calcite-color-text-1);
}
.map-widget .map img {
  vertical-align: baseline;
}
.map-widget .map .esri-widget {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
}
html:not([dir=rtl]) .map-widget .esri-ui-top-right, html[dir=rtl] .map-widget .esri-ui-top-left {
  flex-flow: row-reverse;
  -moz-column-gap: var(--calcite-spacing-2);
       column-gap: var(--calcite-spacing-2);
  height: 100%;
  z-index: 2;
  align-items: flex-start;
}
html:not([dir=rtl]) .map-widget .esri-ui-top-right .esri-widget--panel, html[dir=rtl] .map-widget .esri-ui-top-left .esri-widget--panel {
  width: auto;
}
html:not([dir=rtl]) .map-widget .interaction-tools .esri-ui-top-right, html[dir=rtl] .map-widget .interaction-tools .esri-ui-top-left {
  max-width: calc(100% - 40px);
}
.map-widget .interaction-tools .esri-popup--is-docked:not(.esri-popup--is-docked-bottom-center), .map-widget:has(.search-info-panel, .select-state-tool) .esri-popup--is-docked:not(.esri-popup--is-docked-bottom-center) {
  margin-block-start: 58px;
}
.map-widget .esri-popup--is-docked-bottom-center {
  margin: 0px;
}
.map-widget .esri-popup--is-docked-bottom-center .esri-widget {
  width: auto;
  max-height: 60%;
}
.map-widget .esri-ui-top-right,
.map-widget .esri-ui-top-left {
  max-height: 100%;
}
.map-widget .esri-ui-bottom-right,
.map-widget .esri-ui-bottom-left {
  flex-direction: column;
  align-items: start;
}
.map-widget .esri-ui-bottom-right .esri-component,
.map-widget .esri-ui-bottom-left .esri-component {
  margin-top: var(--calcite-spacing-2);
}
.map-widget .map-toolbar-right,
.map-widget .map-toolbar-left {
  margin-bottom: 0;
}
.map-widget .map-toolbar-right .toolbar,
.map-widget .map-toolbar-left .toolbar {
  z-index: var(--calcite-z-index-toast);
  /* This is done in two halves because if the dropped down toolbar is expanded, the top border radius and the bottom border radius are different things */
}
.map-widget .map-toolbar-right .toolbar > :first-child,
.map-widget .map-toolbar-left .toolbar > :first-child {
  box-shadow: var(--box-shadow);
  border-start-start-radius: var(--calcite-corner-radius-round);
  border-start-end-radius: var(--calcite-corner-radius-round);
  /* We need overflow hidden to make sure our border radii actually clip the action corners */
  overflow: hidden;
}
.map-widget .map-toolbar-right .toolbar > :last-child, .map-widget .map-toolbar-right .toolbar.closed > :first-child,
.map-widget .map-toolbar-left .toolbar > :last-child,
.map-widget .map-toolbar-left .toolbar.closed > :first-child {
  border-end-start-radius: var(--calcite-corner-radius-round);
  border-end-end-radius: var(--calcite-corner-radius-round);
}
.map-widget .map-toolbar-right .toolbar .tools,
.map-widget .map-toolbar-left .toolbar .tools {
  box-shadow: var(--box-shadow);
}
.map-widget .map-toolbar-right .toolbar .tools:not(:only-child),
.map-widget .map-toolbar-left .toolbar .tools:not(:only-child) {
  /* somehow, setting the border radius 0 is not enough to prevent the rounded corners between the toolbar toggler and the tools
  Set background color to fill in the small gaps instead. Only if not */
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  background-color: var(--calcite-color-foreground-1);
}
.map-widget .map-toolbar-right .toolbar .tools[expanded]:not([position=end]),
.map-widget .map-toolbar-left .toolbar .tools[expanded]:not([position=end]) {
  border-start-end-radius: var(--calcite-corner-radius-round);
}
.map-widget .map-toolbar-right .toolbar .tools[expanded][position=end],
.map-widget .map-toolbar-left .toolbar .tools[expanded][position=end] {
  border-start-start-radius: var(--calcite-corner-radius-round);
}
.map-widget .map-toolbar-right .toolbar.closed .tools,
.map-widget .map-toolbar-left .toolbar.closed .tools {
  display: none;
}
.map-widget .map-toolbar-right calcite-action-pad:not(:has(calcite-action)),
.map-widget .map-toolbar-left calcite-action-pad:not(:has(calcite-action)) {
  display: none;
}
.map-widget .map-toolbar-right.esri-component,
.map-widget .map-toolbar-left.esri-component {
  box-shadow: none;
}
.map-widget calcite-scrim {
  --calcite-scrim-background: var(--calcite-color-foreground-3);
  opacity: 0.1;
}
.map-widget .esri-view {
  --esri-view-outline: none;
}
.map-widget .esri-attribution {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-1);
}
.map-widget .esri-scale-bar__line {
  border-color: var(--calcite-color-text-1);
}
.map-widget .esri-scale-bar__line::after, .map-widget .esri-scale-bar__line::before {
  border-color: var(--calcite-color-text-1);
}
.map-widget .esri-scale-bar__ruler {
  background-color: var(--calcite-color-foreground-1);
}
.map-widget .esri-scale-bar__ruler-block {
  background-color: var(--calcite-color-text-1);
}
.map-widget .esri-scale-bar__bar-container--ruler .esri-scale-bar__label {
  text-shadow: 1px 0 var(--calcite-color-foreground-1), 0 1px var(--calcite-color-foreground-1), 1px 1px var(--calcite-color-foreground-1), -1px 0 var(--calcite-color-foreground-1), 0 -1px var(--calcite-color-foreground-1), -1px -1px var(--calcite-color-foreground-1);
}
.map-widget .esri-scale-bar__label {
  color: var(--calcite-color-text-1);
}
.map-widget .esri-attribution {
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
}
.map-widget .esri-component .esri-widget--button {
  color: var(--calcite-color-text-3);
  background-color: var(--calcite-color-foreground-1);
}
.map-widget .esri-component .esri-widget--button:hover {
  color: var(--calcite-color-text-1);
  background-color: var(--calcite-color-foreground-2);
}
.map-widget calcite-panel {
  --calcite-color-background: var(--calcite-color-foreground-1);
}
.map-widget .esri-search__autocomplete {
  /* Makes the search bar 16px to avoid ios zoom */
  --calcite-font-size--1: var(--calcite-font-size-0);
}
.map-widget .esri-search__autocomplete calcite-autocomplete-item-group,
.map-widget .esri-search__autocomplete calcite-autocomplete-item {
  --calcite-font-size--1: var(--calcite-font-size--1-original);
}
.map-widget .measure-window {
  box-shadow: var(--box-shadow);
  width: -moz-max-content;
  width: max-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 80%;
}
.map-widget .info-panel {
  box-shadow: var(--box-shadow);
  width: 375px;
  max-height: 80%;
  height: auto;
}

.dock-element[hidden] .esri-overlay-surface {
  /* Overlays (ex, the in-map measurement numbers in 3D) have higher z-index, which means they show through,
  even if the map they're attached to is in a non-selected tab. Hide overlays when in a hidden dock element*/
  display: none;
}

.esri-search-result-renderer {
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
}

.esri-popup .esri-feature-content,
.esri-features .esri-feature-content {
  color: var(--calcite-color-text-1);
}
.esri-popup .esri-feature-content a,
.esri-features .esri-feature-content a {
  text-decoration: underline;
}
.esri-popup .esri-feature-content h1,
.esri-popup .esri-feature-content h2,
.esri-popup .esri-feature-content h3,
.esri-popup .esri-feature-content h4,
.esri-popup .esri-feature-content h5,
.esri-popup .esri-feature-content h6,
.esri-features .esri-feature-content h1,
.esri-features .esri-feature-content h2,
.esri-features .esri-feature-content h3,
.esri-features .esri-feature-content h4,
.esri-features .esri-feature-content h5,
.esri-features .esri-feature-content h6 {
  color: var(--calcite-color-text-1);
}
.esri-popup .esri-widget__table,
.esri-popup .esri-widget__heading,
.esri-features .esri-widget__table,
.esri-features .esri-widget__heading {
  color: var(--calcite-color-text-1);
}
.esri-popup .esri-widget__table img,
.esri-features .esri-widget__table img {
  max-width: none;
}
.esri-popup .esri-features__heading,
.esri-features .esri-features__heading {
  margin-bottom: 0;
}

.numeric-selector-widget .dropdown {
  display: block;
}
.numeric-selector-widget .dropdown .dropdown-menu {
  width: 288px;
}
.numeric-selector-widget .slider.highlight-segment-1 .esri-slider__segment-1 {
  background-color: var(--calcite-color-brand);
}
.numeric-selector-widget .slider.highlight-segment-0 .esri-slider__segment-0 {
  background-color: var(--calcite-color-brand);
}
.numeric-selector-widget .slider .esri-slider__max,
.numeric-selector-widget .slider .esri-slider__min,
.numeric-selector-widget .slider .esri-slider__label {
  color: var(--calcite-color-text-3);
}
.numeric-selector-widget .slider .esri-slider__content {
  /* ticks at start/end of slider */
}
.numeric-selector-widget .slider .esri-slider__content:before {
  content: "";
  border-left: 2px solid var(--calcite-color-border-input);
  height: 4px;
  margin-right: 1px;
}
.numeric-selector-widget .slider .esri-slider__content:after {
  content: "";
  border-left: 2px solid var(--calcite-color-border-input);
  height: 4px;
  margin-left: 1px;
}
.numeric-selector-widget .slider .esri-slider__thumb {
  height: 14px;
  width: 14px;
  left: -6px;
  top: -6px;
  border-color: var(--calcite-color-text-3);
  cursor: pointer;
}
.numeric-selector-widget .slider .esri-slider__thumb:hover {
  transform: none;
  border-color: var(--calcite-color-brand);
  box-shadow: inset 0 0 0 1px var(--calcite-color-brand);
  cursor: pointer;
}
.numeric-selector-widget .slider .esri-slider__label {
  white-space: nowrap;
  transition: 0.2s;
}
.numeric-selector-widget .slider .esri-slider__anchor:focus {
  outline: none;
}
.numeric-selector-widget .slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: var(--calcite-color-brand);
  border-color: var(--calcite-color-brand);
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: 1px;
}
.numeric-selector-widget .slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  border-color: var(--calcite-color-brand);
}
.numeric-selector-widget .slider .esri-slider__anchor:focus .esri-slider__label {
  outline: none;
}
.numeric-selector-widget .slider.labels-below {
  position: relative;
}
.numeric-selector-widget .slider.labels-below .esri-slider__max,
.numeric-selector-widget .slider.labels-below .esri-slider__min {
  margin: 0;
  bottom: var(--calcite-spacing--1);
  position: absolute;
  min-width: unset;
  width: unset;
}
.numeric-selector-widget .slider.labels-below .esri-slider__min {
  left: 0;
}
.numeric-selector-widget .slider.labels-below .esri-slider__max {
  right: 0;
}
.numeric-selector-widget .slider.precise-thumb .esri-slider__thumb {
  top: -18px;
}
.numeric-selector-widget .slider.precise-thumb .esri-slider__thumb:before {
  content: "";
  border-left: 2px solid var(--calcite-color-text-3);
  height: 8px;
  position: absolute;
  top: 10px;
  left: 4px;
}
.numeric-selector-widget .slider.precise-thumb .esri-slider__thumb:hover:before {
  border-color: var(--calcite-color-brand);
}
.numeric-selector-widget .slider.precise-thumb .esri-slider__label {
  top: -38px;
}
.numeric-selector-widget .slider.precise-thumb.range {
  /* for range we have two thumbs, the first one should be below the slider */
}
.numeric-selector-widget .slider.precise-thumb.range .esri-slider__anchor-0 .esri-slider__thumb {
  top: 8px;
  transform: rotate(180deg);
}
.numeric-selector-widget .slider.precise-thumb.range .esri-slider__anchor-0 .esri-slider__label {
  top: 20px;
}

.footer calcite-flow.drawer .selectors-container {
  position: relative;
}
.footer calcite-flow.drawer .selectors-container .add-selector-btn {
  bottom: var(--calcite-spacing-2);
  z-index: var(--calcite-z-index);
  position: sticky;
}

.panel-container:has(.header-panel) {
  --calcite-color-foreground-1: var(--calcite-panel-header-background-color);
  --calcite-color-foreground-2: var(--calcite-panel-header-action-background-color-hover);
  --calcite-color-foreground-3: var(--calcite-panel-header-action-background-color-press);
  --calcite-color-text-1: var(--calcite-panel-heading-text-color);
  --calcite-color-text-2: var(--calcite-panel-header-action-text-color);
  --calcite-color-text-3: var(--calcite-panel-header-action-text-color);
}

.panel-container {
  position: relative;
  background: transparent;
  --left-panel-max-width: 300px;
  --left-panel-min-width: 17rem;
  --left-panel-width: 25%;
  --calcite-color-text-2: var(--calcite-color-text-3);
  --calcite-color-foreground-3: var(--calcite-color-foreground-2);
}
.panel-container .caption {
  color: var(--calcite-color-text-1);
  padding: var(--calcite-spacing-2);
  overflow-x: hidden;
}
.panel-container .panel-config-menu {
  position: absolute;
  z-index: var(--dashboard-z-index-dock-overlay);
  transition: height 250ms;
  overflow: hidden;
  pointer-events: auto;
}
.panel-container .panel-config-menu .menu-icon {
  padding: 0 var(--calcite-spacing-2);
  color: var(--calcite-color-foreground-1);
  background-color: var(--calcite-color-brand);
}
.panel-container .panel-config-menu:hover .menu-icon {
  display: none;
}
.panel-container .panel-config-menu:not(:hover) {
  height: var(--calcite-spacing-4);
}
.panel-container .panel-config-menu:not(:hover) .secondary-button {
  display: none;
}
.panel-container full-container.selected-highlight,
.panel-container full-container.hovered-highlight {
  outline-offset: 0;
}
.panel-container margin-container {
  position: relative;
  border: 1px solid var(--calcite-color-border-3);
  margin: calc(2 * var(--dashboard-dock-margin));
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
  border-radius: var(--dashboard-border-radius);
}
.panel-container.slide-over.is-active margin-container {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.panel-container.no-margin margin-container {
  margin: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.panel-container.no-margin .header-panel {
  border-radius: 0;
}
.panel-container.left-panel-container {
  flex: 0 0 var(--left-panel-width);
  max-width: var(--left-panel-max-width);
  min-width: var(--left-panel-min-width);
}
.panel-container.left-panel-container.config-preview {
  flex: auto;
}
.panel-container.left-panel-container margin-container,
.panel-container.left-panel-container full-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.panel-container.left-panel-container full-container {
  overflow: auto;
}
.panel-container.left-panel-container:not(.slide-over) margin-container {
  margin-inline-end: 0;
}
.panel-container.left-panel-container.slide-over {
  position: absolute;
  z-index: calc(var(--dashboard-z-index-dock-overlay) + 1);
  margin-left: 0;
  top: 0;
  bottom: 0;
  transition: 0.5s;
  width: var(--left-panel-width);
  min-width: var(--left-panel-min-width);
  max-width: var(--left-panel-max-width);
  inset-inline-start: calc(-1 * clamp(var(--left-panel-min-width), var(--left-panel-width), var(--left-panel-max-width)));
}
.panel-container.left-panel-container.slide-over margin-container {
  margin: var(--dashboard-dock-margin) 0;
  border-inline-start: none;
  border-inline-end: 1px solid var(--calcite-color-border-3);
}
.panel-container.left-panel-container.slide-over.is-active {
  inset-inline-start: 0;
}
html:not([dir=rtl]) .panel-container.left-panel-container.slide-over.is-active .slide-left-btn {
  box-shadow: 5px 5px calc(var(--dashboard-border-radius) * 0.25 + 3px) -3px rgba(0, 0, 0, 0.2);
}
html[dir=rtl] .panel-container.left-panel-container.slide-over.is-active .slide-left-btn {
  box-shadow: -5px 5px calc(var(--dashboard-border-radius) * 0.25 + 3px) -3px rgba(0, 0, 0, 0.2);
}
.panel-container.left-panel-container .slide-left-btn {
  position: absolute;
  width: 20px;
  height: 200px;
  top: 50%;
  margin-top: -100px;
  inset-inline-end: -20px;
  border-inline-end: 1px solid var(--calcite-color-border-3);
  border-top: 1px solid var(--calcite-color-border-3);
  border-bottom: 1px solid var(--calcite-color-border-3);
  background-color: var(--calcite-color-foreground-1);
  border-start-end-radius: calc(var(--dashboard-border-radius) * 0.5);
  border-end-end-radius: calc(var(--dashboard-border-radius) * 0.5);
}
.panel-container.left-panel-container .slide-left-btn calcite-action {
  width: 100%;
}
.panel-container.left-panel-container .slide-left-btn calcite-action calcite-icon {
  margin-inline-start: var(--calcite-spacing--2);
}
.panel-container.left-panel-container .selectors-container {
  height: 0;
  position: relative;
}
.panel-container.left-panel-container .selectors-container .add-selector-btn {
  bottom: var(--calcite-spacing-2);
  z-index: var(--calcite-z-index);
  position: sticky;
}
.panel-container.top-panel-container margin-container {
  margin-bottom: 0;
}
.panel-container.top-panel-container margin-container full-container {
  display: block;
}
.panel-container .sidebar {
  border-radius: var(--dashboard-border-radius);
}
.panel-container .header-panel {
  border-radius: var(--dashboard-border-radius);
  overflow: hidden;
}
.panel-container .header-panel .selectors-container {
  overflow: visible;
}
.panel-container .header-panel .menu-items.border-left {
  border-inline-start: 1px solid var(--calcite-color-border-3);
}
.panel-container .header-panel .logo-icon-btn {
  color: inherit;
  display: inline-block;
}
.panel-container .header-panel .logo-img-btn {
  --dashboard-line-height: 0;
  display: block;
}
.panel-container .header-panel .logo-icon {
  fill: var(--icon-fill-color, var(--calcite-color-text-1));
  stroke: var(--icon-stroke-color);
}
.panel-container .header-panel .title {
  font-size: calc(var(--calcite-font-size-3) * var(--dashboard-heading-scale-factor));
}
.panel-container .header-panel .subtitle {
  font-size: calc(var(--calcite-font-size--1) * var(--dashboard-heading-scale-factor));
}
.panel-container .header-panel .logo-img-btn.small {
  max-height: 32px;
  max-width: 32px;
}
.panel-container .header-panel .logo-img-btn.small img {
  max-height: 32px;
  max-width: 32px;
}
.panel-container .header-panel .logo-img-btn.large {
  max-height: 48px;
  max-width: 48px;
}
.panel-container .header-panel .logo-img-btn.large img {
  max-height: 48px;
  max-width: 48px;
}
.panel-container .header-panel .logo-icon-btn.small {
  height: 32px;
  width: 32px;
}
.panel-container .header-panel .logo-icon-btn.small svg {
  width: 32px;
  height: 32px;
}
.panel-container .header-panel .logo-icon-btn.large {
  height: 48px;
  width: 48px;
}
.panel-container .header-panel .logo-icon-btn.large svg {
  width: 48px;
  height: 48px;
}
.panel-container .header-panel.small {
  height: 44px;
}
.panel-container .header-panel.large {
  height: var(--calcite-spacing-16);
}
.panel-container .header-panel.normal-left {
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.panel-container .header-panel.normal-center {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.panel-container .header-panel.normal-right {
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
.panel-container .header-panel.horizontal-stretch-top {
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.panel-container .header-panel.horizontal-stretch-middle {
  background-position: left center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.panel-container .header-panel.horizontal-stretch-bottom {
  background-position: left bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.panel-container .header-panel.full-stretch {
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.panel-container .header-panel.repeat {
  background-position: left;
  background-size: contain;
  background-repeat: repeat;
}

.selector-container {
  position: relative;
  background-color: var(--calcite-color-foreground-1);
  color: var(--calcite-color-text-1);
}
.selector-container.selected-highlight, .selector-container.hovered-highlight {
  outline-offset: -2px;
}
.selector-container .dropdown-menu {
  border-color: var(--calcite-color-border-3);
}
.selector-container.row {
  border-inline-start: 1px solid var(--calcite-color-border-3);
  min-width: 100px;
  max-width: 240px;
}
.selector-container.row.w-compact {
  max-width: 500px;
  padding-inline-end: var(--calcite-spacing-3);
}
.selector-container.row.w-none {
  max-width: none;
  padding-inline-end: var(--calcite-spacing-3);
}
.selector-container.col {
  border-bottom: 1px solid var(--calcite-color-border-3);
}
.selector-container .selector-header {
  padding: var(--calcite-spacing-3) var(--calcite-spacing-4);
  --dashboard-line-height: 1.5;
  font-size: var(--calcite-font-size--1);
  text-align: inherit;
  min-width: var(--calcite-spacing-12);
}
.selector-container .selector-header.inline {
  padding: var(--calcite-spacing-4);
}
.selector-container .selector-header .num-selected {
  margin-inline-start: var(--calcite-spacing-2);
  padding: 0 3px;
  border: 1px solid var(--calcite-color-text-3);
  border-radius: 3px;
}
.selector-container .selector-header .selector-icon {
  width: var(--calcite-spacing-6);
  height: var(--calcite-spacing-6);
  fill: var(--calcite-color-text-3);
}
.selector-container .selector-body {
  padding: 0 var(--calcite-spacing-4) var(--calcite-spacing-4) var(--calcite-spacing-4);
  background-color: var(--calcite-color-foreground-1);
}
.selector-container .selector-body.no-padding {
  padding: 0;
}
.selector-container .selector-body.top-padding {
  padding: var(--calcite-spacing-3);
}
.selector-container .selector-title {
  font-weight: var(--calcite-font-weight-medium);
}
.selector-container .menu {
  position: absolute;
  z-index: var(--dashboard-z-index-dock-overlay);
  transition: height 250ms;
  background-color: var(--calcite-color-brand-hover);
  overflow: hidden;
  pointer-events: auto;
}
.selector-container .menu .menu-icon {
  padding: 0 var(--calcite-spacing-2);
  color: var(--calcite-color-foreground-1);
  background-color: var(--calcite-color-brand);
}
.selector-container .menu:hover .menu-icon {
  display: none;
}
.selector-container .menu:not(:hover) {
  height: var(--calcite-spacing-4);
}
.selector-container .menu:not(:hover) .secondary-button {
  display: none;
}
.selector-container .menu.right {
  inset-inline-end: 0;
  margin-inline-end: 0;
}

.selectors-container .add-selector-btn {
  z-index: calc(var(--dashboard-z-index-dock-overlay) + 1);
}

.table-widget {
  --tabulator-text-color: var(--calcite-color-text-1);
  --tabulator-background-color: var(--calcite-color-foreground-1);
  --tabulator-selection-background-color: var(--calcite-color-brand);
  --tabulator-selection-text-color: var(--calcite-color-text-inverse);
  --tabulator-selection-grid-color: var(--calcite-color-brand);
  --tabulator-selection-hover-background-color: unset;
  --tabulator-vertical-grid-color: var(--calcite-color-border-1);
  --tabulator-horizontal-grid-color: var(--calcite-color-border-1);
  --tabulator-vertical-grid-thickness: unset;
  --tabulator-horizontal-grid-thickness: unset;
  --tabulator-rule-thickness: unset;
  --tabulator-header-text-color: var(--tabulator-text-color);
  --tabulator-header-background-color: var(--tabulator-background-color);
  --tabulator-header-rule-color: var(--tabulator-horizontal-grid-color);
  --tabulator-header-rule-thickness: unset;
  --tabulator-summary-text-color: var(--tabulator-text-color);
  --tabulator-summary-background-color: var(--tabulator-background-color);
  --tabulator-summary-rule-color: var(--tabulator-horizontal-grid-color);
  --tabulator-summary-rule-thickness: unset;
  --table-group-by-rule-color: var(--tabulator-vertical-grid-color);
  --table-group-by-rule-thickness: var(--tabulator-rule-thickness);
}
.table-widget .top-border .tabulator {
  border-top: 1px solid var(--tabulator-horizontal-grid-color);
}
.table-widget.group-by .tabulator .tabulator-row .tabulator-cell:last-child,
.table-widget.group-by .tabulator .tabulator-col:last-child {
  border: none;
}
.table-widget.group-by .tabulator .tabulator-row .tabulator-cell:first-of-type,
.table-widget.group-by .tabulator .tabulator-col:first-of-type {
  border-inline-end: calc(var(--table-group-by-rule-thickness) * 1px) solid var(--table-group-by-rule-color);
}
.table-widget.group-by .tabulator .tabulator-row.tabulator-selected .tabulator-cell:first-child {
  border-right-color: var(--tabulator-selection-grid-color);
}
.table-widget.group-by.default-text-align .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-cell:not(:first-child) {
  text-align: end;
}
html[dir=rtl] .table-widget .cell-container {
  direction: ltr;
}
.table-widget .icon {
  fill: var(--table-icon-fill-color, var(--tabulator-text-color));
  stroke: var(--table-icon-stroke-color);
}
.table-widget .icon.small {
  width: 14px;
  height: 14px;
}
.table-widget .icon.medium {
  width: 20px;
  height: 20px;
}
.table-widget .icon.large {
  width: 26px;
  height: 26px;
}
.table-widget .tabulator-row .tabulator-cell.edit-cell {
  padding: 0px;
  --calcite-icon-color: var(--tabulator-text-color, var(--calcite-color-text-1));
}
.table-widget .tabulator-row .tabulator-cell.edit-cell calcite-action {
  min-height: unset;
}
.table-widget .tabulator-row.tabulator-selected .tabulator-cell.edit-cell {
  --calcite-icon-color: var(--tabulator-selection-text-color);
}
.table-widget .text-align-right {
  text-align: end;
}
.table-widget .text-align-left {
  text-align: start;
}
.table-widget .text-align-center {
  text-align: center;
}

.widget {
  background-color: var(--calcite-color-foreground-1);
  --calcite-color-text-2: var(--calcite-color-text-3);
  --calcite-color-foreground-3: var(--calcite-color-foreground-2);
}
.widget .more-info {
  max-width: 500px;
  max-height: 45vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.widget .caption,
.widget .widget-body,
.widget .widget-status {
  color: var(--calcite-color-text-1);
}
.widget .widget-header,
.widget .widget-description {
  max-height: 30%;
  overflow-y: auto;
  overflow-x: hidden;
}
.widget .widget-header .bottom-border,
.widget .widget-description .bottom-border {
  border-bottom: 1px solid var(--calcite-color-border-3);
}
.widget .widget-header .caption,
.widget .widget-description .caption {
  padding: var(--calcite-spacing-2);
  padding-bottom: calc(var(--calcite-spacing-2) - 0.1em);
}
.widget .collection-pagination .btn-label {
  min-width: 60px;
}
.widget .widget-status {
  font-size: var(--calcite-font-size--3);
  overflow-y: auto;
  overflow-x: hidden;
  padding: calc(var(--dashboard-border-radius) * 0.25);
}
.widget .widget-status .no-data-label,
.widget .widget-status .no-value-label,
.widget .widget-status .no-filter-label {
  padding: var(--calcite-spacing-2);
  font-size: var(--calcite-font-size--1);
}
.widget .widget-status .no-data-label p,
.widget .widget-status .no-value-label p,
.widget .widget-status .no-filter-label p {
  --dashboard-line-height: var(--calcite-spacing-5);
}
.widget .widget-status .warning-icon {
  color: var(--calcite-color-status-warning);
}

.arcade-editor-block .confirm-delete-dropdown {
  --calcite-dropdown-width: var(--calcite-spacing-32);
}

.embedded-editor {
  min-height: var(--calcite-spacing-40);
  height: 27rem;
  resize: vertical;
}

.color-picker calcite-color-picker {
  --calcite-color-border-1: transparent;
}
.color-picker calcite-block {
  --calcite-color-border-3: transparent;
}
.color-picker calcite-block calcite-chip {
  --calcite-color-text-inverse: var(--calcite-color-status-danger);
  --calcite-color-brand: rgba(var(--config-color-danger-rgb), 0.1);
}
.color-picker calcite-block calcite-chip[icon=check-circle] {
  --calcite-color-text-inverse: var(--calcite-color-status-success);
  --calcite-color-brand: rgba(var(--config-color-success-rgb), 0.1);
}
.color-picker .dropdown-menu {
  max-width: 248px;
  max-height: 476px;
  overflow-y: auto;
}

.color-sets-picker {
  --calcite-dropdown-width: var(--calcite-spacing-70);
}

.config-panel .panel-body {
  display: flex;
  flex-direction: column;
}
.config-panel .panel-body-hidden {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.config-preview {
  background-color: transparent;
}
.config-preview .resize-container {
  touch-action: none;
  width: 400px;
  height: 300px;
  min-width: 100px;
  min-height: 100px;
  box-shadow: var(--box-shadow);
  border-radius: var(--dashboard-border-radius);
}
.config-preview .resize-container.stretch-horizontal, .config-preview .resize-container.stretch-both {
  width: 100%;
}
.config-preview .resize-container.stretch-vertical, .config-preview .resize-container.stretch-both {
  height: 100%;
}
.config-preview .selector-container,
.config-preview .panel-container {
  position: initial;
}

.dataset-preview-table table {
  margin: 0;
  border-right: none;
  border-left: none;
}
.dataset-preview-table table td:first-child,
.dataset-preview-table table th:first-child {
  border-left: none;
}
.dataset-preview-table table td:last-child,
.dataset-preview-table table th:last-child {
  border-right: none;
}
.dataset-preview-table table td,
.dataset-preview-table table th {
  min-width: 150px;
}
.dataset-preview-table table tr:hover {
  background-color: var(--calcite-color-foreground-3);
}
.dataset-preview-table table tr:hover td {
  background-color: var(--calcite-color-foreground-3);
}

.filter-builder {
  position: relative;
}
.filter-builder .filter-group {
  padding: var(--calcite-spacing-3);
  position: relative;
  background-color: var(--calcite-color-background);
}
.filter-builder .filter-rule {
  position: relative;
}
.filter-builder .filter-rule .invalid-filter-rule {
  --calcite-color-status-danger: var(--calcite-color-status-warning);
}
.filter-builder .filter-rule .operators-panel {
  padding: var(--calcite-spacing-2);
  background-color: var(--calcite-color-foreground-1);
  box-shadow: inset 1px 1px var(--calcite-color-border-3), inset -1px -1px var(--calcite-color-border-3);
}
.filter-builder .filter-rule .operators-panel-data-source {
  box-shadow: inset 1px 0px 0px var(--calcite-color-border-3), inset 0px -1px 0px var(--calcite-color-border-3), inset -1px 0px 0px var(--calcite-color-border-3);
}

.icon-picker-block .icon {
  width: 36px;
  height: 36px;
  margin: 2px;
  padding: 2px;
  text-align: center;
  fill: var(--calcite-color-text-2);
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}
.icon-picker-block .icon-active {
  background: var(--calcite-color-foreground-3);
}
.icon-picker-block .icon:hover {
  border-color: var(--calcite-color-border-1);
  position: relative;
  z-index: var(--calcite-z-index);
}

.icon-picker-custom-icon .sc-calcite-input textarea.sc-calcite-input {
  height: 500px;
}

.font-menu {
  max-height: 248px;
}
.font-menu .font-preview {
  width: 30px;
  height: 30px;
  font-family: var(--calcite-font-family);
}

.info-window-config .mobile-preview {
  max-width: 375px;
  max-height: 844px;
  margin: var(--calcite-spacing-1);
  margin-inline-start: max(2 * var(--calcite-spacing-1), 50% - 187.5px);
}

.config-preview .panel-container {
  background-color: var(--calcite-color-foreground-1);
}
.config-preview.panel-width .resize-container {
  max-width: 290px;
}
.config-preview.header-width .resize-container {
  max-width: 240px;
}
.config-preview.mobile-width .resize-container {
  max-width: 375px;
}
.config-preview.w-compact .resize-container {
  max-width: 500px;
  width: 500px;
}
.config-preview.w-none .resize-container {
  max-width: none;
  width: 100%;
}
.config-preview.header-height .resize-container {
  min-height: 68px;
  height: 68px;
}

.templated-input-block .field-text {
  width: calc(var(--calcite-dropdown-width) - var(--calcite-spacing-10));
}
.templated-input-block .add-field {
  height: var(--calcite-spacing-8);
  border: 1px solid var(--calcite-color-border-input);
  background-color: var(--calcite-color-foreground-1);
  border-inline-end: none;
}
.templated-input-block .add-field:focus-within {
  z-index: var(--calcite-z-index);
}

.widget-config-layout {
  background-color: var(--calcite-color-foreground-3);
}
.widget-config-layout--primary-panel {
  z-index: calc(var(--calcite-z-index) + 1);
  --calcite-shell-panel-width: 448px;
  /* The CKEditor's color picker dropdown has some magic numbers based on this min width,
  Make sure to double check those values if we're going to change this*/
  --calcite-shell-panel-min-width: 368px;
  --calcite-shell-panel-max-width: 600px;
}
.widget-config-layout .config-panel {
  border-top: none;
  border-bottom: none;
}
.widget-config-layout .config-nav {
  border-top: none;
  border-bottom: none;
}

calcite-list.menu-contents {
  --calcite-font-size--2: var(--calcite-font-size--1);
  --calcite-color-text-3: var(--calcite-color-text-1);
  --calcite-color-text-2: var(--calcite-color-text-1);
}
calcite-list.menu-contents [slot=content].link calcite-inline-editable:first-child {
  width: 40%;
}
calcite-list.menu-contents [slot=content].window calcite-inline-editable:first-child {
  width: calc((100% + 3rem) * 0.4);
}

calcite-label.menu-contents-label span:first-child {
  padding-inline-start: var(--calcite-spacing-10);
  width: 40%;
}

.preview-title {
  padding: var(--calcite-spacing-2) var(--calcite-spacing-3);
  margin-bottom: var(--calcite-spacing-1);
  background-color: var(--calcite-color-foreground-3);
  color: var(--calcite-color-text-2);
  font-weight: var(--calcite-font-weight-medium);
  border-top: 1px solid var(--calcite-color-border-3);
  font-size: var(--calcite-font-size-0);
}

.preview-icon {
  fill: var(--icon-fill-color, var(--text-fill-color, var(--calcite-color-text-2)));
  stroke: var(--icon-stroke-color, var(--text-stroke-color));
}

.dashboard-editor {
  --calcite-shell-panel-width: 368px;
  --calcite-shell-panel-min-width: 368px;
  --calcite-shell-panel-max-width: 600px;
  z-index: var(--calcite-z-index-overlay);
}
.dashboard-editor--panel {
  border-top: none;
}
.dashboard-editor calcite-action-bar {
  border: none;
}

.theme-gallery {
  --calcite-font-size--2: var(--calcite-font-size--1);
}
.theme-gallery calcite-list-item img {
  background-color: var(--calcite-color-background);
}

calcite-block.colors-block {
  --calcite-block-padding: var(--calcite-spacing-2);
}
calcite-block.colors-block calcite-block {
  --calcite-block-padding: initial;
}

calcite-block.empty {
  --calcite-block-padding: 0;
}

.view-config-panel {
  color: var(--calcite-color-text-1);
  z-index: var(--calcite-z-index-overlay);
}
.view-config-panel .layout-block {
  --calcite-block-padding: 0px;
}

.layout-tree {
  padding: 0;
}
.layout-tree li {
  margin: 0;
}
.layout-tree .layout-item.container-title calcite-icon {
  transition: transform 0.2s;
}
.layout-tree .layout-item.container-title.active {
  font-weight: var(--calcite-font-weight-medium);
}
.layout-tree .layout-item.container-title.active calcite-icon {
  fill: var(--calcite-color-brand);
  stroke-width: 0.75;
  stroke: var(--calcite-color-brand);
}
html:not([dir=rtl]) .layout-tree .layout-item.container-title.active calcite-icon {
  transform: rotate(90deg);
}
html[dir=rtl] .layout-tree .layout-item.container-title.active calcite-icon {
  transform: rotate(-90deg);
}
.layout-tree .layout-item.container-title:hover calcite-icon, .layout-tree .layout-item.container-title:focus calcite-icon, .layout-tree .layout-item.container-title:focus-within calcite-icon {
  stroke-width: 0.75;
  stroke: var(--calcite-color-text-1);
}
.layout-tree ul.children-container {
  padding: 0;
  margin: 0;
  display: none;
}
.layout-tree ul.children-container.active {
  display: block;
}

.layout-item {
  margin: 0;
  padding: 0 var(--calcite-spacing-1);
  min-height: var(--calcite-spacing-8);
  cursor: pointer;
  padding-inline-start: var(--calcite-spacing-3);
}
.layout-item .item-action {
  display: none;
}
.layout-item .item-indicator {
  display: block;
}
.layout-item calcite-dropdown {
  font-weight: var(--calcite-font-weight-normal);
}
.layout-item:hover, .layout-item:focus, .layout-item:focus-within {
  background: var(--calcite-color-foreground-2);
}
.layout-item:hover .item-action, .layout-item:focus .item-action, .layout-item:focus-within .item-action {
  display: block;
}
.layout-item:hover .item-indicator, .layout-item:focus .item-indicator, .layout-item:focus-within .item-indicator {
  display: none;
}
.layout-item.highlight {
  background: var(--calcite-color-foreground-2);
}
.focus\:focus-inset:focus {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: calc(
            -2px *
            calc(
              1 -
              2 * clamp(
                0,
                var(--calcite-offset-invert-focus),
                1
              )
            )
          );
}