.block-spr-module h2 {
  padding: 10px 15px 10px;
  margin: 0;
  background-color: #e6eedf;
  color: #353130;
  text-transform: uppercase;
}

.lookup-form {
  padding: 10px 15px 30px;
  background-color: #e6eedf;
  color: #353130;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.lookup-form .form-item {
  display: flex;
  flex-direction: column;
  width: 250px;
  max-width: 100%;
}

.lookup-form .form-item label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.lookup-form .form-item select,
.lookup-form .form-item input[type="date"] {
  cursor: pointer;
}

#lookup-btn {
  width: 120px;
  background: #179f19;
  color: #fff;
}

#lookup-result {
  margin-top: 10px;
  padding: 15px;
  background: #f9f9f9;
}

.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.loading-spinner .loading {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite
}

.loading-spinner .loading::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 5px solid #00761a;
  animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
  100% {transform: rotate(360deg)}
}

@keyframes prixClipFix {
  0% {clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}
  25% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}
  50% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}
  75% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}
  100% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}
}