*:not(input):not(textarea) {
	user-select:none !important;
}
.cursor-pointer {
  cursor: pointer;
}
.text-small-caps {
	font-variant: small-caps;
}
.fs-xs {
  font-size: 0.75rem;
}
.fs-sm {
  font-size: 0.85rem;
}
.btn-click-effect:not(.disabled):active {
  animation:btnClickEffect 40ms;
}
@keyframes btnClickEffect {
    0% 	{transform:none;}
   50% 	{transform:scale(0.9);}
  100% 	{transform:none;}
}
.scale-in {
  animation: scaleIn .6s ease both;
}
@keyframes scaleIn {
    0% 	{opacity:0;transform: scale(0); }
   25% 	{opacity:0;transform: scale(0); }
  100% 	{opacity:1;transform: scale(1); }
}

.image-preview-button {
  width: clamp(40px, 5vw, 58px);
  height: clamp(40px, 5vw, 58px);
  font-size: clamp(1rem, 2vw, 1.5rem);
  opacity: .2;
  transition:
    opacity .25s ease,
    background-color .25s ease;
}
.image-preview-prev {
  left: clamp(.5rem, 2vw, 2rem) !important;
}
.image-preview-next {
  right: clamp(.5rem, 2vw, 2rem) !important;
}
.image-preview:hover .image-preview-button,
.image-preview-button:focus-visible {
  opacity: .8;
}
.image-preview-button:hover {
  background-color: rgba(0, 0, 0, .75) !important;
}
.modal-backdrop.show {
    opacity: 0.85;
}