@charset "UTF-8";
[data-field-inactive] {
  display: none !important;
}

.field-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.field-group .field-group-label {
  width: 100%;
}
.field-group .row {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: var(--field-bg, #f7f7f8);
  border-radius: 0.5rem;
}
.field-group .row:focus-within, .field-group .row:active {
  box-shadow: 0px 0px 0px 2px var(--field-foc-bc, #333);
}
.field-group .row label {
  font-size: 0.8em;
  font-weight: bold;
  color: #595959;
  padding: 0.25rem 0.5rem 0;
}
.field-group .row .field-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.field-group .row .field-wrap .field {
  width: 100%;
  font-family: inherit;
  border: 0;
  background-color: transparent;
  padding: 0.5rem;
}
.field-group .row .field-wrap .field:focus {
  box-shadow: none;
  border: 0;
}
.field-group .row .field-wrap .field::placeholder {
  color: #cccccc;
}
.field-group .row.row-submit button[type=submit],
.field-group .row.row-submit input[type=submit] {
  color: #595959;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0.5rem;
  line-height: 1;
  border-radius: 0.5rem;
  font-size: 0.8em;
  font-weight: unset;
  transition: 0.25s;
  box-shadow: 0px 0px 0px 1px var(--c-earth-8) inset;
  cursor: pointer;
  user-select: none;
  background: white;
}
.field-group .row.row-submit button[type=submit]:hover,
.field-group .row.row-submit input[type=submit]:hover {
  background: var(--c-earth-9);
}
.field-group .row.row-button button {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0.5rem;
  line-height: 1;
  border-radius: 0.5rem;
  font-size: 0.8em;
  font-weight: unset;
  transition: 0.25s;
  box-shadow: 0px 0px 0px 1px var(--c-earth-8) inset;
  cursor: pointer;
  user-select: none;
  background: white;
}
.field-group .row.row-button button:hover {
  background: var(--c-earth-9);
}
.field-group .row.row-checkbox, .field-group .row.row-checkbox-group {
  flex-direction: row;
  align-items: center;
}
.field-group .row.row-checkbox label, .field-group .row.row-checkbox-group label {
  cursor: pointer;
  flex: 1;
  padding: 0.5rem;
}
.field-group .row.row-checkbox label:hover + .field-wrap > .checkmark, .field-group .row.row-checkbox-group label:hover + .field-wrap > .checkmark {
  background-color: white;
}
.field-group .row.row-checkbox .field-wrap, .field-group .row.row-checkbox-group .field-wrap {
  position: relative;
  width: initial;
  cursor: pointer;
}
.field-group .row.row-checkbox .field-wrap .field, .field-group .row.row-checkbox-group .field-wrap .field {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  padding: 0;
}
.field-group .row.row-checkbox .field-wrap .field:checked ~ .checkmark:after, .field-group .row.row-checkbox-group .field-wrap .field:checked ~ .checkmark:after {
  transform: scale(1) rotate(45deg);
  opacity: 1;
}
.field-group .row.row-checkbox .field-wrap .checkmark, .field-group .row.row-checkbox-group .field-wrap .checkmark {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  pointer-events: none;
  height: 1.25rem;
  width: 1.25rem;
  box-shadow: 0px 0px 0px 2px #585858 inset;
  border-radius: 0.25rem;
}
.field-group .row.row-checkbox .field-wrap .checkmark:after, .field-group .row.row-checkbox-group .field-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: block;
  left: 1px;
  top: -3px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30%;
  height: 60%;
  border: solid #585858;
  border-width: 0 3px 3px 0;
  transition: 0.25s;
  transform: scale(0) rotate(45deg);
  opacity: 0;
}
.field-group .row.row-checkbox-group {
  flex-direction: column;
  align-items: flex-start;
}
.field-group .row.row-checkbox-group .field-wrap {
  width: 100%;
}
.field-group .row.row-checkbox-group .field-wrap .checkmark {
  top: initial;
  bottom: initial;
}
.field-group .row.row-checkbox-buttons .field-wrap, .field-group .row.row-radio-buttons .field-wrap {
  flex-direction: row;
  gap: 0.5rem;
  padding: 0.5rem;
  align-items: center;
  position: relative;
}
.field-group .row.row-checkbox-buttons .field-wrap .field, .field-group .row.row-radio-buttons .field-wrap .field {
  opacity: 0;
  position: absolute;
  width: 0;
}
.field-group .row.row-checkbox-buttons .field-wrap .field + label, .field-group .row.row-radio-buttons .field-wrap .field + label {
  background: white;
}
.field-group .row.row-checkbox-buttons .field-wrap .field:checked + label, .field-group .row.row-radio-buttons .field-wrap .field:checked + label {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) inset, 0px 0px 2px rgba(0, 0, 0, 0.25) inset;
  background: #585858;
  color: white;
}
.field-group .row.row-checkbox-buttons .field-wrap .field:checked + label:hover, .field-group .row.row-radio-buttons .field-wrap .field:checked + label:hover {
  background: #333333;
}
.field-group .row.row-checkbox-buttons .field-wrap label, .field-group .row.row-radio-buttons .field-wrap label {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0.5rem;
  line-height: 1;
  border-radius: 0.5rem;
  font-size: 0.8em;
  font-weight: unset;
  transition: 0.25s;
  box-shadow: 0px 0px 0px 1px var(--c-earth-8) inset;
  cursor: pointer;
  user-select: none;
  background: white;
  /* &:hover {

      background-color: white;

  } */
}
.field-group .row.row-checkbox-buttons .field-wrap label:hover, .field-group .row.row-radio-buttons .field-wrap label:hover {
  background: var(--c-earth-9);
}
.field-group .row.row-checkbox-buttons .field-wrap label .icon, .field-group .row.row-radio-buttons .field-wrap label .icon {
  margin-right: 0.25rem;
}
.field-group .row.row-checkbox-buttons .field-wrap label .icon.after, .field-group .row.row-radio-buttons .field-wrap label .icon.after {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.field-group .row.row-range .field {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min)) / var(--range));
  --sx: calc(.5 * 1rem + var(--ratio) * (100% - 1rem));
  margin: 0.5rem 0;
  padding: 0;
  width: 100%;
  height: 1rem;
  background: transparent;
}
.field-group .row.row-range .field, .field-group .row.row-range .field::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
.field-group .row.row-range .field.has-output {
  margin-bottom: 0;
}
.field-group .row.row-range .field::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  height: 0.25rem;
  background: #ccc;
}
.js .field-group .row.row-range .field::-webkit-slider-runnable-track {
  background: linear-gradient(#7f7f7f, #7f7f7f) 0/var(--sx) 100% no-repeat #ccc;
}
.field-group .row.row-range .field::-moz-range-track {
  box-sizing: border-box;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  height: 0.25rem;
  background: #ccc;
}
.field-group .row.row-range .field::-ms-track {
  box-sizing: border-box;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  height: 0.25rem;
  background: #ccc;
}
.field-group .row.row-range .field::-moz-range-progress {
  height: 0.25rem;
  background: #7f7f7f;
}
.field-group .row.row-range .field::-ms-fill-lower {
  height: 0.25rem;
  background: #7f7f7f;
}
.field-group .row.row-range .field::-webkit-slider-thumb {
  margin-top: -0.375rem;
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #585858;
  cursor: pointer;
}
.field-group .row.row-range .field::-webkit-slider-thumb:hover, .field-group .row.row-range .field::-webkit-slider-thumb:active {
  background: #3f3f3f;
}
.field-group .row.row-range .field::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #585858;
  cursor: pointer;
}
.field-group .row.row-range .field::-moz-range-thumb:hover, .field-group .row.row-range .field::-moz-range-thumb:active {
  background: #3f3f3f;
}
.field-group .row.row-range .field::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #585858;
  cursor: pointer;
}
.field-group .row.row-range .field::-ms-thumb:hover, .field-group .row.row-range .field::-ms-thumb:active {
  background: #3f3f3f;
}
.field-group .row.row-range .field::-ms-tooltip {
  display: none;
}
.field-group .row.row-range output {
  display: block;
  margin-left: auto;
  font-size: 0.8em;
  padding: 0 0.5rem;
}
.field-group .row.row-date-range .date-range {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.field-group .row.row-date-range .date-range input {
  text-align: center;
}
.field-group .row.row-select-nice .field-wrap div.field-nice-select {
  padding: 0 0.5rem;
  font-size: 0.9em;
}

.date-chip {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.8em;
  line-height: 1.2em;
  background-color: #f4f4f4;
}
.date-chip:before, .date-chip:after {
  position: absolute;
  top: -4px;
  background-color: #f4f4f4;
  border-radius: 1px 1px 0 0;
  width: 5px;
  height: 4px;
  content: "";
}
.date-chip:before {
  left: 10px;
}
.date-chip:after {
  right: 10px;
}
.date-chip > div {
  text-decoration: none;
}
@media only screen and (max-width: 420px) {
  .date-chip {
    font-size: 0.66em;
    min-width: 60px;
  }
}

.event-poster {
  position: relative;
  display: block;
  max-width: 100%;
  text-decoration: none;
}
.event-poster .date-chip {
  position: absolute;
  z-index: 1;
  left: 1rem;
  top: 1rem;
}
.event-poster img {
  border-radius: 1rem 1rem 0 0;
  display: block;
  max-width: 100%;
  height: auto;
}
.event-poster .info {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  background: #ffffff;
  text-align: center;
  border-radius: 0 0 1rem 1rem;
}
.event-poster .info .title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.2em;
}
.event-poster .info .date,
.event-poster .info .address {
  font-size: 0.9em;
}
.event-poster .info .address {
  font-weight: bold;
}
.event-poster:hover img {
  filter: brightness(1.1);
}
@media only screen and (max-width: 420px) {
  .event-poster .date-chip {
    top: -30px;
  }
  .event-poster .info {
    width: calc(100% - 2rem);
  }
}

form.woocommerce-cart-form tr > td:first-child:not(.actions) {
  border-left: 1rem solid var(--woo-block-background);
}
form.woocommerce-cart-form tr.grouped > td:first-child {
  border-left: 1rem solid var(--c-gray-6);
}
form.woocommerce-cart-form tr.grouped.group-1 > td:first-child {
  border-left-color: hsl(137.508, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-2 > td:first-child {
  border-left-color: hsl(275.016, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-3 > td:first-child {
  border-left-color: hsl(52.524, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-4 > td:first-child {
  border-left-color: hsl(190.032, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-5 > td:first-child {
  border-left-color: hsl(327.54, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-6 > td:first-child {
  border-left-color: hsl(105.048, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-7 > td:first-child {
  border-left-color: hsl(242.556, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-8 > td:first-child {
  border-left-color: hsl(20.064, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-9 > td:first-child {
  border-left-color: hsl(157.572, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-10 > td:first-child {
  border-left-color: hsl(295.08, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-11 > td:first-child {
  border-left-color: hsl(72.588, 100%, 80%);
}
form.woocommerce-cart-form tr.grouped.group-12 > td:first-child {
  border-left-color: hsl(210.096, 100%, 80%);
}
@media (max-width: 768px) {
  form.woocommerce-cart-form tr.grouped > td {
    border-left: 1rem solid var(--c-gray-6);
  }
  form.woocommerce-cart-form tr.grouped.group-1 > td {
    border-left-color: hsl(137.508, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-2 > td {
    border-left-color: hsl(275.016, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-3 > td {
    border-left-color: hsl(52.524, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-4 > td {
    border-left-color: hsl(190.032, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-5 > td {
    border-left-color: hsl(327.54, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-6 > td {
    border-left-color: hsl(105.048, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-7 > td {
    border-left-color: hsl(242.556, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-8 > td {
    border-left-color: hsl(20.064, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-9 > td {
    border-left-color: hsl(157.572, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-10 > td {
    border-left-color: hsl(295.08, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-11 > td {
    border-left-color: hsl(72.588, 100%, 80%);
  }
  form.woocommerce-cart-form tr.grouped.group-12 > td {
    border-left-color: hsl(210.096, 100%, 80%);
  }
}

body.woocommerce-checkout .woocommerce form .normal-description {
  font-style: italic;
  font-weight: bold;
  opacity: 0.8;
}
body.woocommerce-checkout .woocommerce form.checkout .thwmsc-tab-panel {
  padding: var(--woo-block-padding);
  background-color: transparent;
}
body.woocommerce-checkout .woocommerce form.checkout .thwmsc-tab-panel.order_review {
  padding: 0;
}
body.woocommerce-checkout .woocommerce form.checkout .thwmsc-tab-panel .customer-details-wrap {
  width: 100%;
  padding: 0;
}
body.woocommerce-checkout .woocommerce form.checkout .thwmsc-tab-panel table.woocommerce-checkout-review-order-table {
  width: 100%;
}
body.woocommerce-checkout .woocommerce form.checkout .woocommerce-additional-fields {
  margin-top: var(--woo-spacing);
}

.eventropy-cart-item-attr {
  font-size: 0.8em;
}

.digitalis-archive {
  width: 100%;
  position: relative;
}
.digitalis-archive .digitalis-loader {
  position: absolute;
  max-width: 120px;
  width: 100%;
  height: 100%;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  padding-top: 5rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}
.digitalis-archive .digitalis-loader > img {
  position: sticky;
  top: 50%;
  max-width: 100px;
  transform: scale(0.5);
  transition: 0.2s;
}
.digitalis-archive.loading .digitalis-loader {
  opacity: 1;
  pointer-events: unset;
}
.digitalis-archive.loading .digitalis-loader > *:first-child {
  transform: scale(1);
}
.digitalis-archive.loading .items {
  opacity: 0.1;
}
.digitalis-archive .items {
  transition: 0.2s;
}

.event-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.event-item .details {
  padding: var(--woo-spacing);
}
.event-item .details .detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-item .details .detail i {
  margin-right: 0.25em;
}

.event-list {
  position: relative;
  width: 100%;
}
.event-list .event-item:not(last-child) {
  margin-bottom: 2rem;
}

.eventropy-filters-panel {
  width: 100%;
  max-width: 320px;
  padding-right: 2rem;
  margin-right: 2rem;
  border-right: 1px solid var(--c-gray-2);
}

.archive-controls {
  margin-bottom: 2rem;
}

.event-product {
  padding: 0;
}
.event-product .head img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--woo-border-radius) var(--woo-border-radius) 0 0;
}
.event-product .inner {
  padding: var(--woo-block-padding);
}
.event-product .inner .title {
  width: 100%;
  margin-bottom: var(--woo-spacing);
}
.event-product .inner .info .info-boxes {
  max-width: 600px;
}
.event-product .inner .info .info-boxes .info-box {
  background-color: var(--c-gray-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--woo-spacing);
  border-radius: var(--woo-border-radius);
}
.event-product .inner .info .info-boxes .info-box:not(:last-child) {
  margin-bottom: var(--woo-spacing);
}
.event-product .inner .info .info-boxes .info-box .icon {
  font-size: 1.6em;
  margin-right: var(--woo-spacing);
}
.event-product .inner .info .content {
  margin-top: var(--woo-spacing);
}
.event-product .inner .info .content > *:last-child {
  margin-bottom: 0;
}
.event-product .inner .col-2 {
  border-left: 1px solid var(--c-gray-2);
  padding-left: var(--woo-block-margin);
  position: relative;
}
.event-product .inner .col-2 form {
  padding: 0;
  box-shadow: none;
  position: sticky;
  top: 2rem;
}
.event-product .inner .col-2 form .form-row label .optional {
  display: none;
}
.event-product .inner .col-2 form .form-row label.radio.radio.radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.event-product .inner .col-2 form .form-row label.radio.radio.radio .eventropy-modal-open {
  font-size: 24px;
  margin-left: 1rem;
  opacity: 0.5;
  transition: 0.2s;
}
.event-product .inner .col-2 form .form-row label.radio.radio.radio .eventropy-modal-open:hover {
  opacity: 1;
}
.event-product .inner .col-2 form .form-row label.radio.radio.radio .eventropy-modal-open:active {
  transform: rotate(15deg);
}
.event-product .inner .col-2 form .form-row .woocommerce-input-wrapper-radio label ins {
  text-decoration: none;
}
.event-product .inner .col-2 form .form-row .woocommerce-input-wrapper-radio label .woocommerce-Price-amount {
  font-size: 1em;
}
.event-product .inner .col-2 form button {
  width: 100%;
}
@media (max-width: 991px) {
  .event-product .inner .col-2 {
    padding-left: 0;
    border-left: none;
  }
}

.event-archive {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
  width: calc(100% + 2rem);
}
.event-archive > div:not(.oxy-repeater-pages-wrap) {
  width: 33%;
  min-width: 300px;
  padding: 1rem;
}

.check-in-status-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
}
.check-in-status-modal .check-in-modal {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
  width: calc(100% - 2rem);
  max-width: 800px;
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: var(--woo-block-shadow);
}
.check-in-status-modal .check-in-modal .check-in-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 2rem;
  right: 2rem;
  transition: 0.2s;
  cursor: pointer;
}
.check-in-status-modal .check-in-modal .check-in-close:before, .check-in-status-modal .check-in-modal .check-in-close:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #ccc;
  transform: rotate(45deg);
}
.check-in-status-modal .check-in-modal .check-in-close:before {
  transform: rotate(-45deg);
}
.check-in-status-modal .check-in-modal .check-in-close:hover {
  transform: rotate(90deg);
}
.check-in-status-modal .check-in-modal .check-in-close:hover:before, .check-in-status-modal .check-in-modal .check-in-close:hover:after {
  background-color: #555;
}
.check-in-status-modal .check-in-modal .check-in-icon {
  font-size: 128px;
}
.check-in-status-modal .check-in-modal.success .check-in-status,
.check-in-status-modal .check-in-modal.success .check-in-message {
  color: rgb(0, 186, 0);
}
.check-in-status-modal .check-in-modal.error .check-in-status,
.check-in-status-modal .check-in-modal.error .check-in-message {
  color: rgb(222, 0, 0);
}
.check-in-status-modal .check-in-modal .check-in-status {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 2em;
  margin-bottom: 1rem;
  font-weight: bold;
}
.check-in-status-modal .check-in-modal .check-in-message {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.check-in-status-modal .check-in-modal .check-in-info {
  text-align: center;
  font-family: monospace;
  font-size: 1.1em;
}
.check-in-status-modal .check-in-modal .check-in-info > * > label {
  font-weight: bold;
}

table.check-in tr.checked-in {
  color: #0bae00;
}
table.check-in tr.checked-in .show-checked-out {
  display: none;
}
table.check-in tr:not(.checked-in) .show-checked-in {
  display: none;
}
table.check-in tr[data-status=reserved] a.action, table.check-in tr[data-status=void] a.action {
  display: none;
}
table.check-in tr[data-status=reserved] {
  color: #a8a8a8;
}
table.check-in tr[data-status=void] {
  color: #b30000;
}
table.check-in tr.loading {
  position: relative;
}
table.check-in tr.loading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(224, 255, 223);
  left: 0;
  top: 0;
  animation: pulse-load 1s ease-in-out infinite;
}
table.check-in tr th {
  text-transform: uppercase;
  color: #505050;
  font-size: 0.9em;
}
table.check-in tr td {
  text-align: center;
}
table.check-in tr td.status, table.check-in tr td.number {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
}
table.check-in tr td.avatar a:hover {
  filter: brightness(1.1);
}
table.check-in tr td.avatar img {
  width: 100px;
  border-radius: var(--woo-border-radius);
}
table.check-in tr td .action.check-in {
  background-color: rgb(211, 230, 211);
}
table.check-in tr td .action.check-in:hover {
  background-color: rgb(194, 220, 194);
}
table.check-in tr td .action.check-out {
  background-color: rgb(230, 211, 211);
}
table.check-in tr td .action.check-out:hover {
  background-color: rgb(220, 194, 194);
}
table.check-in .button {
  display: inline-block;
  padding: 0.25em 1em;
  background: #eaeaea;
  border-radius: 0.25em;
  color: #000;
  font-size: 0.9em;
  text-transform: uppercase;
}
table.check-in .button:hover {
  background: #d8d8d8;
}

@keyframes pulse-load {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.3;
  }
}
.check-in-log {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 2rem;
  width: calc(100% - 2rem);
  max-width: 800px;
  padding: 2rem;
  border-radius: 2rem;
  transition: 0.2s;
  transition-property: opacity;
  box-shadow: var(--woo-block-shadow);
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  background: white;
  color: #555;
}
.check-in-log.hide {
  opacity: 0;
  pointer-events: none;
}
.check-in-log.error {
  background: rgb(255, 251, 251);
  color: rgb(222, 0, 0);
}

.eventropy-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  /* opacity: 0;
  pointer-events: none; */
}
.eventropy-modal.open {
  opacity: 1;
  pointer-events: unset;
}
.eventropy-modal .eventropy-modal-box {
  min-width: 260px;
  max-width: 800px;
  max-height: calc(100vh - 1rem);
  overflow-y: auto;
}
.eventropy-modal .eventropy-modal-box .eventropy-modal-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.eventropy-modal .eventropy-modal-box .eventropy-modal-head .eventropy-modal-exit {
  font-size: 32px;
  transition: 0.2s;
  margin-left: 1rem;
  cursor: pointer;
}
.eventropy-modal .eventropy-modal-box .eventropy-modal-head .eventropy-modal-exit:hover {
  transform: rotate(90deg);
}
.eventropy-modal .eventropy-modal-box .eventropy-modal-head .eventropy-modal-exit:active i {
  transform: scale(0.8);
}
.eventropy-modal .eventropy-modal-box .eventropy-modal-head .eventropy-modal-exit i {
  display: block;
  pointer-events: none;
}

.mapboxgl-map {
  width: 100%;
  height: 80vh;
  border-radius: 1rem;
}
.mapboxgl-map button {
  margin-top: 0;
  padding: 0;
}
.mapboxgl-map .mapboxgl-popup-content {
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.mapboxgl-map .mapboxgl-popup-content .map-popup-inner {
  display: block;
  width: 100%;
  height: auto;
}
.mapboxgl-map .mapboxgl-popup-content .map-popup-inner .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.mapboxgl-map .mapboxgl-popup-content .map-popup-inner .info .title {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.mapboxgl-map .mapboxgl-popup-content .map-popup-inner .info i {
  margin-right: 0.25rem;
}
.mapboxgl-map .mapboxgl-popup-content .map-popup-inner .actions a.button {
  margin: 0;
  margin-top: 0.5rem;
  width: 100%;
  display: block;
  text-align: center;
}
.mapboxgl-map .mapboxgl-popup-content button.mapboxgl-popup-close-button {
  margin-top: 0;
  padding: 0.5rem;
  top: 0.5rem;
  right: 0.5rem;
}

[data-ticket-status] {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
}

[data-ticket-status=reserved] {
  color: #a8a8a8;
}

[data-ticket-status=booked] {
  color: #0bae00;
}

[data-ticket-status=void] {
  color: #b30000;
}

[data-group="1"] {
  background-color: hsl(137.508, 100%, 96%);
  color: hsl(137.508, 100%, 20%);
}

[data-group="2"] {
  background-color: hsl(275.016, 100%, 96%);
  color: hsl(275.016, 100%, 20%);
}

[data-group="3"] {
  background-color: hsl(52.524, 100%, 96%);
  color: hsl(52.524, 100%, 20%);
}

[data-group="4"] {
  background-color: hsl(190.032, 100%, 96%);
  color: hsl(190.032, 100%, 20%);
}

[data-group="5"] {
  background-color: hsl(327.54, 100%, 96%);
  color: hsl(327.54, 100%, 20%);
}

[data-group="6"] {
  background-color: hsl(105.048, 100%, 96%);
  color: hsl(105.048, 100%, 20%);
}

[data-group="7"] {
  background-color: hsl(242.556, 100%, 96%);
  color: hsl(242.556, 100%, 20%);
}

[data-group="8"] {
  background-color: hsl(20.064, 100%, 96%);
  color: hsl(20.064, 100%, 20%);
}

[data-group="9"] {
  background-color: hsl(157.572, 100%, 96%);
  color: hsl(157.572, 100%, 20%);
}

[data-group="10"] {
  background-color: hsl(295.08, 100%, 96%);
  color: hsl(295.08, 100%, 20%);
}

[data-group="11"] {
  background-color: hsl(72.588, 100%, 96%);
  color: hsl(72.588, 100%, 20%);
}

[data-group="12"] {
  background-color: hsl(210.096, 100%, 96%);
  color: hsl(210.096, 100%, 20%);
}

body .ticket-item:not(.dummy) {
  padding: 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  color: inherit;
}
body .ticket-item:not(.dummy)[href]:hover {
  transform: translate(0, -0.5rem);
}
body .ticket-item:not(.dummy)[data-status=void] .number {
  background-color: rgb(128, 0, 0);
}
body .ticket-item:not(.dummy)[data-status=reserved] .number {
  background-color: rgb(97, 97, 97);
}
body .ticket-item:not(.dummy)[data-admin] .detail {
  font-size: 1em !important;
}
body .ticket-item:not(.dummy):hover {
  color: inherit;
  text-decoration: none;
  /* margin-top: 0.5rem; */
}
body .ticket-item:not(.dummy):hover .number {
  transition: 0.5s;
  filter: brightness(0.85) contrast(2);
}
body .ticket-item:not(.dummy) .number {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-align: center;
  padding: calc(var(--woo-block-padding) / 2);
  background-color: var(--c-blue-10);
  color: var(--c-gray-1);
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}
body .ticket-item:not(.dummy) .inner {
  padding: calc(var(--woo-block-padding) / 2);
  padding-left: var(--woo-block-padding);
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
body .ticket-item:not(.dummy) .inner .info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
body .ticket-item:not(.dummy) .inner .info .event-name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
body .ticket-item:not(.dummy) .inner .info .guest-name {
  margin-bottom: 0.25rem;
  color: var(--c-gray-6);
}
body .ticket-item:not(.dummy) .inner .info .details {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
body .ticket-item:not(.dummy) .inner .info .details .detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.9em;
}
body .ticket-item:not(.dummy) .inner .info .details .detail:not(:last-child) {
  margin-bottom: 0.25rem;
}
body .ticket-item:not(.dummy) .inner .info .details .detail .label {
  text-transform: uppercase;
  color: var(--c-gray-6);
  width: 80px;
  font-size: 0.7em;
  letter-spacing: 1px;
}
body .ticket-item:not(.dummy) .inner .qr-code-wrap {
  width: 25%;
}
body .ticket-item:not(.dummy) .inner .qr-code-wrap img {
  width: 100%;
  display: block;
}
body .ticket-item:not(.dummy):not(:last-child) {
  margin-bottom: 2rem;
}

:root {
  --c-brand-10: white;
  --c-brand-9: #e9f9f6;
  --c-brand-8: #d3f2ec;
  --c-brand-7: #bdece3;
  --c-brand-6: #a7e5d9;
  --c-brand-5: #91dfd0;
  --c-brand-4: #7bd9c6;
  --c-brand-3: #65d2bd;
  --c-brand-2: #4fccb4;
  --c-brand-1: #39c5aa;
  --c-brand: #33af97;
  --c-brand--1: #2d9984;
  --c-brand--2: #268371;
  --c-brand--3: #206d5e;
  --c-brand--4: #1a584c;
  --c-brand--5: #134239;
  --c-brand--6: #0d2c26;
  --c-brand--7: #061613;
  --c-brand--8: black;
  --c-org: #21c3dc;
  --c-org-dark: #00aac1;
  --c-org-dark-2: #079cb3;
  --c-org-dark-3: #00444f;
  --c-event: #ff8158;
  --c-event-dark: #e96c44;
  --c-event-dark-2: #c85e00;
  --c-event-dark-3: #5e1f0a;
  --c-story: #33af97;
  --c-story-dark: #2d9984;
  --c-story-dark-2: #268371;
  --c-story-dark-3: #206d5e;
}

:root {
  --screen-padding: 1rem;
  --results-drawer-h: 36px;
  --panel-max-width: 450px;
  --tx-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --footer-h: 32px;
  --header-h: 65px;
}
@media (max-width: 479px) {
  :root {
    --screen-padding: 0.5rem;
  }
}

::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
}

::-webkit-scrollbar-track {
  background: white;
  box-shadow: 0px 0.0018518519rem 0.0111111111rem 0px rgba(0, 0, 0, 0.0333333333) inset, 0px 0.0148148148rem 0.0888888889rem 0px rgba(0, 0, 0, 0.0666666667) inset, 0px 0.05rem 0.3rem 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background: rgba(67, 135, 122, 0.85);
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(67, 135, 122);
}

/* ::-webkit-scrollbar {
    width: 0.5rem;
    height:  0.5rem;
}
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
    box-shadow: soft-shadow(0px, 0.05rem, 2, 0.2, 0.25rem, $inset: true);
    border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb {
    background: rgb(67 135 122 / 85%);
    border-radius: 0.25rem;

}
::-webkit-scrollbar-thumb:hover {
    background: rgb(67 135 122 / 100%);
} */
body *:focus {
  outline: none !important;
}
body iframe {
  border: 0;
}
body figure {
  margin: 0;
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/wp-content/plugins/mycelium/assets/scss/../fonts/mulish-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/wp-content/plugins/mycelium/assets/scss/../fonts/mulish-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

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

body {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #404040;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

a {
  color: #0074db;
  text-decoration: none;
}

img {
  border-style: none;
  flex-shrink: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-size: 100%;
  line-height: 1.15;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=checkbox], [type=radio] {
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

:root {
  --a11y-highlight: var(--c-brand);
}

button,
a[role=button],
[role=tab] {
  --a11y-highlight: currentColor;
}
button:focus-visible,
a[role=button]:focus-visible,
[role=tab]:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--a11y-highlight) inset !important;
}

a:focus:not(:active) {
  text-decoration-thickness: 3px !important;
}

#mapbox:has(canvas:focus-visible)::before {
  box-shadow: 0px 0px 0px 4px var(--a11y-highlight) inset !important;
}

.field-row:focus-within {
  box-shadow: 0px 0px 0px 2px var(--a11y-highlight) inset !important;
}

.field-row.row-checkbox input[type=checkbox] + .checkmark:before,
.field-row.row-checkbox-group input[type=checkbox] + .checkmark:before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
  border-radius: 4px;
  pointer-events: none;
}
.field-row.row-checkbox input[type=checkbox]:focus + .checkmark:before,
.field-row.row-checkbox-group input[type=checkbox]:focus + .checkmark:before {
  box-shadow: 0px 0px 0px 2px var(--a11y-highlight);
}

.acf-rrule-monthdays label:focus {
  box-shadow: 0px 0px 0px 2px var(--a11y-highlight);
}

.acf-repeater .acf-row-handle .acf-icon {
  width: 24px;
  height: 24px;
  line-height: 18px;
  font-size: 18px;
  text-decoration: none !important;
}
.acf-repeater .acf-row-handle .acf-icon:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--a11y-highlight);
}

/* *:focus {

    box-shadow: 0px 0px 0px 4px red inset !important;
    position: relative !important;
    z-index: 9999999999999 !important;
    transform: scale(1.1) !important;

} */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

html {
  margin-top: 0 !important;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  position: fixed;
  inset: 0;
  width: 100%;
}

body #app .form-errors {
  background: #fff1f1;
  color: #9f0000;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.5rem 1rem 0.5rem 2rem;
  border-radius: 0.5rem;
  list-style: disc;
}
body #app .field-hint {
  margin: 0.25rem 0.5rem 0;
  font-size: 0.75em;
  line-height: 1.4;
  color: var(--c-panel-color);
  opacity: 0.75;
}
body #app .field-group {
  gap: 0.5rem;
}
body #app .field-group .field-group-label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-weight: bold;
  color: #6e6e6e;
}
body #app .field-row > label {
  font-size: 0.8em;
  color: var(--c-panel-color);
}
body #app .field-row.row-checkbox .field-wrap label, body #app .field-row.row-checkbox-group .field-wrap label {
  padding: 0.25rem 0.5rem;
}
body #app .field-row.row-checkbox .field-wrap label .field ~ .checkmark, body #app .field-row.row-checkbox-group .field-wrap label .field ~ .checkmark {
  transition: 0.2s;
}
body #app .field-row.row-checkbox .field-wrap label .field:checked ~ .checkmark, body #app .field-row.row-checkbox-group .field-wrap label .field:checked ~ .checkmark {
  box-shadow: 0px 0px 0px 2px var(--c-panel-color) inset;
}
body #app .field-row.row-checkbox .field-wrap label .field:checked ~ .checkmark:after, body #app .field-row.row-checkbox-group .field-wrap label .field:checked ~ .checkmark:after {
  border-color: var(--c-panel-color);
}
body #app .field-row.row-checkbox-group .field-wrap label {
  padding-right: 2.25rem;
}
body #app .field-row.row-radio-buttons .field-wrap .field:checked + label {
  box-shadow: 0px 0px 0px 1px var(--c-panel-color);
  background-color: var(--c-panel-color);
}
body #app .field-row.row-type label[for=type-field-orgs] {
  --c-label-color: var(--c-org);
}
body #app .field-row.row-type label[for=type-field-events] {
  --c-label-color: var(--c-event);
}
body #app .field-row.row-type label[for=type-field-campaigns] {
  --c-label-color: var(--c-campaign);
}
body #app .field-row.row-type:focus-within, body #app .field-row.row-type:active {
  box-shadow: none;
}
body #app .field-row.row-type label {
  box-shadow: none;
  border: 1px solid;
  background-color: color-mix(in oklab, var(--c-label-color) 12.5%, white);
  color: color-mix(in oklab, var(--c-label-color) 75%, black);
  border-color: color-mix(in oklab, var(--c-label-color) 50%, white);
}
body #app .field-row.row-type label:hover {
  background-color: color-mix(in oklab, var(--c-label-color) 25%, white);
}
body #app .field-row.row-type .field:checked + label {
  background-color: color-mix(in oklab, var(--c-label-color) 100%, white);
  color: color-mix(in oklab, var(--c-label-color) 12.5%, white);
  border-color: color-mix(in oklab, var(--c-label-color) 100%, white);
}
body #app .field-row.row-type .field:checked + label:hover {
  background-color: color-mix(in oklab, var(--c-label-color) 90%, black);
  border-color: color-mix(in oklab, var(--c-label-color) 90%, black);
}
body #app .field-row.row-mycelium-searchable-checkbox-group .checkbox-search-row {
  border-width: 0 !important;
  border-bottom-width: 2px !important;
  border-radius: 0;
}
body #app .field-row.row-mycelium-searchable-checkbox-group .checkbox-search-row .field-wrap .field {
  position: initial;
  opacity: initial;
  height: initial;
  width: initial;
  padding: 0.5rem;
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y; /* helps pointer/touch routing */
  overscroll-behavior: contain; /* helps everywhere except iOS */
  padding-top: 0.25rem;
  max-height: 280px;
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap label .label-text[contenteditable=true] {
  border-bottom: 2px dotted currentColor;
  color: var(--c-brand--2);
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap label .label-text[contenteditable=true]::selection {
  background-color: var(--c-brand-9);
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap label .edit {
  margin-left: 0.5rem;
  font-size: 1.1em;
  transform-origin: bottom left;
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap label .edit:hover {
  color: var(--c-brand-2);
}
body #app .field-row.row-mycelium-searchable-checkbox-group > .field-wrap label .edit:active {
  transform: scale(0.9);
}
body #app .field-row.row-password .field-wrap {
  display: flex;
  flex-direction: row;
}
body #app .field-row.row-password .field-wrap button {
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ddd;
  color: inherit;
  font-size: 1em;
  line-height: 1;
}
body #app .field-row.row-password .field-wrap button:hover {
  background: #ccc;
}
body #app .field-row.row-password .field-wrap button:active {
  background: #bbb;
}
body #app .field-row [type=submit] {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
}
body #app .field-row [type=submit]:hover {
  background: #257363;
  text-decoration: none;
}
body #app .field-row [type=submit][disabled] {
  background: #939393;
}
body #app .field-row [type=submit].red {
  background: #a73a3a;
}
body #app .field-row [type=submit].red:hover {
  background: #7d2020;
}
body #app .field-row [type=submit] i {
  transition: 0s;
  font-size: 1.4em;
  margin-left: 0.5rem;
}
body #app .field-row [type=submit]:hover i {
  transition: 0.4s;
  transform: rotate(180deg);
}
body #app [data-field-style=outline] {
  --c-panel-color: var(--c-brand--2);
  --field-bg: transparent;
}
body #app [data-field-style=outline] .field-row:not(.row-submit) {
  border: 2px solid var(--c-brand--2);
}
body #app .autofill-button {
  align-items: center;
  gap: 0.5rem;
  margin: 1rem;
  background: linear-gradient(135deg, #43877a, #3aa791);
}
body #app .autofill-button > i {
  font-size: 1.1em;
}
body #app .autofill-button:hover {
  background: linear-gradient(135deg, #356a60, #257363);
}
body #app #autofill-modal .inner {
  max-width: 560px;
}
body #app #autofill-modal .content-wrap {
  padding-bottom: 1rem;
}
body #app .autofill-body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body #app .autofill-body .autofill-intro {
  margin: 0;
  font-size: 0.85em;
  color: #555;
}
body #app .autofill-body .autofill-tabs {
  display: flex;
  gap: 0.5rem;
  border-bottom: 1px solid #e4ebe9;
}
body #app .autofill-body .autofill-tabs .autofill-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: 0;
  padding: 0.75rem 1rem;
  margin-bottom: -1px;
  font-size: 0.9em;
  color: #555;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  transition: 0.1s;
}
body #app .autofill-body .autofill-tabs .autofill-tab > i {
  font-size: 1.05em;
}
body #app .autofill-body .autofill-tabs .autofill-tab:hover {
  color: var(--c-brand--2);
}
body #app .autofill-body .autofill-tabs .autofill-tab[aria-selected=true] {
  color: var(--c-brand--2);
  border-bottom-color: var(--c-brand--2);
  font-weight: 600;
}
body #app .autofill-body .autofill-panels {
  min-height: 12rem;
}
body #app .autofill-body .autofill-panel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body #app .autofill-body .autofill-panel[hidden] {
  display: none;
}
body #app .autofill-body .autofill-file-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem 1rem;
  margin-bottom: 1rem;
  border: 2px dashed #b8d3cc;
  border-radius: 0.75rem;
  background: #f4f9f7;
  cursor: pointer;
  transition: 0.1s;
  text-align: center;
}
body #app .autofill-body .autofill-file-label:hover, body #app .autofill-body .autofill-file-label:focus-within {
  border-color: var(--c-brand--2);
}
body #app .autofill-body .autofill-file-label.is-dragging {
  border-color: var(--c-brand--2);
  background: #e6f1ee;
}
body #app .autofill-body .autofill-file-label .autofill-file {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
body #app .autofill-body .autofill-file-label .autofill-file-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1em;
  color: var(--c-brand--2);
  font-weight: 600;
}
body #app .autofill-body .autofill-file-label .autofill-file-cta > i {
  font-size: 1.4em;
}
body #app .autofill-body .autofill-file-label .autofill-file-hint {
  font-size: 0.75em;
  color: #777;
}
body #app .autofill-body .autofill-preview {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #111;
}
body #app .autofill-body .autofill-preview .autofill-preview-img {
  display: block;
  width: 100%;
  max-height: 280px;
  object-fit: contain;
}
body #app .autofill-body .autofill-preview .autofill-preview-clear {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.1s;
}
body #app .autofill-body .autofill-preview .autofill-preview-clear > i {
  font-size: 1.1em;
}
body #app .autofill-body .autofill-preview .autofill-preview-clear:hover {
  background: rgba(0, 0, 0, 0.85);
  transform: scale(1.05);
}
body #app .autofill-body .autofill-text {
  width: 100%;
  min-height: 8em;
  padding: 0.75rem;
  border: 1px solid #cfd8d4;
  border-radius: 0.5rem;
  background: #fff;
  font-family: inherit;
  font-size: 0.95em;
  resize: vertical;
}
body #app .autofill-body .autofill-text:focus {
  outline: none;
  border-color: var(--c-brand--2);
  box-shadow: 0 0 0 2px rgba(67, 135, 122, 0.2);
}
body #app .autofill-body .autofill-text-counter {
  font-size: 0.75em;
  color: #777;
  text-align: right;
}
body #app .autofill-body .autofill-error {
  margin: 0;
}
body #app .autofill-body .autofill-error[hidden] {
  display: none;
}
body #app .autofill-body .autofill-actions {
  display: flex;
  justify-content: flex-end;
}
body #app .autofill-body .autofill-submit {
  width: 100%;
  text-align: center;
  gap: 0.5rem;
}
body #app .autofill-body .autofill-submit > i {
  font-size: 1.05em;
}
body #app .autofill-body .autofill-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: 0.15s opacity;
}
body #app .autofill-body .autofill-loading[aria-hidden=false] {
  opacity: 1;
  pointer-events: auto;
}
body #app .autofill-body .autofill-loading .autofill-spinner {
  width: 2.5rem;
  height: 2.5rem;
  border: 3px solid #e4ebe9;
  border-top-color: var(--c-brand--2);
  border-radius: 50%;
  animation: autofill-spin 0.8s linear infinite;
}
body #app .autofill-body .autofill-loading .autofill-loading-msg {
  font-size: 0.9em;
  color: var(--c-brand--2);
  font-weight: 600;
}
@keyframes autofill-spin {
  to {
    transform: rotate(360deg);
  }
}
body #app .acf-label:has(> .autofill-undo) {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body #app .acf-label:has(> .autofill-undo) > .autofill-undo {
  margin-left: auto;
}
body #app .autofill-undo {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
  background: transparent;
  color: var(--c-brand--2);
  border: 1px solid currentColor;
  border-radius: 0.25rem;
  cursor: pointer;
  line-height: 1;
  font-size: 0.7em;
  font-weight: 600;
  transition: 0.1s;
}
body #app .autofill-undo > i {
  font-size: 1em;
  line-height: 1;
}
body #app .autofill-undo:hover {
  background: var(--c-brand--2);
  color: white;
}
body #app .autofill-undo:active {
  transform: scale(0.95);
}
body #app #mycelium-banners {
  position: relative;
  z-index: 1;
}
body #app .banner {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: 0px 0.001953125rem 0.046875rem 0px rgba(0, 0, 0, 0.02), 0px 0.015625rem 0.375rem 0px rgba(0, 0, 0, 0.04), 0px 0.052734375rem 1.265625rem 0px rgba(0, 0, 0, 0.06), 0px 0.125rem 3rem 0px rgba(0, 0, 0, 0.08);
  font-size: 1.25rem;
  line-height: 1.3;
}
body #app .banner[data-type=info] {
  --notice-c: var(--c-brand--5);
  --notice-bg: var(--c-brand-9);
}
body #app .banner[data-type=news] {
  --notice-c: #437484;
  --notice-bg: #f4f4f4;
}
body #app .banner[data-type=warning] {
  --notice-c: #9f4a0a;
  --notice-bg: #fffbeb;
}
body #app .banner > i {
  flex: 0 0 auto;
}
body #app .banner .banner-message {
  min-width: 0;
  margin-right: auto;
}
body #app .banner .banner-message .banner-message--mobile {
  display: none;
}
@media (max-width: 767px) {
  body #app .banner .banner-message .banner-message--desktop {
    display: none;
  }
  body #app .banner .banner-message .banner-message--mobile {
    display: inline;
  }
}
body #app .banner .banner-cta {
  flex: 0 0 auto;
  white-space: nowrap;
}
body #app .banner a.banner-cta,
body #app .banner .banner-cta > a,
body #app .banner .banner-cta > button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.75rem;
  border: 0;
  border-radius: 0.25rem;
  background: var(--notice-c);
  color: var(--notice-bg);
  font: inherit;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
body #app .banner a.banner-cta:hover,
body #app .banner .banner-cta > a:hover,
body #app .banner .banner-cta > button:hover {
  opacity: 0.85;
  text-decoration: none;
}
body #app .banner .banner-dismiss {
  flex: 0 0 auto;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0 0.25rem;
}
body #app .banner .banner-dismiss:hover,
body #app .banner .banner-dismiss:focus-visible {
  opacity: 1;
}
@media (max-width: 600px) {
  body #app .banner {
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
  }
}
body #app .topic-tree {
  --topic-gutter: 1.5rem;
}
body #app .topic-tree .topic-branch,
body #app .topic-tree .topic-children {
  display: flex;
  flex-direction: column;
}
body #app .topic-tree .topic-children[hidden] {
  display: none;
}
body #app .topic-tree .topic-parent {
  display: flex;
  align-items: center;
}
body #app .topic-tree .topic-toggle,
body #app .topic-tree .topic-gutter {
  flex: none;
  width: var(--topic-gutter);
}
body #app .topic-tree .topic-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-left: 0.4em;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.25em;
  color: var(--c-panel-color);
}
body #app .topic-tree .topic-toggle:hover {
  color: var(--c-brand--4);
}
body #app .topic-tree .topic-toggle i {
  transition: 0.2s;
}
body #app .topic-tree .topic-toggle[aria-expanded=true] i {
  transform: rotate(180deg);
}
body #app .topic-tree .topic-children {
  margin-left: calc(var(--topic-gutter) + 0.75rem);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
body #app .topic-tree .topic-child {
  font-size: 0.75em;
}
@media (hover: hover) {
  body #app .topic-tree .topic-parent:hover,
  body #app .topic-tree .topic-child:hover {
    background: rgba(0, 0, 0, 0.03);
  }
}
body #app .topic-tree .topic-parent .field:indeterminate ~ .checkmark {
  box-shadow: 0px 0px 0px 2px var(--c-panel-color) inset;
}
body #app .topic-tree .topic-parent .field:indeterminate ~ .checkmark:after {
  opacity: 1;
  transform: none;
  top: 0;
  width: 60%;
  height: 0;
  border-width: 0 0 3px 0;
  border-color: var(--c-panel-color);
}
body #app .topic-tree .is-implied .topic-child .checkmark:after {
  opacity: 0.4;
  transform: scale(1) rotate(45deg);
  border-color: var(--c-panel-color);
}
body #app .digitalis-vimeo {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
body #app .digitalis-vimeo .vimeo-wrap {
  position: relative;
  /* .fullscreen-control {

      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 8px;
      right: 8px;
      width: 32px;
      height: 32px;

      background: black;
      color: white;
      border-radius: 4px;

      cursor: pointer;

      &:hover {

          background: var(--c-brand-2);
          color: black;

      }

      &:active {

          color: white;

      }

  } */
}
body #app .digitalis-vimeo .vimeo-wrap:hover .overlay {
  bottom: calc(40px + var(--pad));
}
body #app .digitalis-vimeo .vimeo-wrap:hover .control-bar {
  opacity: 1;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar {
  --vimeo-color: var(--c-brand-2);
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.8em;
  bottom: 0.8em;
  left: 0.8em;
  right: 0.8em;
  height: 3.2em;
  font-size: 10px;
  opacity: 0;
  transition: 0.1s;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .play-button {
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 2.33em;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 250ms ease-out, background-color 40ms, color 40ms, width 250ms ease-in-out;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .play-button:hover {
  background: var(--vimeo-color);
  color: black;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  gap: 8px;
  padding: 0px 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap {
  display: flex;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap .progress-bar {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 0.4em;
  border-radius: 10em;
  transition: height 0.2s ease-in-out;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap .progress-bar > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 10em;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap .progress-bar .buffer-indicator {
  background: rgba(255, 255, 255, 0.3);
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap .progress-bar .playback-indicator {
  background: var(--vimeo-color);
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .progress-wrap:hover .progress-bar {
  height: 0.8em;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .control-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 22px;
  cursor: pointer;
}
body #app .digitalis-vimeo .vimeo-wrap .control-bar .progress-and-buttons .control-button:hover {
  color: var(--vimeo-color);
}
body #app .digitalis-vimeo .vimeo-wrap .overlay {
  --pad: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  position: absolute;
  left: var(--pad);
  bottom: var(--pad);
  width: calc(100% - 2 * var(--pad));
  border-radius: 0.33rem;
  color: white;
  line-height: 1.2;
  visibility: hidden;
  opacity: 0;
  transition: 0.25s;
}
body #app .digitalis-vimeo .vimeo-wrap .overlay:has(> .overlay-text) {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.5rem;
}
body #app .digitalis-vimeo .vimeo-wrap .overlay[data-state=show] {
  visibility: visible;
  opacity: 1;
}
body #app .digitalis-vimeo .vimeo-wrap .overlay .overlay-text {
  font-size: 0.66em;
}
body #app .digitalis-vimeo .vimeo-wrap .overlay .cta {
  font-size: 0.75em;
  padding: 0.75rem 1rem;
  white-space: nowrap;
  margin-left: auto;
}
body #app .digitalis-vimeo.fullscreen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100dvh !important;
}
body #app .video-embed-wrap {
  width: 100%;
  max-width: 100%;
  aspect-ratio: var(--aspect-ratio, 16/9);
  border-radius: 0.5rem;
  overflow: hidden;
}
body #app .video-embed-wrap iframe.video-embed {
  width: 100%;
  height: 100%;
  border: 0;
}
body #app .acf-form-message {
  padding: 1rem;
  margin: 0;
  border-bottom: 1px solid #e4ebe9;
  font-size: 0.8em;
  color: #666;
}
body #app {
  font-size: 20px;
  --h4-font-size: clamp(1rem, 1.333vw + 1rem, 1.333rem);
  --h3-font-size: clamp(1.19051563rem, 1.58637337vw + 1rem, 1.776889rem);
  --h2-font-size: clamp(1.5869573348rem, 1.7816357022vw + 1rem, 2.368593037rem);
  --h1-font-size: clamp(2.1154141273rem, 2.041920391vw + 1rem, 3.1573345183rem);
}
body #app h4 {
  line-height: calc(2px + 2ex + 2px);
  font-size: 1.333rem;
  font-size: var(--h4-font-size);
}
body #app h3 {
  line-height: calc(2px + 2ex + 2px);
  font-size: 1.776889rem;
  font-size: var(--h3-font-size);
}
body #app h2 {
  line-height: calc(2px + 2ex + 2px);
  font-size: 2.368593037rem;
  font-size: var(--h2-font-size);
}
body #app h1 {
  line-height: calc(2px + 2ex + 2px);
  font-size: 3.1573345183rem;
  font-size: var(--h1-font-size);
}
body #app h1 {
  color: #43877a;
  margin-bottom: 1rem;
}
body #app a.button,
body #app button,
body #app p.button > a {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
}
body #app a.button:hover,
body #app button:hover,
body #app p.button > a:hover {
  background: #257363;
  text-decoration: none;
}
body #app a.button[disabled],
body #app button[disabled],
body #app p.button > a[disabled] {
  background: #939393;
}
body #app a.button.red,
body #app button.red,
body #app p.button > a.red {
  background: #a73a3a;
}
body #app a.button.red:hover,
body #app button.red:hover,
body #app p.button > a.red:hover {
  background: #7d2020;
}
body #app a.button.edit,
body #app button.edit,
body #app p.button > a.edit {
  background: transparent;
  border: 2px solid currentColor;
  color: #3aa791;
}
body #app a.button.edit:hover,
body #app button.edit:hover,
body #app p.button > a.edit:hover {
  background: transparent;
  color: #257363;
}
body #app a.button.delete,
body #app button.delete,
body #app p.button > a.delete {
  background: transparent;
  border: 2px solid currentColor;
  color: #d46e6e;
}
body #app a.button.delete:hover,
body #app button.delete:hover,
body #app p.button > a.delete:hover {
  background: transparent;
  color: #7b1c1c;
}
body #app a.button.outbound,
body #app button.outbound,
body #app p.button > a.outbound {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  white-space: normal;
}
body #app a.button.outbound > i,
body #app button.outbound > i,
body #app p.button > a.outbound > i {
  font-size: 0.95em;
  opacity: 0.65;
}
body #app a.button.primary,
body #app button.primary,
body #app p.button > a.primary {
  background: var(--c-type, #3aa791);
}
body #app a.button.primary:hover,
body #app button.primary:hover,
body #app p.button > a.primary:hover {
  background: var(--c-type, #3aa791);
  filter: brightness(0.9);
}
body #app p.button > a,
body #app a.button {
  text-decoration: none;
}
body #app form:not(.field-group) {
  margin-bottom: 0;
}
body #app form:not(.field-group) label {
  /* font-size: 16px;
  margin-bottom: 0.25rem;
  color: #66c8b3; */
}
body #app form:not(.field-group) select,
body #app form:not(.field-group) textarea,
body #app form:not(.field-group) input {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: #f1f6f5;
  transition: 0.1s;
}
body #app form:not(.field-group) select:hover,
body #app form:not(.field-group) textarea:hover,
body #app form:not(.field-group) input:hover {
  box-shadow: 0px 0px 0px 2px rgba(95, 153, 142, 0.5333333333) inset;
}
body #app form:not(.field-group) select:focus,
body #app form:not(.field-group) textarea:focus,
body #app form:not(.field-group) input:focus {
  box-shadow: 0px 0px 0px 2px #5f998e inset;
}
body #app form:not(.field-group) textarea {
  resize: vertical;
}
body #app form:not(.field-group) input[type=submit] {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
}
body #app form:not(.field-group) input[type=submit]:hover {
  background: #257363;
  text-decoration: none;
}
body #app form:not(.field-group) input[type=submit][disabled] {
  background: #939393;
}
body #app form:not(.field-group) input[type=submit].red {
  background: #a73a3a;
}
body #app form:not(.field-group) input[type=submit].red:hover {
  background: #7d2020;
}
body #app [data-field-inactive] {
  display: none !important;
}
body #app .buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body #app .buttons.small {
  gap: 0.25rem;
}
body #app .subhead {
  font-size: 1.1em;
  margin-bottom: 0.5rem;
}
body #app .content-header {
  margin-top: 1rem;
}
body #app .content iframe {
  display: block;
  width: 100%;
}
body #app .content-block {
  margin-bottom: 1rem;
}
body #app .content-block > h2 {
  margin-bottom: 1rem;
}
body #app .acf-form {
  transition: 0.2s;
}
body #app .acf-form.loading {
  opacity: 0.4;
}
body #app .acf-form .acf-field {
  border-top: 1px solid #e4ebe9;
  padding: 1rem;
}
body #app .acf-form .acf-field .field-note {
  margin: 0.5rem 0 0;
  font-size: 0.8em;
  opacity: 0.7;
}
body #app .acf-form .acf-field .acf-label {
  /* font-size: 16px;
  margin-bottom: 0.25rem;
  color: #66c8b3; */
}
body #app .acf-form .acf-field .acf-label label {
  margin: 0;
  display: inline;
}
body #app .acf-form .acf-field .acf-label label .acf-required {
  color: currentColor;
}
body #app .acf-form .acf-field .acf-label .description {
  display: inline;
  margin-top: 0;
  font-size: 0.8em;
  color: #939393;
  display: inline;
  margin-left: 0.5rem;
}
body #app .acf-form .acf-field .acf-label .description:before {
  content: "(";
}
body #app .acf-form .acf-field .acf-label .description:after {
  content: ")";
}
body #app .acf-form .acf-field .acf-input select,
body #app .acf-form .acf-field .acf-input textarea,
body #app .acf-form .acf-field .acf-input input {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: #f1f6f5;
  transition: 0.1s;
}
body #app .acf-form .acf-field .acf-input select:hover,
body #app .acf-form .acf-field .acf-input textarea:hover,
body #app .acf-form .acf-field .acf-input input:hover {
  box-shadow: 0px 0px 0px 2px rgba(95, 153, 142, 0.5333333333) inset;
}
body #app .acf-form .acf-field .acf-input select:focus,
body #app .acf-form .acf-field .acf-input textarea:focus,
body #app .acf-form .acf-field .acf-input input:focus {
  box-shadow: 0px 0px 0px 2px #5f998e inset;
}
body #app .acf-form .acf-field .acf-input textarea {
  resize: none;
}
body #app .acf-form .acf-field .acf-input img {
  border-radius: 0.5rem;
}
body #app .acf-form .acf-field .acf-input .acf-input-wrap.acf-url i.acf-icon {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
body #app .acf-form .acf-field .acf-actions .acf-button {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
  background: transparent;
  border: 2px solid currentColor;
  color: #3aa791;
  padding: 0.5rem 1rem;
  font-size: 0.7em;
}
body #app .acf-form .acf-field .acf-actions .acf-button:hover {
  background: #257363;
  text-decoration: none;
}
body #app .acf-form .acf-field .acf-actions .acf-button[disabled] {
  background: #939393;
}
body #app .acf-form .acf-field .acf-actions .acf-button.red {
  background: #a73a3a;
}
body #app .acf-form .acf-field .acf-actions .acf-button.red:hover {
  background: #7d2020;
}
body #app .acf-form .acf-field .acf-actions .acf-button:hover {
  background: transparent;
  color: #257363;
}
body #app .acf-form .acf-field .acf-actions .acf-button.disabled {
  opacity: 0.3;
  filter: saturate(0);
  pointer-events: none !important;
}
body #app .acf-form .acf-field .acf-actions .acf-icon.dark {
  background: var(--c-brand--4);
  color: white;
  text-decoration: none;
}
body #app .acf-form .acf-field .acf-actions .acf-icon.dark:hover {
  background: var(--c-brand--6);
  color: var(--c-brand-1);
}
body #app .acf-form .acf-field.acf-field-true-false .acf-label .description {
  display: block;
  margin-left: 0;
}
body #app .acf-form .acf-field.acf-field-true-false .acf-label .description:before, body #app .acf-form .acf-field.acf-field-true-false .acf-label .description:after {
  content: initial;
}
body #app .acf-form .acf-field.acf-field-button-group .acf-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body #app .acf-form .acf-field.acf-field-button-group .acf-button-group > label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
  cursor: pointer;
  background: #f1f6f5;
  color: inherit;
}
body #app .acf-form .acf-field.acf-field-button-group .acf-button-group > label.selected {
  background: var(--c-brand);
  color: white;
}
body #app .acf-form .acf-field.acf-field-button-group .acf-button-group > label:hover {
  background: var(--c-brand-7);
}
body #app .acf-form .acf-field.acf-field-button-group .acf-button-group > label:hover.selected {
  background: var(--c-brand--2);
}
body #app .acf-form .acf-field.acf-field-repeater {
  min-height: initial !important;
}
body #app .acf-form .acf-field.acf-field-repeater .acf-row-number {
  font-size: 10px;
}
body #app .acf-form .acf-field.acf-field-repeater .acf-repeater.-block td.acf-fields .acf-field {
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
body #app .acf-form .acf-field.acf-field-repeater .acf-repeater.-block td.acf-fields .acf-field > .acf-label {
  margin-bottom: 0;
  font-size: 0.8em;
}
body #app .acf-form .acf-field.acf-field-repeater .acf-repeater.-block td.acf-fields .acf-field > .acf-label:after {
  content: ":";
}
body #app .acf-form .acf-field.acf-field-repeater .acf-repeater.-block td.acf-fields .acf-field > .acf-input {
  flex: 1;
}
body #app .acf-form .acf-field.acf-field-repeater .acf-repeater.-block td.acf-fields .acf-field > .acf-input .acf-image-uploader img {
  margin-bottom: 0 !important;
}
body #app .acf-form .acf-field.acf-field-rrule {
  min-height: initial;
  padding: 0;
}
body #app .acf-form .acf-field.acf-field-rrule > .acf-label {
  display: none;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields .acf-field {
  border: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field + .acf-field {
  padding-top: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field .acf-field {
  padding: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field:first-child .acf-field-date-picker {
  margin-bottom: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 1rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns .acf-column {
  margin: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns .acf-column > .acf-label {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns .acf-column > .acf-label > input {
  margin-right: 0.5rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns .acf-column > .acf-label > label {
  margin: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options .acf-columns .acf-column:last-child .acf-columns {
  flex-direction: row;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options input[type=radio] {
  box-shadow: 0 0 0 2px var(--c-earth-5) inset, 0 0 0 8px #ffffff inset;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays {
  margin-left: -0.25rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr {
  border: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr td {
  border: 0;
  padding: 0.25rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr td label {
  border: 0;
  cursor: pointer;
  border-radius: 0.25rem;
  background: #f1f6f5;
  color: inherit;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr td label:hover {
  background: var(--c-brand-4);
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr td input[type=checkbox]:checked + label {
  background: var(--c-brand);
  color: white;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options table.acf-rrule-monthdays tr td input[type=checkbox]:checked + label:hover {
  background: var(--c-brand--2);
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options ul.acf-checkbox-list {
  list-style: none;
  border: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options ul.acf-checkbox-list li {
  font-size: inherit;
  margin-bottom: 0.25rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields > .acf-field.monthly-by-options ul.acf-checkbox-list li input {
  margin-right: 0.5rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields {
  margin: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields .acf-field {
  margin: 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-field-rrule-sub-fields .acf-field select {
  height: initial;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  width: 100%;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-prepend,
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-append {
  display: flex;
  align-items: center;
  background-color: #f1f6f5;
  border: 0;
  color: #6c9a90;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-prepend {
  border-right: 1px solid #e0e7e6;
  border-radius: 0.5rem 0 0 0.5rem;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-append {
  border-left: 1px solid #e0e7e6;
  border-radius: 0 0.5rem 0.5rem 0;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-wrap {
  flex: 1;
}
body #app .acf-form .acf-field.acf-field-rrule .acf-input:has(> .acf-input-append, > .acf-input-prepend) > .acf-input-append {
  order: 1;
}
body #app .acf-form .acf-field.advanced-field {
  display: none;
}
body #app .acf-form.show-advanced .acf-field.advanced-field {
  display: block;
}
body #app .acf-form.show-advanced.flash-advanced .acf-field.advanced-field {
  animation: mycelium-advanced-flash 0.6s ease-out;
}
body #app .acf-form .advanced-toggle {
  background: transparent;
  border: 2px solid currentColor;
  color: #3aa791;
  display: block;
  width: calc(100% - 2rem);
  margin: 1rem;
  margin-bottom: 0;
  font-size: 0.8em;
}
body #app .acf-form .advanced-toggle:hover {
  background: transparent;
  color: #257363;
}
body #app .acf-form .acf-form-submit {
  padding: 1rem;
}
body #app .acf-form .acf-form-submit input[type=submit] {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
  width: 100%;
}
body #app .acf-form .acf-form-submit input[type=submit]:hover {
  background: #257363;
  text-decoration: none;
}
body #app .acf-form .acf-form-submit input[type=submit][disabled] {
  background: #939393;
}
body #app .acf-form .acf-form-submit input[type=submit].red {
  background: #a73a3a;
}
body #app .acf-form .acf-form-submit input[type=submit].red:hover {
  background: #7d2020;
}
body #app .acf-form .acf-form-submit .acf-notice {
  border-left: 0;
  border-radius: 0.5rem;
  font-size: 0.8em;
  font-weight: bold;
}
@keyframes mycelium-advanced-flash {
  0% {
    background-color: rgba(58, 167, 145, 0.25);
  }
  100% {
    background-color: transparent;
  }
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_validation_errors {
  display: none;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form {
  --gf-form-gap-y: 1rem;
  margin-bottom: 0;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form label {
  /* font-size: 16px;
  margin-bottom: 0.25rem;
  color: #66c8b3; */
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form select,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form textarea,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: #f1f6f5;
  transition: 0.1s;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form select:hover,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form textarea:hover,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input:hover {
  box-shadow: 0px 0px 0px 2px rgba(95, 153, 142, 0.5333333333) inset;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form select:focus,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form textarea:focus,
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input:focus {
  box-shadow: 0px 0px 0px 2px #5f998e inset;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form textarea {
  resize: vertical;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input[type=submit] {
  padding: 1rem 1.75rem;
  border: 0;
  background: #3aa791;
  color: white;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.8em;
  font-weight: bold;
  cursor: pointer;
  transition: 0.1s;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input[type=submit]:hover {
  background: #257363;
  text-decoration: none;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input[type=submit][disabled] {
  background: #939393;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input[type=submit].red {
  background: #a73a3a;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form input[type=submit].red:hover {
  background: #7d2020;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .gfield_label {
  /* font-size: 16px;
  margin-bottom: 0.25rem;
  color: #66c8b3; */
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .gform-field-label--type-sub {
  font-size: 0.7em;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .hidden_label .gfield_label {
  position: relative;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .validation_message {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: #a70000;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .validation_message:before {
  content: "⤶";
  display: inline-block;
  transform: rotate(90deg) translate(-0.2em, 0px);
  margin-right: 0.5em;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .gform_footer {
  padding-bottom: 0;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper form .gform_footer input[type=submit] {
  margin-bottom: 0;
}
body #app .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_required_legend {
  display: none;
}
body #app .pswp-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
body #app .pswp-gallery .pswp-gallery__item a {
  display: block;
}
body #app .pswp-gallery .pswp-gallery__item a img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.25rem !important;
  margin: 0 !important;
  transition: 0.1s;
}
body #app .pswp-gallery .pswp-gallery__item a img:hover {
  filter: brightness(1.05);
}
body #app .pswp-gallery .pswp-gallery__item a figcaption {
  display: none;
}

.pswp .pswp__custom-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  color: white;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.5;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .pswp .pswp__custom-caption {
    font-size: 1.25rem;
  }
}
@media (max-width: 480px) {
  .pswp .pswp__custom-caption {
    font-size: 1rem;
  }
}

.htmx-request:not(body) {
  animation: pulse 0.3s ease-in-out 0s infinite alternate;
  pointer-events: none;
}

@keyframes pulse {
  0% {
    opacity: 0.25;
    filter: grayscale(1);
  }
  100% {
    opacity: 1;
    filter: grayscale(0);
  }
}
@keyframes peekaboo {
  0% {
    transform: translateY(var(--peekaboo-rest));
  }
  40% {
    transform: translateY(calc(var(--peekaboo-rest) - var(--peekaboo-height)));
  }
  60% {
    transform: translateY(var(--peekaboo-rest));
  }
  80% {
    transform: translateY(calc(var(--peekaboo-rest) - var(--peekaboo-height) / 4));
  }
  100% {
    transform: translateY(var(--peekaboo-rest));
  }
}
#app {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  /* *:focus {

      border: 2px solid red !important;

  } */
}
#app [data-z-focusable]:not(#dmy) {
  z-index: 2;
}
@media (min-width: 769px) {
  #app [data-z-focusable]:not(#dmy)[data-z-focus] {
    z-index: 3;
  }
}
#app #windows > .window {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 9;
  top: 0;
  left: 0;
  height: 100vh;
  height: 100dvh;
  width: 35vw;
  width: 35dvw;
  min-width: 500px;
  background: white;
  transition: 0.2s;
  transition-property: transform, height, border-radius;
  transform: translate(-100%, 0);
  box-shadow: none;
}
@media (max-width: 500px) {
  #app #windows > .window {
    width: 100%;
    min-width: 100%;
  }
}
#app #windows > .window.open {
  transform: translate(0, 0);
  box-shadow: 0.001953125rem 0 0.046875rem 0px rgba(0, 0, 0, 0.02), 0.015625rem 0 0.375rem 0px rgba(0, 0, 0, 0.04), 0.052734375rem 0 1.265625rem 0px rgba(0, 0, 0, 0.06), 0.125rem 0 3rem 0px rgba(0, 0, 0, 0.08);
}
#app #windows > .window.open .ribbon {
  box-shadow: 0px 0.001953125rem 0.046875rem 0px rgba(0, 0, 0, 0.02), 0px 0.015625rem 0.375rem 0px rgba(0, 0, 0, 0.04), 0px 0.052734375rem 1.265625rem 0px rgba(0, 0, 0, 0.06), 0px 0.125rem 3rem 0px rgba(0, 0, 0, 0.08);
}
#app #windows > .window.collapse {
  border-radius: 1.5rem 1.5rem 0 0;
  height: 50vh;
  height: 50dvh;
  bottom: 0;
  top: initial;
}
#app #windows > .window.collapse .ribbon {
  border-radius: 1.5rem;
}
#app #windows > .window.collapse .ribbon .collapse-button > i:before {
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16V8M12 8L15.5 11.5M12 8L8.5 11.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16V8M12 8L15.5 11.5M12 8L8.5 11.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#app #windows > .window.collapsable {
  min-width: initial;
  --collapsable-window-margin: var(--screen-padding);
  border-radius: 1.5rem;
  left: var(--collapsable-window-margin);
  top: initial;
  bottom: var(--collapsable-window-margin);
  height: calc(100vh - 2 * var(--collapsable-window-margin));
  height: calc(100dvh - 2 * var(--collapsable-window-margin));
  width: calc(100vw - 2 * var(--collapsable-window-margin));
  width: calc(100dvw - 2 * var(--collapsable-window-margin));
  transform: translate(calc(-1 * var(--collapsable-window-margin) - 100%), 0);
  max-width: var(--panel-max-width);
}
@media (max-width: 767px) {
  #app #windows > .window.collapsable.collapse {
    height: 50vh;
    height: 50dvh;
  }
}
#app #windows > .window.collapsable.open {
  transform: translate(0, 0);
  box-shadow: 0 0.03125rem 0.03125rem 0px rgba(0, 0, 0, 0.025), 0 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.05), 0 0.84375rem 0.84375rem 0px rgba(0, 0, 0, 0.075), 0 2rem 2rem 0px rgba(0, 0, 0, 0.1);
}
#app #windows > .window.collapsable .ribbon {
  border-radius: 1.5rem 1.5rem 0 0;
}
#app #windows > .window.no-pad .window-content {
  margin: 0;
  padding: 0;
}
#app #windows > .window .ribbon {
  min-height: var(--header-h);
  max-height: var(--header-h);
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: none;
  border-radius: 0;
}
#app #windows > .window .ribbon .ribbon-buttons {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
#app #windows > .window .ribbon .ribbon-buttons > * {
  color: #43877a;
  border-radius: 50%;
  padding: 0.5rem;
  font-size: 2rem;
  cursor: pointer;
  background: white;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12) inset, 0px 1px 1px rgba(0, 0, 0, 0.12) inset;
  transition: 0.2s;
  transition-property: transform, color, background;
}
#app #windows > .window .ribbon .ribbon-buttons > * > i {
  display: block;
  transition: 0.2s;
}
#app #windows > .window .ribbon .ribbon-buttons > *:hover {
  color: white;
  background: #43877a;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
}
#app #windows > .window .ribbon .ribbon-buttons > *.close-button:hover > i {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  #app #windows > .window .ribbon .ribbon-buttons .collapse-button {
    display: none;
  }
}
#app #windows > .window .ribbon .back-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
#app #windows > .window .ribbon .back-button[data-back=""], #app #windows > .window .ribbon .back-button[data-back=false] {
  display: none;
}
#app #windows > .window .ribbon .back-button i {
  margin-right: 0.5rem;
  position: relative;
  transition: 0.2s;
}
#app #windows > .window .ribbon .back-button:hover {
  color: #356a60;
}
#app #windows > .window .ribbon .back-button:hover i {
  transform: translate(-2px, 0);
}
@media (max-width: 767px) {
  #app #windows > .window .ribbon {
    padding: 0.5rem;
  }
}
#app #windows > .window .window-content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y; /* helps pointer/touch routing */
  overscroll-behavior: contain; /* helps everywhere except iOS */
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 1rem;
  margin-left: 0;
  padding: 0 1rem;
}
#app #windows > .window .window-content .menu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#app #windows > .window .window-content .menu > a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding: 1rem;
  color: #43877a;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
}
#app #windows > .window .window-content .menu > a > div {
  display: flex;
  align-items: center;
  flex-direction: row;
}
#app #windows > .window .window-content .menu > a > div > i {
  margin-right: 0.5rem;
}
#app #windows > .window .window-content .menu > a:hover {
  text-decoration: none;
  background: rgba(67, 135, 122, 0.0392156863);
  color: #111;
}
#app #windows > .window .window-content .menu > a .subtitle {
  font-size: 0.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#app #windows > .window .window-content .menu#main-menu > a:last-child {
  border-top: 1px solid #eee;
  margin-top: auto;
}
#app #windows > .window .window-content .no_items {
  margin-bottom: 1rem;
}
#app #windows > .window .window-content .admin {
  margin-top: 1rem;
  border-top: 1px solid #ddd;
  padding-top: 0.5rem;
}
#app #windows > .window .window-content img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 1rem;
  border-radius: 1rem;
}
#app #windows > .window .window-content .object-edit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: #e4ebe9;
  border: 1px solid #e4ebe9;
  border-radius: 0.75rem;
  overflow: hidden;
}
#app #windows > .window .window-content .object-edit-actions a {
  flex: 1 1 5.5rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: white;
  color: #43877a;
  font-size: 0.8em;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  padding: 0.85rem 0.75rem;
}
#app #windows > .window .window-content .object-edit-actions a > i {
  flex: 0 0 auto;
  font-size: 1.2em;
  opacity: 0.7;
}
#app #windows > .window .window-content .object-edit-actions a > span:not(.sr-only) {
  flex: 0 0 auto;
  margin: 0 auto;
}
#app #windows > .window .window-content .object-edit-actions a:after {
  content: "";
  flex: 0 1 1.2em;
}
#app #windows > .window .window-content .object-edit-actions a:hover {
  background: #f2f6f5;
  color: #111;
}
#app #windows > .window .window-content .object-edit-actions a:hover > i {
  opacity: 1;
}
#app #windows > .window .window-content .object-edit-actions a:active {
  background: #e4ebe9;
}
#app #windows > .window .window-content .object-edit-actions a.delete {
  color: #a33b3b;
}
#app #windows > .window .window-content .object-edit-actions a.delete:hover {
  background: #fdf4f4;
  color: #7b1c1c;
}
#app #windows > .window .window-content .object-edit-actions a.delete:active {
  background: #f6e3e3;
}
#app #windows > .window .window-content#org-edit-window-content .buttons {
  padding: 1rem;
  padding-bottom: 0;
}
#app #windows > .window .window-content#org-tagging-window-content .notice, #app #windows > .window .window-content#org-members-window-content .notice {
  margin-top: 0.5rem;
}
#app #windows > .window .window-content#org-tagging-window-content section:not(:last-of-type), #app #windows > .window .window-content#org-members-window-content section:not(:last-of-type) {
  margin-bottom: 2rem;
}
#app #windows > .window .window-content#org-tagging-window-content section > h4, #app #windows > .window .window-content#org-members-window-content section > h4 {
  margin-bottom: 1rem;
  color: var(--c-panel-color);
}
#app #windows > .window .window-content#embed-options-window-content {
  --c-panel-color: var(--c-brand--2);
}
#app #windows > .window .window-content#embed-options-window-content #embed-code-row {
  margin-top: 2rem;
  border-top: 4px solid var(--c-brand-9);
  padding-top: 0.5rem;
}
#app #windows > .window .window-content#embed-options-window-content #embed-code-row:focus-within {
  box-shadow: none !important;
}
#app #windows > .window .window-content#embed-options-window-content #embed-code-row label {
  font-weight: bold;
}
#app #windows > .window .window-content#embed-options-window-content #embed-code-row textarea {
  width: 100%;
  border-radius: 0.5rem;
  border: 2px solid var(--c-panel-color);
  font-size: 0.8em;
  background: #fafafa;
}
@media (max-width: 767px) {
  #app #windows > .window {
    width: 100%;
  }
}
#app #drawers {
  position: fixed;
  top: var(--header-h);
  bottom: var(--footer-h);
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
#app #drawers > .drawer {
  --bar-h: var(--results-drawer-h);
  --mh: 85dvh;
  --peekaboo-duration: 600ms;
  --peekaboo-height: 80px;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-height: var(--mh);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  transform: translateY(calc(var(--mh) - var(--bar-h)));
  will-change: transform;
  --results-c: #777;
}
#app #drawers > .drawer[data-type=organisations] {
  --results-c: var(--c-org-dark-2);
}
#app #drawers > .drawer[data-type=events] {
  --results-c: var(--c-event-dark);
}
#app #drawers > .drawer[data-type=stories] {
  --results-c: var(--c-story-dark-2);
}
#app #drawers > .drawer[data-peekaboo] {
  animation: peekaboo var(--peekaboo-duration) ease-out forwards;
}
#app #drawers > .drawer .drawer-bar {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
  padding-top: 0.5rem;
  position: relative;
  height: var(--bar-h);
  border-bottom: 1px solid #eee;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  cursor: grab;
  touch-action: none; /* critical: lets us capture vertical drag on mobile */
}
#app #drawers > .drawer .drawer-bar .drawer-label {
  font-size: 0.7em;
  user-select: none;
}
#app #drawers > .drawer .drawer-bar .drawer-label .map-key-icon {
  margin-right: 0.4em;
}
#app #drawers > .drawer .drawer-bar .drawer-controls {
  display: flex;
  gap: 0.5rem;
  touch-action: initial;
}
#app #drawers > .drawer .drawer-bar .drawer-controls .close-button > i {
  transition: 0.3s;
  display: block;
}
#app #drawers > .drawer .drawer-bar .drawer-controls .close-button:hover > i {
  transform: rotate(90deg);
}
#app #drawers > .drawer .drawer-bar:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 48px;
  left: 0;
  right: 0;
  top: 0.25rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #ddd;
  border-radius: 10px;
  transition: 0.3s var(--tx-bounce);
}
#app #drawers > .drawer .drawer-bar:hover {
  color: var(--c-brand);
}
#app #drawers > .drawer .drawer-bar:hover:after {
  width: 64px;
  background-color: var(--c-brand);
}
#app #drawers > .drawer .drawer-bar:active {
  cursor: grabbing;
}
#app #drawers > .drawer .drawer-bar:active:after {
  width: 100px;
  background-color: var(--c-brand--2);
}
#app #drawers > .drawer .drawer-content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y; /* helps pointer/touch routing */
  overscroll-behavior: contain; /* helps everywhere except iOS */
  display: flex;
  flex-direction: column;
  height: var(--visible-h);
  max-height: calc(100% - var(--bar-h));
}
#app #drawers > .drawer .drawer-content .result {
  --img-w: 140px;
  --img-mw: 64px;
  --result-gap: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  gap: var(--result-gap);
  width: 100%;
  padding: 1rem;
  overflow: initial;
  width: 100%;
  border-radius: initial;
  background: transparent;
  color: inherit;
  text-decoration: none;
  box-shadow: initial;
  transition: 0.1s var(--tx-bounce);
}
#app #drawers > .drawer .drawer-content .result > img {
  display: block;
  object-fit: cover;
  object-position: center;
  max-height: var(--img-w);
  width: var(--img-w);
  min-width: var(--img-mw);
  border-radius: 0.5rem;
  transition: 0.3s var(--tx-bounce);
  order: 1;
}
#app #drawers > .drawer .drawer-content .result .details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  width: calc(100% - var(--img-w) - var(--result-gap));
}
#app #drawers > .drawer .drawer-content .result .details > * {
  margin: 0;
}
#app #drawers > .drawer .drawer-content .result .details .title {
  margin-bottom: 0.5rem;
}
#app #drawers > .drawer .drawer-content .result .details .type-pill {
  margin-bottom: 0.25rem;
}
#app #drawers > .drawer .drawer-content .result .details .detail {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.9em;
}
#app #drawers > .drawer .drawer-content .result .details .detail i {
  margin-right: 0.5em;
}
#app #drawers > .drawer .drawer-content .result .details .detail > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#app #drawers > .drawer .drawer-content .result .details .detail:has(+ .detail) {
  margin-bottom: 0.125rem;
}
#app #drawers > .drawer .drawer-content .result:has(+ .result) {
  border-bottom: 2px solid #ddd;
}
#app #drawers > .drawer .drawer-content .result:hover {
  color: var(--c-brand);
}
#app #drawers > .drawer .drawer-content .result:hover img {
  filter: none;
  transform: scale(0.9);
}
#app #drawers > .drawer .drawer-content .result:active {
  transform: scale(0.99);
}
#app #drawers > .drawer .drawer-content .result[data-highlight] {
  background: var(--c-brand);
  color: white;
}
#app #drawers > .drawer .drawer-content .result[data-highlight] .type-pill {
  background: white;
  color: var(--c-brand);
}
#app #drawers > .drawer .drawer-content .load-more {
  margin: 1rem;
}
@media (max-width: 768px) {
  #app #drawers > .drawer .drawer-content .result {
    justify-content: flex-start;
    text-align: left;
  }
  #app #drawers > .drawer .drawer-content .result > img {
    width: var(--img-mw);
    order: 0;
  }
  #app #drawers > .drawer .drawer-content .result .details {
    width: calc(100% - var(--img-mw) - var(--result-gap));
    align-items: flex-start;
  }
  #app #drawers > .drawer .drawer-content .result .details .title {
    padding-right: 1rem;
    font-size: 1em;
  }
  #app #drawers > .drawer .drawer-content .result .details .detail {
    font-size: 0.75em;
    justify-content: flex-start;
  }
}
#app header {
  height: var(--header-h);
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: #43877a;
  background: linear-gradient(45deg, #43877a, #436e87);
  box-shadow: 0px 0.001953125rem 0.046875rem 0px rgba(0, 0, 0, 0.02), 0px 0.015625rem 0.375rem 0px rgba(0, 0, 0, 0.04), 0px 0.052734375rem 1.265625rem 0px rgba(0, 0, 0, 0.06), 0px 0.125rem 3rem 0px rgba(0, 0, 0, 0.08);
}
#app header .branding {
  transition: 0.2s;
}
#app header .branding #logo {
  max-width: 300px;
  padding: 0.25rem;
  color: white;
  display: block;
}
#app header .branding:focus, #app header .branding:hover {
  opacity: 0.8;
}
#app header .ribbon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#app header .ribbon .mycelium-controls {
  width: auto;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
#app header .ribbon .mycelium-controls .field-row {
  background: none;
}
#app header .ribbon .mycelium-controls .field-row .field-wrap {
  padding: 0;
}
#app header .ribbon .mycelium-controls .field-row.row-radio-buttons:focus-within, #app header .ribbon .mycelium-controls .field-row.row-radio-buttons:active, #app header .ribbon .mycelium-controls .field-row.row-button:focus-within, #app header .ribbon .mycelium-controls .field-row.row-button:active {
  box-shadow: none;
}
#app header .ribbon .mycelium-controls .field-row.row-radio-buttons label, #app header .ribbon .mycelium-controls .field-row.row-button button {
  padding: 0.75rem 1rem;
  box-shadow: none;
  border: 1px solid currentColor;
  color: white;
}
#app header .ribbon .mycelium-controls .field-row.row-radio-buttons label:hover, #app header .ribbon .mycelium-controls .field-row.row-button button:hover {
  background-color: transparent;
  color: #b7fff1;
}
#app header .ribbon .mycelium-controls .field-row.row-view {
  margin-left: 1rem;
}
#app header .ribbon .mycelium-controls .field-row.row-view label {
  color: #9fffd2;
}
#app header .ribbon .mycelium-controls .field-row.row-view label:hover {
  color: #d5ffeb;
}
#app header .ribbon .mycelium-controls .field-row.row-view .field:checked + label {
  border-color: #9fffd2;
  background-color: #9fffd2;
  color: #43877a;
}
#app header .ribbon .mycelium-controls .field-row.row-view .field:checked + label:hover {
  border-color: #d5ffeb;
  background-color: #d5ffeb;
}
#app header .ribbon .ribbon-button {
  color: white;
  text-decoration: none;
  border: 2px solid currentColor;
  padding: 0.5rem 1rem;
  margin-left: 0.5rem;
  line-height: 1;
  border-radius: 0.25rem;
  font-size: 0.8em;
}
#app header .ribbon .ribbon-button:hover {
  color: #9fffd2;
}
#app header .ribbon .ribbon-button:active {
  transform: scale(0.95);
}
#app header .ribbon .icon-button {
  margin-left: 1rem;
  color: white;
  border-radius: 4px;
}
#app header .ribbon .icon-button i {
  display: block;
  font-size: 36px;
  cursor: pointer;
}
#app header .ribbon .icon-button i:hover {
  color: #9fffd2;
}
#app header .ribbon .icon-button i:active {
  transform: scale(0.95);
}
#app main {
  --aside-padding: var(--screen-padding);
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: 1;
}
#app main aside {
  position: absolute;
  left: var(--aside-padding);
  top: var(--aside-padding);
  height: calc(100% - 2 * var(--aside-padding) - var(--results-drawer-h));
  max-width: calc(100% - 2 * var(--aside-padding));
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 2;
  background: rgba(245, 245, 245, 0.6196078431);
  box-shadow: 0px 0.015625rem 0.03125rem 0px rgba(0, 0, 0, 0.025), 0px 0.125rem 0.25rem 0px rgba(0, 0, 0, 0.05), 0px 0.421875rem 0.84375rem 0px rgba(0, 0, 0, 0.075), 0px 1rem 2rem 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
}
#app main aside:has(.mycelium-filter-panels[data-panel=wall]) {
  height: initial;
}
#app main aside:has(.mycelium-filter-panels[data-panel=wall]) .filter-panel-select {
  margin-bottom: 0;
}
#app main aside .controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: rgba(61, 189, 164, 0.7607843137);
  transition: 0.1s;
}
#app main aside .controls a {
  cursor: pointer;
  padding: 1rem;
  display: inline-block;
  line-height: 0.8;
  font-size: 1.8rem;
  color: white;
}
#app main aside .controls a:hover {
  color: #7fffe3;
}
#app main aside .controls a.expand {
  display: none;
}
#app main aside .mycelium-filter-panels {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y; /* helps pointer/touch routing */
  overscroll-behavior: contain; /* helps everywhere except iOS */
  margin-right: 0;
  padding: 0;
  max-width: var(--panel-max-width);
  padding: 1rem;
  transition: 0.2s;
  --c-panel-color: var(--c-brand);
}
#app main aside .mycelium-filter-panels::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

#app main aside .mycelium-filter-panels::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  border-radius: 0.5rem;
}

#app main aside .mycelium-filter-panels::-webkit-scrollbar-thumb {
  background: rgba(67, 135, 122, 0.85);
  border-radius: 0.5rem;
}

#app main aside .mycelium-filter-panels::-webkit-scrollbar-thumb:hover {
  background: rgb(67, 135, 122);
}

#app main aside .mycelium-filter-panels .digitalis-filters {
  display: none;
}
#app main aside .mycelium-filter-panels[data-panel=org] #org-filters {
  display: flex;
}
#app main aside .mycelium-filter-panels[data-panel=event] #event-filters {
  display: flex;
}
#app main aside .mycelium-filter-panels[data-panel=story] #story-filters {
  display: flex;
}
#app main aside .mycelium-filter-panels #event-filters [type=submit] {
  background-color: #6c3300;
}
#app main aside .mycelium-filter-panels #event-filters [type=submit]:hover {
  background-color: #4c2400;
}
#app main aside .mycelium-filter-panels #org-filters [type=submit] {
  background-color: #006572;
}
#app main aside .mycelium-filter-panels #org-filters [type=submit]:hover {
  background-color: #00434c;
}
#app main aside .mycelium-filter-panels > .filter-panel-select {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  box-sizing: content-box;
  line-height: 1;
  padding: 1rem;
  border: 2px solid currentColor;
  border-radius: 0.5rem;
  font-size: 0.9em;
  text-decoration: none;
  color: var(--c-panel-color);
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a > i {
  margin-right: 0.5rem;
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a.filter-org {
  --c-panel-color: var(--c-org-dark);
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a.filter-event {
  --c-panel-color: var(--c-event-dark-2);
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a.filter-story {
  --c-panel-color: var(--c-story-dark);
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a:hover {
  text-decoration: none;
  filter: brightness(1.1);
}
#app main aside .mycelium-filter-panels > .filter-panel-select > a[aria-selected=true] {
  background-color: var(--c-panel-color);
  color: white;
  border: 2px solid transparent;
}
@media (max-width: 480px) {
  #app main aside .mycelium-filter-panels > .filter-panel-select > a {
    padding: 0.5rem;
    font-size: 0.9em;
  }
}
#app main aside .mycelium-filter-panels .field-row {
  --field-bg: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05);
}
#app main aside .mycelium-filter-panels .field-row .field {
  background: transparent;
}
#app main aside[aria-hidden=true] {
  /* height: 0px;
  width: 0px;
  pointer-events: none; */
  display: none;
  /* .mycelium-filter-panels {

      height: 0;
      max-width: 0;
      padding: 0;

  } */
}
#app main aside[aria-hidden=true] + #open-filters {
  display: inline-block;
}
#app main #open-filters {
  position: absolute;
  display: none;
  z-index: 2;
  left: var(--aside-padding);
  top: var(--aside-padding);
  padding: 1rem;
  background: #2d5f55;
  color: white;
  border-radius: 1rem;
  line-height: 0.8;
  font-size: 1.8rem;
  transition: 0.1s;
}
#app main #open-filters:hover {
  background: #348d7b;
}
#app main .digitalis-archive {
  display: flex;
  flex-direction: column;
}
#app main .digitalis-archive .items {
  flex: 1;
}
#app main .digitalis-archive .items #mapbox {
  border-radius: 0;
  height: 100%;
  position: relative;
}
#app main .digitalis-archive .items #mapbox:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  box-shadow: 0px 0px 0.0231481481vw 0px rgba(0, 0, 0, 0.0166666667) inset, 0px 0px 0.1851851852vw 0px rgba(0, 0, 0, 0.0333333333) inset, 0px 0px 0.625vw 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 1.4814814815vw 0px rgba(0, 0, 0, 0.0666666667) inset, 0px 0px 2.8935185185vw 0px rgba(0, 0, 0, 0.0833333333) inset, 0px 0px 5vw 0px rgba(0, 0, 0, 0.1) inset;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-ctrl-attrib-button {
  background-color: white;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  padding: 0;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content {
  font-size: 16px;
  padding-top: 1.5rem;
  box-shadow: 0px 0.015625rem 0.125rem 0px rgba(0, 0, 0, 0.075), 0px 0.125rem 1rem 0px rgba(0, 0, 0, 0.15);
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .mapboxgl-popup-close-button {
  font-size: 22px;
  color: #43877a;
  background: white;
  top: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.12);
  transform: translate(0, -50%);
  transition: 0.1s;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
  background: #43877a;
  color: white;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .title {
  color: #43877a;
  margin-bottom: 0.5rem;
  line-height: 1;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content img {
  display: block;
  max-width: 100%;
  height: auto;
  pointer-events: none;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .body {
  font-size: 1em;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .body .tagline {
  margin-bottom: 0.5rem;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .body button {
  border: 0;
  padding: 0.5rem;
  background: #48b9a2;
  color: white;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.1s;
}
#app main .digitalis-archive .items #mapbox .mapboxgl-popup-content .body button:hover {
  background: #309984;
}
#app footer {
  height: var(--footer-h);
  position: relative;
  z-index: 4;
  width: 100%;
  background: #414141;
  color: #aaa;
  font-size: 0.7em;
  padding: 0.25rem 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px -0.001953125rem 0.046875rem 0px rgba(0, 0, 0, 0.02), 0px -0.015625rem 0.375rem 0px rgba(0, 0, 0, 0.04), 0px -0.052734375rem 1.265625rem 0px rgba(0, 0, 0, 0.06), 0px -0.125rem 3rem 0px rgba(0, 0, 0, 0.08);
}
#app footer a {
  color: inherit;
  text-decoration: none;
}
#app footer a:hover {
  text-decoration: underline;
}
@media (max-width: 479px) {
  #app footer {
    padding: 0.125rem 0.25rem;
    font-size: 0.4em;
  }
}
#app a {
  color: var(--c-brand--2);
  transition: 0.1s;
  text-decoration: underline;
}
#app a:hover {
  text-decoration: none;
}
#app a.delete {
  color: #971616;
}
#app img {
  max-width: 100%;
  height: auto;
}
#app button {
  font-family: "Mulish", sans-serif;
  cursor: pointer;
}
#app .object-page {
  overflow-wrap: anywhere;
}
#app .object-page .buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
#app .object-page .buttons > .outbound,
#app .object-page .buttons > .primary {
  grid-column: 1/-1;
}
#app .object-page .object-edit-actions {
  margin-top: 0.75rem;
}
#app .object-page > h1 {
  color: var(--c-type);
}
#app .object-page .pswp-gallery {
  margin-top: 1rem;
}
#app .specs {
  font-size: 0.9em;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #006572;
  border-radius: 1rem;
  color: white;
}
#app .specs > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#app .specs > div:not(:last-child) {
  margin-bottom: 0.5rem;
}
#app .specs > div i {
  margin-right: 1rem;
  color: #a5ffed;
  color: #a3f2f9;
  font-size: 1.1em;
}
#app .specs > div a {
  color: white;
}
#app .specs > div > div:before {
  color: #a5ffed;
  color: #a3f2f9;
}
#app .specs > div > div.topic-list:before {
  content: "Topics: ";
}
#app .specs > div > div.tag-list:before {
  content: "Tags: ";
}
#app .specs > div > div.friend-list:before {
  content: "Friends: ";
}
#app .specs > div > div.member-list:before {
  content: "Members: ";
}
#app .specs > div > div.hub-list:before {
  content: "Hubs: ";
}
#app .specs > div > div.map-link:before {
  content: "Shareable Link: ";
}
#app .event-occurrences {
  font-size: 0.9em;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #006572;
  border-radius: 1rem;
  color: white;
}
#app .event-occurrences .view-occurrences {
  color: white;
  text-decoration: none;
}
#app .event-occurrences .view-occurrences i {
  position: relative;
  top: 2px;
}
#app .event-occurrences .view-occurrences .iconoir-nav-arrow-up {
  display: none;
}
#app .event-occurrences .event-occurrences-list {
  display: none;
  flex-direction: column;
  margin-top: 0.5rem;
}
#app .event-occurrences .event-occurrences-list a {
  color: white;
  font-size: 0.8em;
  text-decoration: none;
}
#app .event-occurrences .event-occurrences-list a:hover {
  text-decoration: hover;
  color: var(--c-brand-6);
}
#app .event-occurrences .event-occurrences-list a.hidden {
  display: none;
}
#app .event-occurrences .event-occurrences-list a.show-more {
  margin-top: 0.5rem;
}
#app .event-occurrences.open .view-occurrences {
  color: white;
}
#app .event-occurrences.open .view-occurrences .iconoir-nav-arrow-up {
  display: inline-block;
}
#app .event-occurrences.open .view-occurrences .iconoir-nav-arrow-down {
  display: none;
}
#app .event-occurrences.open .event-occurrences-list {
  display: flex;
}
#app .mini-table {
  font-size: 0.9em;
}
#app .mini-table > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.5rem;
}
#app .mini-table > div i {
  margin-right: 0.25rem;
  color: #43877a;
}
#app .result {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  padding: 0;
  overflow: hidden;
  width: 100%;
  border-radius: 1rem;
  background: #2e413d;
  color: white;
  text-decoration: none;
  box-shadow: 0px 0.00390625rem 0.015625rem 0px rgba(0, 0, 0, 0.0375), 0px 0.03125rem 0.125rem 0px rgba(0, 0, 0, 0.075), 0px 0.10546875rem 0.421875rem 0px rgba(0, 0, 0, 0.1125), 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.15);
}
#app .result.hidden {
  display: none;
}
#app .result:hover {
  text-decoration: none;
  background-color: #3aa791;
}
#app .result:hover > img {
  filter: brightness(1.1);
}
#app .result > img {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
  object-fit: cover;
  object-position: center;
  transition: 0.1s;
  background: white;
}
#app .result .details {
  padding: 1rem;
  font-size: 0.9em;
}
#app .result .details .detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#app .result .details .detail:not(:last-child) {
  margin-bottom: 0.25rem;
}
#app .result .details .detail i {
  margin-right: 0.5rem;
}
@media (max-width: 479px) {
  #app .result > img {
    display: none;
  }
}
#app .window-content .digitalis-archive .result:not(last-child) {
  margin-bottom: 1rem;
}
#app .modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  border: 0;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 19;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: 0.2s;
  transition-property: opacity;
}
#app .modal[open] {
  pointer-events: initial;
  opacity: 1;
  backdrop-filter: blur(4px);
}
#app .modal .inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 720px;
  max-height: 80vh;
  max-height: 80dvh;
  overflow: hidden;
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0px 0.03125rem 0.046875rem 0px rgba(0, 0, 0, 0.0375), 0px 0.25rem 0.375rem 0px rgba(0, 0, 0, 0.075), 0px 0.84375rem 1.265625rem 0px rgba(0, 0, 0, 0.1125), 0px 2rem 3rem 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 479px) {
  #app .modal .inner {
    max-height: 100%;
  }
}
#app .modal .inner .modal-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  background: var(--c-brand-9);
}
#app .modal .inner .modal-head .modal-title > * {
  margin-bottom: 0;
  line-height: 1.1;
}
#app .modal .inner .modal-head .modal-controls {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
#app .modal .inner .modal-head .modal-controls a {
  font-size: 2em;
  display: block;
  color: var(--c-brand);
  transition: 0.2s;
  border-radius: 50%;
}
#app .modal .inner .modal-head .modal-controls a i {
  display: block;
}
#app .modal .inner .modal-head .modal-controls a:hover {
  transform: rotate(90deg);
  color: #111;
}
#app .modal .inner .content-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y; /* helps pointer/touch routing */
  overscroll-behavior: contain; /* helps everywhere except iOS */
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 1rem;
  margin-left: 0;
}
#app .modal .inner .content-wrap .content > p:first-child, #app .modal .inner .content-wrap .content > h1:first-child, #app .modal .inner .content-wrap .content > h2:first-child, #app .modal .inner .content-wrap .content > h3:first-child, #app .modal .inner .content-wrap .content > h4:first-child, #app .modal .inner .content-wrap .content > h5:first-child, #app .modal .inner .content-wrap .content > h6:first-child {
  margin-top: 0;
}
#app .modal .inner .content-wrap .content > p:last-child, #app .modal .inner .content-wrap .content > h1:last-child, #app .modal .inner .content-wrap .content > h2:last-child, #app .modal .inner .content-wrap .content > h3:last-child, #app .modal .inner .content-wrap .content > h4:last-child, #app .modal .inner .content-wrap .content > h5:last-child, #app .modal .inner .content-wrap .content > h6:last-child {
  margin-bottom: 0;
}
#app .modal#modal-message .content-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 0;
}
#app .modal .user-reg-message {
  margin-bottom: 1rem;
  font-size: 0.9em;
}
#app .modal .user-reg-message > p:first-child, #app .modal .user-reg-message > h1:first-child, #app .modal .user-reg-message > h2:first-child, #app .modal .user-reg-message > h3:first-child, #app .modal .user-reg-message > h4:first-child, #app .modal .user-reg-message > h5:first-child, #app .modal .user-reg-message > h6:first-child {
  margin-top: 0;
}
#app .modal .user-reg-message > p:last-child, #app .modal .user-reg-message > h1:last-child, #app .modal .user-reg-message > h2:last-child, #app .modal .user-reg-message > h3:last-child, #app .modal .user-reg-message > h4:last-child, #app .modal .user-reg-message > h5:last-child, #app .modal .user-reg-message > h6:last-child {
  margin-bottom: 0;
}
#app #org-window .org-page-controls {
  margin-top: 1rem;
}
#app #loginform {
  margin-bottom: 0;
}
#app #loginform input[type=text],
#app #loginform input[type=password],
#app #loginform input[type=submit] {
  display: block;
  width: 100%;
  padding: 1rem;
  font-size: 1.2em;
}
#app #loginform p.login-submit {
  margin-bottom: 0;
}
#app .friend-requests > h3 {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #eee;
}
#app .friend-requests > h3 i {
  margin-right: 0.5rem;
}
#app .friend-requests > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding: 1rem;
}
#app .friend-requests > div .title {
  color: #43877a;
}
#app .friend-requests > div .buttons {
  margin-top: 0.5rem;
}
#app [data-type] {
  --c-type: #777;
}
#app [data-type^=latest] {
  --c-type: #777;
}
#app [data-type^=org] {
  --c-type: var(--c-org-dark-2);
}
#app [data-type^=event] {
  --c-type: var(--c-event-dark);
}
#app [data-type^=stor] {
  --c-type: var(--c-story-dark-2);
}
#app [data-type^=link] {
  --c-type: var(--c-org-dark-2);
}
#app .type-pill {
  font-size: 0.8em;
  padding: 0.25em 1em;
  background: var(--c-type);
  color: white;
  line-height: 1;
  border-radius: 0.25em;
}
#app .map-key-icon:before {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background: var(--c-type);
}
#app .map-key {
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  margin-bottom: 1rem;
}
#app .map-key .map-key-item:before {
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
}
#app .map-key .map-key-item[data-type=event]:before {
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background: var(--c-event-dark);
}
#app .notices {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem;
}
#app .notice {
  --notice-c: currentColor;
  --notice-bg: var(--c-brand-9);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  border-radius: 0.25rem;
  color: var(--notice-c);
  background: var(--notice-bg);
  padding: 0.5rem;
  font-size: 0.8em;
  --notice-c: #222;
  --notice-bg: #ebebeb;
}
#app .notice[data-type=success] {
  --notice-c: var(--c-brand-9);
  --notice-bg: var(--c-brand--1);
}
#app .notice[data-type=error] {
  --notice-c: white;
  --notice-bg: #9f0101;
}
#app .notice.fadeout {
  transition-duration: var(--fadeout);
  opacity: 0;
}
#app *:has(> .copy-to-clipboard) {
  transition: 0.2s;
}
#app *:has(> .copy-to-clipboard).copying {
  animation: pulse 0.3s ease-in-out 0s infinite alternate;
}
#app *:has(> .copy-to-clipboard) .copy-to-clipboard {
  margin-left: 0.25em;
  position: relative;
  top: 0.2em;
}
#app .admin {
  margin-top: 0.5rem;
  font-size: 0.8em;
}

.cc-revoke {
  display: none;
}

.cc-window:not(#dmy) {
  z-index: 5;
  padding: 1rem 2.5rem 1rem 2rem;
  background: rgba(255, 255, 255, 0.6588235294);
  backdrop-filter: blur(10px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  color: inherit;
  font-variation-settings: "wght" 600;
  font-family: inherit;
}
.cc-window:not(#dmy) .cc-compliance a {
  font-size: 1em;
}
.cc-window:not(#dmy) .cc-compliance a.cc-allow {
  color: var(--c-brand--2);
  border-color: currentColor;
  border-radius: 0.25rem;
  transition: 0.1s;
}
.cc-window:not(#dmy) .cc-compliance a.cc-allow:hover {
  color: var(--c-brand);
}
.cc-window:not(#dmy) span.cc-close {
  top: 0.5rem;
  right: 0.5rem;
  font-weight: 800;
  font-size: 1.2em;
  transition: 0.2s;
}
.cc-window:not(#dmy) span.cc-close:hover {
  transform: rotate(90deg);
}

/*# sourceMappingURL=https://mymap.eco/wp-content/scss/front.css.map?v=cc285b4e1afa */