:root {
    --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-status-text: var(--gin-color-text-light);
    --gin-status-bg: rgba(255, 255, 255, .1);
    --gin-status-success-text: #39b77b;
    --gin-status-success-bg: #26a76930;
    --gin-status-warning-text: #e8d185;
    --gin-status-warning-bg: rgba(226, 151, 0, .15);
    --gin-status-danger-text: #e69e9e;
    --gin-status-danger-bg: rgba(222, 117, 96, .15);
    --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);
    --gin-tooltip-bg: var(--gin-bg-layer3);
    --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-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-size-close: 20px;
    --gin-icon-size-toolbar-secondary: 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;
    --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-height-sticky: 60px;
    --gin-toolbar-width-collapsed: 66px;
    --gin-toolbar-width: 256px;
    --gin-toolbar-bg-level2: #edeff5;
    --gin-toolbar-bg-level3: rgba(44, 45, 47, .05);
    --gin-sidebar-small-width: 320px;
    --gin-sidebar-min-width: 240px;
    --gin-sidebar-max-width: 560px;
    --gin-sidebar-offset: var(--gin-sidebar-width);
    --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;
    
}

.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("/themes/gin/dist/media/sprite.svg#close-view");
          mask-image: url("/themes/gin/dist/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);
}

.ui-dialog .gin-confirm-form {
  margin-top: var(--gin-spacing-m);
  margin-bottom: var(--gin-spacing-s);
}

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

.views-ui-dialog.views-ui-dialog > .ui-dialog-content {
  padding: 0;
}

#drupal-modal .gin-sticky-form-actions.form-actions {
  display: none;
}

