h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
  scroll-margin-top: 80px;
}
.mw-300 {
min-width: 300px !important;
}
.img-16x9-top {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
object-position: top center;
}
.btn-xs {
--bs-btn-padding-y: .1rem;
--bs-btn-padding-x: .25rem;
--bs-btn-font-size: .8rem;
}
.table .crud-links {
opacity: 0;
margin-left: .25rem;
}
.table .crud-links a {
text-decoration: none;
}
.table .crud-links a:hover {
text-decoration: underline;
}
.table tr:hover .crud-links {
opacity: 1;
}

#images .carousel-item {
transition: transform 0.15s ease-in-out !important;
}

#images .carousel-item.active.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 50%;
animation: 0.75s linear infinite spinner-grow;
background-color: currentcolor;
opacity: 0;
z-index: 0;
}

#images .carousel-item img {
z-index: 1;
max-width: 100%;
max-height: 60vh;
margin-left: auto;
margin-right: auto;
position: relative;
}


.noUi-target {
  background: #e9ecef;
  border-radius: 4px;
  border: none;
  height: 0.5rem;
  box-shadow: none;
  margin-top: 1rem;
}

.noUi-handle {
  background: var(--bs-primary);
  border-radius: 50%;
  outline: 1px solid transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  width: 1rem !important;
  height: 1rem !important;
  top: -0.3rem !important;
  right: -0.5rem !important;
}


.noUi-handle:hover,
.noUi-handle.noUi-active {
  outline: 1px solid #fff;
  box-shadow: 0 0 0 4px rgba(13,110,253,.25)
}

.noUi-handle:after,
.noUi-handle:before {
  display: none;
}

.noUi-tooltip {
  background: #000;
  color: white;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: .875em;
  border: none;
  bottom: 150% !important;
}

.noUi-value-large {
	font-size: .875em;
  padding-top: 0;
}

.noUi-marker-horizontal.noUi-marker {
margin-left: 0;
width: 1px;
height: 7px;
}

.noUi-marker-horizontal.noUi-marker.noUi-marker-large {
height: 10px;
}