:root {
  --ui-font-family: system-ui, sans-serif;
  --ui-font-family-headings: "Bricolage Grotesque", sans-serif;
  --ui-styled-text-font-size: 15px ;
}

.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: block;
}

.htmx-request > *:not(.htmx-indicator) {
  visibility: hidden;
}

.htmx-request > .htmx-indicator {
  display: block;
}

body.htmx-settling #main-content {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.ui-accordion details:hover summary {
  text-decoration: none;
}

.ui-accordion summary::after {
  min-width: 30px;
  width: 30px;
}

.ui-chip.--xs {
  font-size: 0.65rem;
  padding: 0.1rem 0.4rem;
}

.ui-dropdown {
  & > [popover].--anchor-right {
    position-area: bottom span-left;
  }
  .--trigger.--nobg {
    background-image: none;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}