.ui-dialog:not(.ui-dialog-off-canvas) {
  max-width: 1280px;
  border: 0 none !important;
  border-radius: var(--gin-border-m);
  background: var(--gin-bg-layer);
}

@media (forced-colors: active) {
  .ui-dialog:not(.ui-dialog-off-canvas) {
    border: 1px solid buttonBorder !important;
  }
}

.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
  border-top-left-radius: var(--gin-border-m);
  border-top-right-radius: var(--gin-border-m);
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  position: absolute;
  bottom: 0;
  top: auto;
}

[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  left: var(--gin-spacing-m);
  right: auto;
}

[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  right: var(--gin-spacing-m);
  left: auto;
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
  width: 100%;
}

.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(--gin-border-color-layer);
}

@media (max-width: 47.99em) {
  .ui-dialog:not(.ui-dialog-off-canvas) {
    min-width: 92%;
    max-width: 92%;
  }
}

.ui-dialog {
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--gin-font);
  outline: none;
}

.ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
  box-shadow: var(--gin-shadow-l1);
}

.ui-dialog .ui-dialog-titlebar {
  line-height: 1.2;
  padding: var(--gin-spacing-m) var(--gin-spacing-l);
  background: #1b1b1d;
  border: 0 none;
  border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;
  position: relative;
}

@media (forced-colors: active) {
  .ui-dialog .ui-dialog-titlebar {
    border-bottom: 1px solid buttonBorder;
  }
}

.ui-dialog .ui-dialog-title {
  font-size: var(--gin-font-size-l);
  font-weight: var(--gin-font-weight-normal);
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}

[dir="ltr"] .ui-dialog .ui-dialog-title {
  padding-right: var(--gin-spacing-xl);
}

[dir="rtl"] .ui-dialog .ui-dialog-title {
  padding-left: var(--gin-spacing-xl);
}

.ui-dialog .ui-dialog-content {
  color: var(--gin-color-text);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  padding: var(--gin-spacing-s) var(--gin-spacing-l);
  border-top: 1px solid var(--gin-border-color-layer);
  border-bottom-left-radius: var(--gin-border-m);
  border-bottom-right-radius: var(--gin-border-m);
  background: var(--gin-bg-app);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
  font-weight: var(--gin-font-weight-heavy);
  margin-top: 0;
  margin-bottom: 0;
}

[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
  margin-right: 0;
}

[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
  margin-left: 0;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,
.ui-dialog [data-drupal-selector*=-remove-form] .button.button--danger {
  border-color: var(--gin-color-danger) !important;
}

.ui-dialog .ui-dialog-buttonset {
  margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  opacity: .8;
  margin: 0 var(--gin-spacing-m);
  transform: translateY(-50%);
  background: none;
  border: none;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
  left: auto;
  right: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
  right: auto;
  left: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  transform: none;
  background: #fff;
  -webkit-mask-image: url("../../media/sprite.svg#close-view");
          mask-image: url("../../media/sprite.svg#close-view");
  -webkit-mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
          mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  left: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  right: 0;
}

@media (forced-colors: active) {
  .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    background: linktext;
  }
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  padding-left: var(--gin-spacing-l);
  padding-right: var(--gin-spacing-l);
  background: var(--gin-bg-layer);
}

.ui-dialog .gin-layer-wrapper {
  margin-bottom: var(--gin-spacing-l);
}

.erl-overlay,
.layout-paragraphs-dialog {
  position: fixed !important;
  top: 50% !important;
  width: calc(100% - var(--gin-spacing-xl)) !important;
}

[dir="ltr"] .erl-overlay,
[dir="ltr"] .layout-paragraphs-dialog {
  left: 50% !important;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .erl-overlay,
[dir="rtl"] .layout-paragraphs-dialog {
  right: 50% !important;
  transform: translate(50%, -50%);
}

@media (min-width: 64em) {
  .erl-overlay,
  .layout-paragraphs-dialog {
    width: calc(100% - var(--gin-spacing-xxxl)) !important;
  }
}

ul.paragraphs-add-dialog-list {
  margin: var(--gin-spacing-l) 0;
}

.ui-widget-overlay {
  opacity: .9;
  background: var(--gin-bg-layer2);
}

.views-ui-dialog .views-offset-bottom {
  border-top: 1px solid var(--gin-border-color);
}

@media (forced-colors: active) {
  .views-ui-dialog .views-offset-bottom {
    border-top: none;
  }
}

.ui-widget-content a {
  color: var(--gin-color-primary);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas {
  --gin-offcanvas-active: var(--gin-color-primary);
  background: #444;
  border: 0 none;
  box-shadow: 0 0 48px rgba(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(--gin-color-text);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas #drupal-off-canvas .button--primary[type=submit] {
  background: var(--gin-offcanvas-active);
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  overflow: auto;
}

.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content {
  background: var(--gin-bg-layer);
}

table.treetable tr.branch {
  background-color: transparent;
}

.ui-dialog .gin-layer-wrapper {
  margin-bottom: var(--gin-spacing-l);
  margin-top: var(--gin-spacing-l);
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

:root {
  --gin-color-title: #222330;
  --gin-color-text: #222330;
  --gin-color-text-light: #545560;
  --gin-color-focus: rgba(0, 125, 250, .6);
  --gin-color-focus-border: rgba(0, 0, 0, .2);
  --gin-color-focus-neutral-rgb: rgba(0, 0, 0, .4);
  --gin-color-disabled: #8d8d8d;
  --gin-color-disabled-bg: #eaeaea;
  --gin-color-disabled-border: #c2c2c2;
  --gin-color-warning: #d8b234;
  --gin-color-warning-light: #efcf64;
  --gin-bg-warning: #605328;
  --gin-bg-warning-light: rgba(226, 151, 0, .08);
  --gin-color-danger: #cc3d3d;
  --gin-color-danger-lightest: #fdd9d9;
  --gin-color-danger-light: #f39b9d;
  --gin-bg-danger: #583333;
  --gin-bg-danger-light: rgba(222, 117, 96, .1);
  --gin-color-green: #058260;
  --gin-color-green-light: #32cea4;
  --gin-color-green-lightest: #adebdb;
  --gin-bg-green: #145242;
  --gin-bg-green-light: rgba(72, 171, 123, .1);
  --gin-color-info: #082538;
  --gin-color-info-light: #589ac5;
  --gin-bg-info: #122b3c;
  --gin-color-contextual: var(--gin-color-text);
  --gin-color-contextual-text: #eee;
  --gin-bg-input: #fff;
  --gin-bg-layer: #fff;
  --gin-bg-layer2: #edeff5;
  --gin-bg-layer3: #fff;
  --gin-bg-layer4: #e2e5ec;
  --gin-bg-secondary: var(--gin-bg-layer);
  --gin-bg-header: #eeeff3;
  --gin-pattern: var(--gin-border-color);
  --gin-pattern-fallback: var(--gin-bg-layer2);
  --gin-pattern-square: .5rem;
  --gin-font: Ginter, Inter, "Helvetica Neue", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  --gin-font-size-xxs: .75rem;
  --gin-font-size-xs: small;
  --gin-font-size-s: .875rem;
  --gin-font-size: 1rem;
  --gin-font-size-m: var(--gin-font-size);
  --gin-font-size-l: 1.125rem;
  --gin-font-size-xl: 1.25rem;
  --gin-font-size-h3: 1.5rem;
  --gin-font-size-h2: 1.75rem;
  --gin-font-size-h1: 1.6rem;
  --gin-font-size-quote: 1.1em;
  --gin-font-weight-normal: 400;
  --gin-font-weight-semibold: 525;
  --gin-font-weight-bold: 575;
  --gin-font-weight-heavy: 625;
  --gin-spacing-xxxs: .125rem;
  --gin-spacing-xxs: .25rem;
  --gin-spacing-xs: .5rem;
  --gin-spacing-s: .75rem;
  --gin-spacing-m: 1rem;
  --gin-spacing-l: 1.5rem;
  --gin-spacing-xl: 2rem;
  --gin-spacing-xxl: 3rem;
  --gin-spacing-xxxl: 4rem;
  --gin-icon-color: #414247;
  --gin-icon-size-close: 20px;
  --gin-icon-size-toolbar-secondary: 17px;
  --gin-icon-size-toolbar: 17px;
  --gin-icon-size-sidebar-toggle: 21px;
  --gin-border-xxs: .125rem;
  --gin-border-xs: .25rem;
  --gin-border-s: .375rem;
  --gin-border-m: .5rem;
  --gin-border-l: .75rem;
  --gin-border-xl: 1rem;
  --gin-border-color: #d4d4d8;
  --gin-border-color-secondary: rgba(0, 0, 0, .08);
  --gin-border-color-layer: rgba(0, 0, 0, .08);
  --gin-border-color-layer2: #d4d4d8;
  --gin-border-color-table: rgba(0, 0, 0, .1);
  --gin-border-color-table-header: rgba(0, 0, 0, .2);
  --gin-border-color-form-element: #8e929c;
  --size-summary-border-radius: calc(var(--gin-border-m) - 1px);
  --gin-easing: cubic-bezier(.19, 1, .22, 1);
  --gin-transition: .15s var(--gin-easing);
  --gin-transition-fast: .3s var(--gin-easing);
  --gin-shadow-l1: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
  --gin-shadow-l2: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%), 0 20px 24px rgb(20 45 82 / 12%);
  --gin-height-sticky: 60px;
  --gin-toolbar-width-collapsed: 66px;
  --gin-toolbar-width: 256px;
  --gin-toolbar-height: 0px;
  --gin-toolbar-secondary-height: 0px;
  --gin-toolbar-bg-level2: #edeff5;
  --gin-toolbar-bg-level3: rgba(44, 45, 47, .05);
  --gin-toolbar-y-offset: 0px;
  --gin-toolbar-x-offset: 0px;
  --gin-scroll-offset: 0px;
  --gin-sticky-offset: 0px;
  --gin-sidebar-width: 320px;
  --gin-sidebar-offset: var(--gin-sidebar-width);
  --gin-switch: #26a769;
  --gin-shadow-button: #00000033;
  --gin-color-button-text: #fff;
  --gin-offset-x: var(--gin-toolbar-x-offset);
  --gin-offset-y: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset));
  --gin-link-decoration-style: dotted;
  --gin-max-line-length: 80ch;
  --input-line-height: var(--gin-spacing-l);
  --input-padding-horizontal: var(--gin-spacing-s);
  --input-padding-vertical: var(--gin-spacing-xs);
  --jui-dialog-z-index: 1260;
}

@media (min-width: 61em) {
  :root {
    --gin-font-size-h1: 1.8125rem;
    --gin-font-size-quote: 1.2em;
  }
}

@media (min-width: 90em) {
  :root {
    --gin-font-size-h1: 2.125rem;
  }
}

@media (min-width: 61em) {
  :root {
    --gin-icon-size-toolbar: 20px;
  }
}

@media (min-width: 64em) {
  :root {
    --gin-sticky-offset: var(--gin-height-sticky);
  }
}

@media (min-width: 80em) {
  :root {
    --gin-sidebar-width: 360px;
  }
}

[data-gin-layout-density=small] {
  --gin-spacing-density-xxs: .15625rem;
  --gin-spacing-density-xs: .3125rem;
  --gin-spacing-density-s: .46875rem;
  --gin-spacing-density-m: .625rem;
  --gin-spacing-density-l: .9375rem;
  --gin-spacing-density-xl: 1.25rem;
  --gin-spacing-density-xxl: 1.875rem;
  --gin-spacing-density-xxxl: 2.5rem;
}

[data-gin-layout-density=medium] {
  --gin-spacing-density-xxs: .1875rem;
  --gin-spacing-density-xs: .375rem;
  --gin-spacing-density-s: .5625rem;
  --gin-spacing-density-m: .75rem;
  --gin-spacing-density-l: 1.125rem;
  --gin-spacing-density-xl: 1.5rem;
  --gin-spacing-density-xxl: 2.25rem;
  --gin-spacing-density-xxxl: 3rem;
}

:root {
  --gin-spacing-density-xxs: .25rem;
  --gin-spacing-density-xs: .5rem;
  --gin-spacing-density-s: .75rem;
  --gin-spacing-density-m: 1rem;
  --gin-spacing-density-l: 1.5rem;
  --gin-spacing-density-xl: 2rem;
  --gin-spacing-density-xxl: 3rem;
  --gin-spacing-density-xxxl: 4rem;
}

.gin--dark-mode {
  --gin-color-title: #fff;
  --gin-color-text: #d2d3d3;
  --gin-color-text-light: #9e9fa0;
  --gin-shadow-button: rgba(#111, .9);
  --gin-color-button-text: #111;
  --gin-color-focus: rgb(81, 168, 255);
  --gin-color-focus-border: rgba(0, 0, 0, .8);
  --gin-color-focus-neutral-rgb: rgba(255, 255, 255, .8);
  --gin-color-disabled: #646464;
  --gin-color-disabled-border: #646464;
  --gin-color-disabled-bg: #47474c;
  --gin-color-warning: #dec15f;
  --gin-bg-warning-light: rgba(222, 193, 95, .1);
  --gin-color-danger: #ce6060;
  --gin-color-danger-lightest: #483439;
  --gin-color-green: #32cea4;
  --gin-color-info: #559bca;
  --gin-bg-input: var(--gin-bg-layer2);
  --gin-bg-app: #1b1b1d;
  --gin-bg-layer: #2a2a2d;
  --gin-bg-layer2: #3b3b3f;
  --gin-bg-layer3: #47474c;
  --gin-bg-layer4: #19191b;
  --gin-bg-secondary: var(--gin-bg-app);
  --gin-bg-unpublished: var(--gin-bg-warning-light);
  --gin-color-contextual: var(--gin-bg-layer3);
  --gin-border-color: #43454a;
  --gin-border-color-secondary: rgba(255, 255, 255, .075);
  --gin-border-color-layer: rgba(0, 0, 0, .05);
  --gin-border-color-layer2: #76777b;
  --gin-border-color-table: #43454a;
  --gin-border-color-table-header: rgba(255, 255, 255, .12);
  --gin-border-color-form-element: var(--gin-border-color-layer2);
  --gin-bg-header: #1b1b1d;
  --gin-switch: var(--gin-color-primary);
  --gin-shadow-l1: 0 1px 2px rgb(0 0 0 / 2%), 0 3px 4px rgb(0 0 0 / 3%), 0 5px 8px rgb(0 0 0 / 4%);
  --gin-shadow-l2: 0 1px 2px rgb(0 0 0 / 2%), 0 3px 4px rgb(0 0 0 / 3%), 0 5px 8px rgb(0 0 0 / 4%), 0 20px 24px rgb(0 0 0 / 12%);
  --gin-icon-color: #888;
  --gin-pattern-fallback: var(--gin-bg-layer2);
  --gin-pattern: var(--gin-border-color);
}



