html,
body {
  height: 100dvh;
}

#main {
  min-height: 100%;
}

.footer {
  margin-top: -3rem;
}

.has-border {
  border-color: rgb(41, 35, 31) !important;
  border-style: solid !important;
  border: 1px;
}

.has-border-light {
  border-color: hsl(24, 14%, calc(24% + 20%)) !important;
  border-style: solid !important;
  border: 1px;
}

.has-border.is-rounded {
  border-color: rgb(60, 51, 45) !important;
  border-radius: 0 0 0.25em 0.25em;
  border-top: none !important;
}

.is-sticky-scrollable {
  position: sticky;
  display: block;
  max-height: 100vh;
  overflow-y: auto;
  top: 0;
  bottom: 0;
}

.button.is-loading>span.icon {
  /* hide icons inside buttons during updates */
  visibility: hidden;
}