:root {
  --header-height: 5rem;
  --brand-color: var(--bs-primary);
}

body {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.hover-press {
  transition:
    transform 0.15s ease-out,
    box-shadow 0.15s ease-out;
}

.hover-press:hover {
  transform: translate(0.25em, -0.25em);
  box-shadow: -0.25em 0.25em 0 0 var(--bs-primary);
}

.hover-press:active {
  transform: translate(0, 0);
  box-shadow: 0 0 0 var(--bs-primary);
}

/* HTMX helpers */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator {
  display: revert;
}
.htmx-request .indicator-label {
  display: none;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast-fading {
  opacity: 0 !important;
  transition: opacity 4s linear 1s !important;
}

/* Custom media queries */
@media (max-width: 768px) {
  .horizontal-scroll-wrapper {
    overflow-x: auto;

    &::-webkit-scrollbar {
      display: none;
    }

    -ms-overflow-style: none;

    scrollbar-width: none;
  }
}

@media (max-width: 578px) {
  #sidebarMenu {
    width: 100vw !important;
  }

  #sidebarNav {
    width: 100%;
  }
}