:root{
  --primary-color: #0077b6;
}
input.hide-form-input-spinner::-webkit-outer-spin-button,
input.hide-form-input-spinner::-webkit-inner-spin-button {
  display: none;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.file-input-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer; 
}
.file-input-wrapper input[type="file"]::after{
  content: "";
  position: absolute;
  cursor: pointer;
  inset: 0;
}
.file-input-wrapper input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.ilustration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  max-height: 65vh;
}
.ilustration > *, .ilustration img {
  flex: 1 1 auto;
  height: 30vh;
  max-height: 30vh;
}
@media only screen and (min-width: 768px) {
  .ilustration > *, .ilustration img {
    height: 45vh;
    max-height: 45vh;
  }
}
.ilustration--small {
  max-height: 15vh;
}
.ilustration--small > *, .ilustration--small img {
  height: 15vh;
  max-height: 15vh;
}
@media only screen and (min-width: 768px) {
  .ilustration--small {
    max-height: 25vh;
  }
  .ilustration--small > *, .ilustration--small img {
    height: 25vh;
    max-height: 25vh;
  }
}
.ilustration-loading-container {
  width: 100%;
  position: fixed;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100vh;
  max-height: 100vh;
}
.ilustration__background {
  position: absolute;
}
.ilustration__background--left-bottom {
  bottom: 9;
  right: 0;
}
.ilustration__title {
  font-weight: 600;
  font-size: 1.25rem;
}
.ilustration__description {
  flex: 0 0 0%;
  padding: 0.5rem;
  text-align: center;
  font-weight: 500;
  color: #a7a7a7;
}

.max-vh-100 {
  max-height: 100vh !important;
}
.max-vh-75 {
  max-height: 75vh !important;
}