@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
@layer basics {
  :root {
    --spd-drop: #33333333;
    --spd-backdrop: blur(3px);
    --spd-border: 1px solid #eee;
    --spd-back: #fff;
    --spd-color: #333;
    --spd-size: 1em;
    --spd-line-height: unset;
    --spd-alt-size: 1em;
    --spd-title-size: 1.2em;
    --spd-width: 90%;
    --spd-max-width: 1200px;
    --spd-shadow: 0 0 0.6em #00000004;
    --spd-max-height: 100%;
    --spd-margin: 0;
    --spd-z-index: 5000;
    --spd-radius: 4px;
    --spd-pad: 1em;
    --spd-dismiss-cursor: pointer;
    --spd-dismiss-padding: 0 0.6em;
    --spd-dismiss-margin: 0;
    --spd-ajax-back: #ffffff10;
    --spd-ajax-z-index: 999;
    --spd-ajax-throbber-z-index: 9999;
    --spd-ajax-throbber-size: 50px;
    --spd-modal-throbber-size: 50px;
    --spd-alt-back: #eeeeee77;
    --spd-alt-border: 1px solid #e4e4e4;
    --spd-footer-align: right;
    --spd-closer-pad: 0;
    --spd-button-margin: 0 0 0 0.6em;
    --spd-button-radius: 4px;
    --spd-button-pad: 0.4em 0.8em;
    --spd-button-shadow: 0 0 4px #00000044;
    --spd-button-shadow-hover: 0 0 4px #00000044;
    --spd-scrollbar-width: 10px;
    --spd-scrollbar-radius: 4px;
    --spd-scrollbar-back: #eee;
    --spd-scrollbar-shadow: none;
    --spd-scrollbar-thumb-radius: 4px;
    --spd-scrollbar-thumb-back: darkgray;
    --spd-scrollbar-thumb-outline: 1px solid slategrey;
    --spd-scrollbar-thumb-shadow: none;
  }
  :where(.simple-dialog) {
    --spd-alt-color: var(--spd-color);
    --spd-title-line-height: var(--spd-line-height);
    --spd-body-padding: var(--spd-pad) var(--spd-pad);
    --spd-head-padding: calc(var(--spd-pad) * 0.5) var(--spd-pad);
    --spd-button-size: var(--spd-size);
    --spd-button-back: var(--spd-back);
    --spd-button-color: var(--spd-color);
    --spd-button-border-color: var(--spd-border-color);
    --spd-button-back-hover: color-mix(in srgb, var(--spd-back), black 20%);
    --spd-button-color-hover: color-mix(in srgb, var(--spd-color), white 10%);
    --spd-button-border-color-hover: color-mix(in srgb, var(--spd-border-color), black 20%);
    --spd-closer-size: calc(var(--spd-header-size) * 2);
    --spd-closer-color: var(--spd-header-color);
    --spd-body-back: var(--spd-back);
    --spd-body-size: var(--spd-alt-size);
    --spd-body-color: var(--spd-alt-color);
    --spd-header-back: var(--spd-alt-back);
    --spd-header-border: var(--spd-alt-border);
    --spd-header-size: var(--spd-alt-size);
    --spd-header-color: var(--spd-alt-color);
    --spd-footer-back: var(--spd-alt-back);
    --spd-footer-border: var(--spd-alt-border);
    --spd-footer-size: var(--spd-alt-size);
    --spd-footer-color: var(--spd-alt-color);
    --spd-footer-gap: 0;
    --spd-inner-radius: calc(var(--spd-radius) - 3px);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    background: var(--spd-drop);
    backdrop-filter: var(--spd-backdrop);
    z-index: var(--spd-z-index);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    color: var(--spd-color);
    font-size: var(--spd-size);
    line-height: var(--spd-line-height);
  }
  :where(.simple-dialog).animated {
    opacity: 0;
  }
  @keyframes income {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes income-dlg {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    70% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes outgo {
    0% {
      opacity: 1;
      margin-left: 0;
    }
    99% {
      opacity: 0;
      margin-left: 0;
    }
    100% {
      margin-left: 100000px;
      display: none;
    }
  }
  @keyframes outgo-dlg {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
      opacity: 0;
    }
  }
  :where(.simple-dialog).animated.opened {
    animation: income 0.1s 0s 1 normal forwards;
  }
  :where(.simple-dialog).animated.opened .dialog {
    animation: income-dlg 0.3s 0s 1 normal forwards;
  }
  :where(.simple-dialog).animated.closed {
    animation: outgo 0.5s 0s 1 normal forwards;
  }
  :where(.simple-dialog).animated.closed .dialog {
    animation: outgo-dlg 0.3s 0s 1 normal forwards;
  }
  :where(.simple-dialog).transparent {
    background: transparent;
  }
  :where(.simple-dialog).closed {
    overflow: hidden;
    width: 0;
    height: 0;
  }
  :where(.simple-dialog).alert {
    --spd-back: #5b2a1f;
    --spd-color: #e3c8c8;
    --spd-alt-back: #ffffff42;
    --spd-border: 5px solid #6f381c;
    --spd-alt-border: 1px solid #4f2626;
    --spd-alt-size: 0.9em;
  }
  :where(.simple-dialog) button {
    margin: var(--spd-button-margin);
    padding: var(--spd-button-pad);
    font-size: var(--spd-button-size);
    background: var(--spd-button-back);
    color: var(--spd-button-color);
    border: 1px solid var(--spd-button-border-color);
    border-radius: var(--spd-button-radius);
    box-shadow: var(--spd-button-shadow);
    transition: all 0.5s;
    cursor: pointer;
  }
  :where(.simple-dialog) button:hover {
    --spd-button-back: var(--spd-button-back-hover);
    --spd-button-color: var(--spd-button-color-hover);
    --spd-button-border-bolor: var(--spd-button-border-color-hover);
    --spd-button-shadow: var(--spd-button-shadow-hover);
  }
  :where(.simple-dialog) .close,
  :where(.simple-dialog) .dismiss {
    cursor: var(--spd-dismiss-cursor);
    padding: var(--spd-dismiss-padding);
    margin: var(--spd-dismiss-margin);
  }
  :where(.simple-dialog) closer,
  :where(.simple-dialog) .closer {
    font-size: var(--spd-closer-size);
    color: var(--spd-closer-color);
    padding: var(--spd-closer-pad);
  }
  :where(.simple-dialog) closer:empty:before,
  :where(.simple-dialog) .closer:empty:before {
    content: '×';
  }
  :where(.simple-dialog) .dialog-title {
    flex: 1 1 auto;
    font-size: var(--spd-title-size);
    line-height: var(--spd-title-line-height);
  }
  :where(.simple-dialog) .dialog-dropper,
  :where(.simple-dialog) dropper {
    position: fixed;
    inset: 0;
    z-index: 1;
  }
  :where(.simple-dialog) > .modal,
  :where(.simple-dialog) > .dialog {
    background: var(--spd-back);
    border: var(--spd-border);
    width: var(--spd-width);
    max-width: var(--spd-max-width);
    box-shadow: var(--spd-shadow);
    display: flex;
    flex-direction: column;
    max-height: var(--spd-max-height);
    margin: var(--spd-margin);
    border-radius: var(--spd-radius);
    z-index: 10;
  }
  :where(.simple-dialog) > .modal.wide,
  :where(.simple-dialog) > .dialog.wide {
    --spd-width: 100%;
    --spd-max-width: 100%;
    --spd-margin: 0 0.6em;
  }
  :where(.simple-dialog) > .modal.small,
  :where(.simple-dialog) > .dialog.small {
    --spd-max-width: 500px;
  }
  :where(.simple-dialog) > .modal.medium,
  :where(.simple-dialog) > .dialog.medium {
    --spd-max-width: 1200px;
  }
  :where(.simple-dialog) > .modal.mini,
  :where(.simple-dialog) > .dialog.mini {
    --spd-max-width: 350px;
  }
  :where(.simple-dialog) > .modal.warning,
  :where(.simple-dialog) > .dialog.warning {
    --spd-back: #79573e;
    --spd-color: #d3c7bf;
    --spd-alt-back: #ffffff42;
    --spd-border: 5px solid #5f3d1e;
    --spd-alt-border: 1px solid #4f2626;
    --spd-alt-size: 0.9em;
  }
  :where(.simple-dialog) header,
  :where(.simple-dialog) footer,
  :where(.simple-dialog) .dialog-header,
  :where(.simple-dialog) .dialog-footer {
    padding: var(--spd-head-padding);
    flex: 0 0 auto;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: space-between;
  }
  :where(.simple-dialog) header .fill,
  :where(.simple-dialog) footer .fill,
  :where(.simple-dialog) .dialog-header .fill,
  :where(.simple-dialog) .dialog-footer .fill {
    flex: 1 1 auto;
  }
  :where(.simple-dialog) header,
  :where(.simple-dialog) .dialog-header {
    font-size: var(--spd-header-size);
    background: var(--spd-header-back);
    border-bottom: var(--spd-header-border);
    color: var(--spd-header-color);
    border-radius: var(--spd-inner-radius) var(--spd-inner-radius) 0 0;
    overflow: hidden;
  }
  :where(.simple-dialog) footer,
  :where(.simple-dialog) .dialog-footer {
    font-size: var(--spd-footer-size);
    background: var(--spd-footer-back);
    border-top: var(--spd-footer-border);
    color: var(--spd-footer-color);
    border-radius: 0 0 var(--spd-inner-radius) var(--spd-inner-radius);
  }
  :where(.simple-dialog) footer,
  :where(.simple-dialog) .dialog-footer,
  :where(.simple-dialog) footer > div:has(button),
  :where(.simple-dialog) .dialog-footer > div:has(button) {
    display: flex;
    gap: var(--spd-footer-gap);
    text-align: var(--spd-footer-align);
    justify-content: flex-end;
  }
  :where(.simple-dialog) footer button,
  :where(.simple-dialog) .dialog-footer button {
    margin-right: var(--spd-button-margin);
  }
  :where(.simple-dialog) main,
  :where(.simple-dialog) .dialog-body {
    padding: var(--spd-body-padding);
    flex: 1 1 auto;
    overflow-y: auto;
    font-size: var(--spd-body-size);
    background: var(--spd-body-back);
    color: var(--spd-body-color);
  }
  :where(.simple-dialog) main::-webkit-scrollbar,
  :where(.simple-dialog) .dialog-body::-webkit-scrollbar {
    width: var(--spd-scrollbar-width);
    border-radius: var(--spd-scrollbar-radius);
    padding: 2px;
  }
  :where(.simple-dialog) main::-webkit-scrollbar-track,
  :where(.simple-dialog) .dialog-body::-webkit-scrollbar-track {
    background: var(--spd-scrollbar-back);
    border-radius: var(--spd-scrollbar-radius);
    box-shadow: var(--spd-scrollbar-thumb-shadow);
    padding: 2px;
  }
  :where(.simple-dialog) main::-webkit-scrollbar-thumb,
  :where(.simple-dialog) .dialog-body::-webkit-scrollbar-thumb {
    position: relative;
    background-color: var(--spd-scrollbar-thumb-back);
    border-radius: var(--spd-scrollbar-thumb-radius);
    outline: var(--spd-scrollbar-thumb-outline);
    box-shadow: var(--spd-scrollbar-thumb-shadow);
  }
  :where(.simple-dialog) main.overflowed,
  :where(.simple-dialog) .dialog-body.overflowed {
    overflow: visible;
  }
  :where(.simple-dialog) .ajax-progress-throbber {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--spd-ajax-back);
    z-index: var(--spd-ajax-z-index);
  }
  :where(.simple-dialog) .ajax-progress-throbber .throbber {
    position: fixed;
    left: 50%;
    top: 45%;
    z-index: var(--spd-ajax-throbber-z-index);
    display: inline-block;
    text-align: center;
    transform-origin: 50%;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
  }
  :where(.simple-dialog) .ajax-progress-throbber .throbber,
  :where(.simple-dialog) .ajax-progress-throbber .throbber:after {
    width: var(--spd-ajax-throbber-size);
    height: var(--spd-ajax-throbber-size);
    font-size: var(--spd-ajax-throbber-size);
    line-height: var(--spd-ajax-throbber-size);
  }
  :where(.simple-dialog) .ajax-progress-throbber .throbber:after {
    font-family: FontAwesome, sans-serif;
    content: '\f110';
    color: rgba(59, 102, 174, 0.5);
    position: absolute;
    display: inline-block;
    left: 0;
  }
  :where(.simple-dialog).iframed {
    --spd-iframed-z-index: 555555;
    --spd-iframed-width: 94%;
    --spd-iframed-max-width: 100%;
    --spd-iframed-height: 95vh;
    --spd-iframed-border: 4px solid #fdfdfd;
    --spd-iframed-footer-align: right;
    z-index: var(--spd-iframed-z-index);
  }
  :where(.simple-dialog).iframed > .modal,
  :where(.simple-dialog).iframed > .dialog {
    width: var(--spd-iframed-width);
    max-width: var(--spd-iframed-max-width);
    height: var(--spd-iframed-height);
  }
  :where(.simple-dialog).iframed .dialog-body {
    overflow: hidden;
    position: relative;
  }
  :where(.simple-dialog).iframed .dialog-body iframe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: var(--spd-iframed-border);
  }
  :where(.simple-dialog).iframed .dialog-footer {
    text-align: var(--spd-iframed-footer-align);
  }
  :where(.simple-dialog) pre.sf-dump {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  :where(.simple-dialog).sf-dialog {
    --spd-size: 0.9em;
    --spd-border: 5px solid #674936;
    --spd-alt-border: 1px solid #251313;
    --spd-back: #140000;
    line-height: 1.2em;
  }
  :where(.simple-dialog).sf-dialog .placeholder {
    padding: 0;
    border: none;
    box-shadow: none;
  }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    :where(.simple-dialog) .modal,
    :where(.simple-dialog) .dialog {
      --spd-width: 100%;
      --spd-margin: 1em;
    }
  }
  :where(.dialog-opened) {
    overflow: hidden;
    height: 101vh;
  }
}
@layer basics {
  .hidden {
    display: none !important;
  }
  .pointer {
    cursor: pointer !important;
  }
  .modal-opened {
    overflow: hidden;
    height: 101vh;
  }
  :root {
    --cells-pad: 0.2em;
    --cells-gap: 0.5em;
    --cells-direction: row;
    --cells-inner-pad: 0;
    --cells-align: center;
    --cells-justify: start;
  }
  :where(.cells) {
    display: flex;
    flex-direction: var(--cells-direction);
    gap: var(--cells-gap);
    padding: var(--cells-pad);
    align-items: var(--cells-align);
    justify-content: var(--cells-justify);
  }
  :where(.cells) > * {
    padding: var(--cells-inner-pad);
  }
  :where(.cells).fill {
    flex: 1 1 auto;
  }
  :where(.cells).fill-10 {
    flex: 0 0 10%;
  }
  :where(.cells).fill-20 {
    flex: 0 0 20%;
  }
  :where(.cells).fill-30 {
    flex: 0 0 30%;
  }
  :where(.cells).fill-40 {
    flex: 0 0 40%;
  }
  :where(.cells).fill-50 {
    flex: 0 0 50%;
  }
  :where(.cells).fill-60 {
    flex: 0 0 60%;
  }
  :where(.cells).fill-70 {
    flex: 0 0 70%;
  }
  :where(.cells).fill-80 {
    flex: 0 0 80%;
  }
  :where(.cells).fill-90 {
    flex: 0 0 90%;
  }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    :where(.cells).mobile {
      --cells-justify: stretch;
      --cells-direction: column;
    }
    :where(.cells).mobile > * {
      flex: 1 1 100%;
    }
  }
  :where(.server-dump) {
    font-size: 0.8em;
    word-wrap: break-word;
    width: 100%;
    white-space: break-spaces;
  }
  .views-field-entity-reference-bridge {
    width: 1em;
  }
  table.advanced-view-table-settings {
    font-size: 0.8em;
    width: 100%;
  }
  table.advanced-view-table-settings td,
  table.advanced-view-table-settings th {
    padding: 4px;
  }
  table.advanced-view-table-settings th {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: none;
    height: 8em;
    font-size: 10px;
    line-height: 10px;
  }
  table.advanced-view-table-settings .form-element {
    padding: 3px 5px;
    max-width: 12em;
    font-size: 0.8em;
    min-height: 28px;
    line-height: 16px;
    height: 0;
  }
  table.advanced-view-table-settings .form-elementselect,
  table.advanced-view-table-settings .form-element.form-element--type-select {
    background-position: 97% 98%;
    background-size: 9px;
  }
  .views-table {
    table-layout: fixed;
    width: 100%;
  }
  .views-table .td.id,
  .views-table .td.check {
    width: 1px;
    white-space: nowrap;
    min-width: 1em;
  }
  .views-table .td.fill {
    width: 100%;
  }
}