.modal-sm {
  @apply max-w-lg;
}
.modal-md {
  @apply max-w-2xl;
}
.modal-lg {
  @apply max-w-4xl;
}
.modal-xl {
  @apply max-w-6xl;
}

.login-tabs .tab-button {
  @apply bg-fr-primary hover:opacity-75 transition-colors text-white;
  drop-shadow: rgba(0, 0, 0, 0.1) 0px -3px 4px;
}

.login-tabs .tab-button.active {
  @apply text-fr-primary bg-white !opacity-100;
}

.login-tabs .tab-content {
  display: none;
}

.login-tabs .tab-content.active {
  display: block;
}
