/* Lists and list views */
.admin-area {
  width: 100%;
  border-top-left-radius: 0.5rem;
  overflow: hidden;
}
@media (width >= 768px) {
.admin-area {
    flex: 1;
    display: flex;
    flex-direction: column;
}
  }
.admin-area > header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--light-gray);
    z-index: 999;
  }
:is(.admin-area > header) > *:first-child {
      flex-grow: 1;
    }
:is(.admin-area > header) small {
      font-weight: 100;
      font-size: 0.875rem;
      display: block;
    }
.with-subheading:is(.admin-area > header) h2 {
        margin-bottom: 0.25rem;
      }
.with-subheading:is(.admin-area > header) h2 + p {
        font-size: 0.875rem;
      }
@media (width >= 768px) {
.admin-area > header {
      align-items: center;
      flex-wrap: nowrap;
      position: static;
  }
    }
.admin-area header h2 {
    font-weight: 300;
  }
.admin-area header > h2 {
    flex: 1;
  }
.admin-area section {
    flex: 1;
    overflow: auto;
  }
.top-border:is(.admin-area section) {
      border-top: 1px solid var(--light-gray);
    }
:is(.admin-area section) p {
      padding: 1rem;
    }
.admin-area article {
    display: flex;
  }
.admin-area-filter-options {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
}
.admin-area-filter-options a {
    background-color: var(--medium-purple);
    box-shadow: inset 0 0 5px rgb(0 0 0 / 5%);
    color: var(--gray-700);
    flex: 1;
    padding: 0.5rem 0;
    text-align: center;
    text-decoration: none;
  }
.admin-area-filter-options a:hover {
    background-color: var(--medium-purple);
  }
.admin-area-filter-options a:active {
    background-color: var(--medium-purple);
  }
.admin-area-filter-options a:first-child {
    border-right: 1px solid var(--gray-300);
  }
.admin-area-filter-options a:last-child {
    border-left: 1px solid var(--gray-300);
  }
.admin-area-filter-options a.active {
    background-color: #fff;
    box-shadow: none;
    color: var(--gray-700);
  }
.admin-area-filter-options a.active:hover {
    background-color: var(--light-purple);
  }
.admin-area.unflexed {
  flex: 0;
  min-width: 20rem;
}
.admin-area--exports header h2 {
    margin-bottom: 0;
  }
.admin-area--exports section {
    display: flex;
    flex-direction: column;
  }
.admin-area--exports .fieldset-wrapper {
    overflow: auto;
    padding: 1rem;
  }
.admin-area--exports .solo-form fieldset {
    margin-top: 0;
  }
.admin-area--exports .solo-form footer {
    margin-top: auto;
    padding: 0.5rem 1rem;
  }
.admin-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media (width >= 768px) {
.admin-list {
    height: 0;
}
  }
.admin-list > li {
    align-items: center;
    color: var(--gray-800);
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    min-height: 4rem;
    position: relative;
  }
:is(.admin-list > li) .li-border {
      border-bottom: 1px solid var(--lightest-gray);
      position: absolute;
      bottom: 0;
      right: 0;
      left: 50px;
    }
.without-icon:is(:is(.admin-list > li) .li-border) {
        left: 15px;
      }
:is(.admin-list > li) .metadata {
      color: var(--gray-500);
    }
.stat:is(:is(.admin-list > li) .metadata) {
        text-align: center;
      }
.group:is(.admin-list > li) {
      align-items: flex-start;
      min-height: 0;
      padding: 1rem;
    }
@media only screen and (width <= 599px) {
      .stacked:is(.admin-list > li) {
        height: auto;
      }

        .stacked:is(.admin-list > li) a {
          align-items: flex-start;
          flex-direction: column;
          gap: 0.25rem;
        }
    }
:is(.admin-list > li) h3 {
      font-weight: 500;
    }
:is(.admin-list > li) > a,:is(.admin-list > li) .unclickable,.unclickable:is(.admin-list > li) {
      align-items: center;
      color: var(--gray-600);
      display: flex;
      flex: 1;
      flex-direction: row;
      height: 100%;
      gap: 1rem;
      padding: 1rem;
      width: 100%;
    }
:is(.admin-list > li) > details > summary,:is(.admin-list > li) > a {
      text-decoration: none;
    }
:is(.admin-list > li) a.active {
      background: var(--medium-purple);
      outline: 1px solid var(--medium-purple);
    }
:is(:is(.admin-list > li) a.active) .li-border {
        visibility: hidden;
      }
:is(.admin-list > li) a:hover {
      background: var(--light-purple);
    }
:is(.admin-list > li) a.active:hover {
      background: var(--medium-purple);
    }
:is(.admin-list > li) a,:is(.admin-list > li) a:visited {
      color: var(--gray-600);
    }
:is(.admin-list > li) a.list-invitation,:is(.admin-list > li) a.list-ticket {
      padding-right: 3rem;
    }
:is(.admin-list > li) a.list-invitation .list-invitation--ref {
      color: var(--gray-500);
    }
@media (width >= 600px) {
:is(.admin-list > li) a.list-invitation .list-invitation--ref {
        min-width: 45px;
    }
      }
@media (width >= 600px) {
:is(.admin-list > li) a.list-invitation span b {
        min-width: 180px;
    }
      }
:is(.admin-list > li) b {
      color: var(--gray-900);
      display: inline-block;
      font-weight: 500;
    }
:is(:is(.admin-list > li) div) p {
        padding: 0;
      }
.admin-list .img-in-list {
    height: 2rem;
    margin: -0.5rem 0;
  }
.admin-list.admin-list--tickets li {
  height: auto;
}
@media (width >= 768px) {
.admin-list.admin-list--tickets li {
    height: 4rem;
}
  }
:is(.admin-list.admin-list--tickets li) .no-color.swatch {
    background-image: none;
  }
.ticket-cancelled:is(.admin-list.admin-list--tickets li) .swatch {
      background-color: var(--light-gray);
      border-color: var(--medium-gray);
      color: var(--dark-gray);
    }
.ticket-cancelled:is(.admin-list.admin-list--tickets li) .fa-ban {
      color: var(--danger-color);
      position: absolute;
      right: 17px;
      top: 25px;
    }
:is(.admin-list.admin-list--tickets li) a {
    gap: 1rem;
  }
:is(.admin-list.admin-list--tickets li) .admin-list--ticket-name {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
@media (width >= 600px) {
:is(.admin-list.admin-list--tickets li) .admin-list--ticket-name {
      align-items: center;
      flex-direction: row;
      gap: 0.5rem;
      justify-content: space-between;
  }
    }
@media (width >= 600px) {
:is(:is(.admin-list.admin-list--tickets li) .admin-list--ticket-name) .admin-list--guest-name {
        text-align: right;
        white-space: nowrap;
    }
      }
:is(:is(:is(.admin-list.admin-list--tickets li) .admin-list--ticket-name) .admin-list--guest-name) br {
        display: none;
      }
@media (width >= 600px) {
:is(:is(:is(.admin-list.admin-list--tickets li) .admin-list--ticket-name) .admin-list--guest-name) br {
          display: block;
      }
        }
@media (width >= 768px) {
.admin-list.admin-list--messages {
    height: auto;
}
  }
.admin-list.admin-list--messages li {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    padding: 0.5rem 0;
  }
:is(.admin-list.admin-list--messages li) b {
      width: 4rem;
    }
.admin-list.admin-list--messages li:last-child {
    border-bottom: none;
  }
@media (width >= 425px) {
    .admin-list.admin-list--messages li {
      flex-direction: row;
    }
  }
@media (width >= 768px) {
    .admin-list.admin-list--messages li {
      flex-direction: column;
    }
  }
@media (width >= 1100px) {
    .admin-list.admin-list--messages li {
      flex-direction: row;
    }
  }
@media (width >= 768px) {
.admin-list.admin-list--guests {
    height: auto;
}
  }
.admin-list.admin-list--guests li {
    height: auto;
  }
:is(.admin-list.admin-list--guests li) a {
      gap: 1rem;
      padding: 0.5rem 1rem;
    }
.admin-list.admin-list--guests li:last-child {
    border-bottom: none;
  }
.admin-list--digital-passes {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (width >= 768px) {
.admin-list--digital-passes {
    height: auto;
}
  }
.admin-list--digital-passes li {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.25rem 0;
  }
.admin-list--timeline {
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (width >= 768px) {
.admin-list--timeline {
    height: auto;
}
  }
.admin-list--timeline li {
    display: list-item;
    min-height: auto;
    padding: 0 0 1px;
  }
:is(.admin-list--timeline li):last-child .li-border {
        display: none;
      }
:is(.admin-list--timeline li) .li-border {
      left: 1rem;
    }
.admin-list--timeline-date:is(.admin-list--timeline li) {
      background-color: var(--medium-purple);
      padding: 0.5rem 1rem;
    }
[open]:is(:is(.admin-list--timeline li) details) {
        border-left: 0.25rem solid var(--dark-purple);
        margin-bottom: 0.25rem;
      }
[open]:is(:is(.admin-list--timeline li) details) summary {
          padding-left: 0.75rem;
        }
:is(:is(.admin-list--timeline li) details) .fa-chevron-up {
        display: none;
      }
[open]:is(:is(.admin-list--timeline li) details) .fa-chevron-down {
        display: none;
      }
[open]:is(:is(.admin-list--timeline li) details) .fa-chevron-up {
        display: block;
      }
:is(.admin-list--timeline li) summary {
      align-items: center;
      display: flex;
      cursor: pointer;
      gap: 0.5rem;
      justify-content: space-between;
      padding: 0.5rem 1rem;
    }
:is(:is(.admin-list--timeline li) summary)::marker {
        font-size: 0;
      }
:is(:is(.admin-list--timeline li) summary) .details-toggle {
        opacity: 0.25;
      }
:is(:is(.admin-list--timeline li) summary):hover {
        background-color: var(--light-purple);
      }
:is(:is(.admin-list--timeline li) summary):hover .details-toggle {
          opacity: 1;
        }
:is(.admin-list--timeline li) .details-body {
      padding: 0 2.6rem 1rem;
    }
:is(.admin-list--timeline li) .object-changes {
      margin: 0;
      padding: 0;
    }
:is(:is(.admin-list--timeline li) .object-changes) > li {
        padding: 0.25rem;
      }
:is(:is(:is(.admin-list--timeline li) .object-changes) > li)::marker {
          font-size: 0;
        }
:is(:is(.admin-list--timeline li) .object-changes) .badge {
        background-color: white;
      }
:is(:is(.admin-list--timeline li) .object-changes) .changes-from {
        color: var(--danger-color);
      }
:is(:is(.admin-list--timeline li) .object-changes) .changes-to {
        color: var(--success-color);
      }
:is(:is(.admin-list--timeline li) .object-changes) .changes-blank {
        color: var(--medium-gray);
      }
:is(.admin-list--timeline li) .admin-list--timeline-link {
      text-decoration: none;
    }
:is(:is(.admin-list--timeline li) .admin-list--timeline-link) svg {
        opacity: 0.25;
      }
:is(:is(.admin-list--timeline li) .admin-list--timeline-link):hover {
        background-color: inherit;
      }
:is(:is(.admin-list--timeline li) .admin-list--timeline-link):hover svg {
          opacity: 1;
        }
:is(.admin-list:not(:has(.swatch.with-color)) li) .swatch {
      display: none;
    }
:is(.admin-list > li.event-list) > a {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }
@media only screen and (width >= 768px) {
:is(.admin-list > li.event-list) > a {
      align-items: center;
      flex-direction: row;
      gap: 1rem;
  }
    }
:is(:is(.admin-list > li.event-list) > a) .metadata.stat {
      display: flex;
      flex-direction: row-reverse;
      gap: 1rem;
      justify-content: flex-start;
      width: 100%;
    }
@media only screen and (width >= 768px) {
:is(:is(.admin-list > li.event-list) > a) .metadata.stat {
        display: block;
        width: auto;
    }
      }
:is(:is(:is(.admin-list > li.event-list) > a) .metadata.stat) svg {
        color: var(--orange-500);
      }
:is(:is(:is(.admin-list > li.event-list) > a) .metadata.stat) br {
        display: none;
      }
@media only screen and (width >= 768px) {
:is(:is(:is(.admin-list > li.event-list) > a) .metadata.stat) br {
          display: inherit;
      }
        }
.viewer-list {
  height: auto;
}
.entrypoint-list {
  border-top: 1px solid var(--light-gray);
  list-style-type: none;
  margin: 0 -1rem;
  margin-top: 1rem;
  margin-bottom: -1rem;
  padding: 0;
}
:is(.entrypoint-list li) a {
      padding: 1rem;
      display: block;
      font-size: 0.875rem;
      font-weight: normal;
    }
:is(.entrypoint-list li) a:hover {
      background: var(--lightest-gray);
    }
.dark-mode .entrypoint-list {
    border-top: 1px solid var(--gray-700);
  }
:is(:is(.dark-mode .entrypoint-list) li) a:hover {
        background: var(--gray-900);
      }
.file-list {
  width: 295px;
  overflow-y: auto;
}
:is(.file-list .search-form) input[type="search"] {
      padding: 0.25rem 0.5rem;
    }
.file-list ul {
    padding: 0;
    margin: 0;
  }
.file-list li {
    list-style-type: none;
    padding: 0.15rem 1rem;
  }
:is(.file-list li) a {
      display: block;
      text-decoration: none;
      color: black;
      font-size: 0.85rem;
      border-radius: 0.25rem;
      padding: 0.2rem 0.5rem;
    }
:is(:is(.file-list li) a):hover {
        background: var(--light-gray);
      }
.active:is(:is(.file-list li) a) {
        font-weight: bold;
        background: var(--light-blue);
      }
.mini-admin-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.mini-admin-list > li {
    align-items: center;
    color: var(--gray-800);
    display: flex;
    font-size: 0.875rem;
    min-height: 4rem;
    position: relative;
  }
.option-card-list a + a {
    margin-top: 1rem;
  }
.option-card-list a {
    outline: 1px solid var(--base-border-color);
    border-radius: 0.25rem;
    padding: 1rem;
    display: block;
    position: relative;
    padding-left: 3rem;
    text-decoration: none;
    color: var(--base-text-color);
  }
:is(.option-card-list a) .icon-active {
      display: none;
    }
.active:is(.option-card-list a) {
      outline: 2px solid var(--base-border-color);
    }
.active:is(.option-card-list a) .icon-active {
        display: inline-block;
      }
.active:is(.option-card-list a) .icon-inactive {
        display: none;
      }
:is(.option-card-list a) h5 {
      margin: 0;
    }
:is(.option-card-list a) .icon {
      position: absolute;
      left: 1rem;
      top: 1.25rem;
    }
:is(.option-card-list a) p {
      color: var(--base-muted-color);
      font-size: 0.825rem;
    }
@container dialog-section (width >= 50ch) {
  .option-card-list {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

    .option-card-list a + a {
      margin-top: revert;
    }
}
/* The blow will eventually replace the above */
option-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
option-card-list > a {
    align-items: center;
    border: 1px solid var(--base-border-color);
    color: var(--base-text-color);
    border-radius: 0.25rem;
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    position: relative;
    text-decoration: none;
  }
.active:is(option-card-list > a) {
      background-color: var(--badge-bg-success);
    }
.active:is(option-card-list > a):hover,.active:is(option-card-list > a):active,.active:is(option-card-list > a):focus {
        background-color: var(--badge-bg-success);
      }
:is(option-card-list > a):hover,:is(option-card-list > a):active,:is(option-card-list > a):focus {
      background-color: var(--card-full-link-hover);
    }
:is(option-card-list > a) svg:not(.fa-check) {
      align-self: flex-start;
      opacity: 0.5;
    }
:is(option-card-list > a) > div {
      flex: 1;
    }
:is(option-card-list > a) h3 {
      font-size: var(--text-base);
      font-weight: normal;
      margin: 0;
    }
:is(option-card-list > a) small {
      color: var(--base-hint-color);
    }
.sub-list li {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
  }

/*# sourceMappingURL=/assets/application-lists-98cf7675.css.map */