.ui-dialog:not(.ui-dialog-off-canvas) {
  border-radius: var(--CardiumBorderLarge);
  background: var(--colorCardiumLayerBackground);
}

.ui-dialog:not(.ui-dialog-off-canvas) .views-exposed-form.views-exposed-form,
.ui-dialog:not(.ui-dialog-off-canvas) .views-displays {
  border: 1px solid var(--colorCardiumLayerBorder);
}

.ui-dialog,
.ui-dialog:focus,
.ui-dialog:focus:active,
.ui-dialog:focus:hover {
  box-shadow: var(--CardiumShadowLevel1);
}

.ui-dialog .ui-dialog-titlebar {
  border: 0 none;
}

.ui-dialog .ui-dialog-content {
  color: var(--colorCardiumText);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  border-top: 1px solid var(--colorCardiumLayerBorder);
  background: var(--colorCardiumAppBackground);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,
.ui-dialog [data-drupal-selector*="-remove-form"] .button.button--danger {
  border-color: var(--colorCardiumDanger) !important;
}

.ui-dialog .ui-dialog-titlebar-close {
  border: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  -webkit-mask-image: url("../../media/sprite.svg#close-view");
  mask-image: url("../../media/sprite.svg#close-view");
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  background: var(--colorCardiumLayerBackground);
}
.ui-widget-overlay {
  opacity: 0.9;
  background: var(--colorCardiumLayer2Background);
}

.views-ui-dialog .views-offset-bottom {
  border-top: 1px solid var(--colorCardiumBorder);
}

.ui-widget-content a {
  color: var(--colorCardiumPrimary);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas {
  --colorCardiumOffCanvasActive: var(--colorCardiumPrimary);
  background: #444;
  border: 0 none;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.075);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
  background: #1b1b1d;
  border-radius: 0;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-resizable-w {
  border: 0 none;
  background-color: transparent;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .fieldset {
  color: var(--colorCardiumText);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas
  #drupal-off-canvas
  .button--primary[type="submit"] {
  background: var(--colorCardiumOffCanvasActive);
}

.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content {
  background: var(--colorCardiumLayerBackground);
}

table.treetable tr.branch {
  background-color: transparent;
}