.text-shadow-1 {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.11);
}

.text-shadow-2 {
  text-shadow: 1px 2px rgba(0, 0, 0, 0.1);
}

.shadow-input-default,
.shadow-input-info {
  @apply border-2 border-gray-500;
}

.shadow-input-default:hover,
.shadow-input-info:hover {
  @apply border-2 border-brandGreen-400;
  box-shadow: rgba(7, 114, 239, 0.07) 0 0 0 3px;
}

.shadow-input-default:focus,
.shadow-input-info:focus {
  @apply border-2 border-brandGreen-400;
  box-shadow: rgba(7, 114, 239, 0.2) 0 0 0 4px;
}

.shadow-input-success {
  @apply border-2 border-success;
}

.shadow-input-success:hover {
  box-shadow: rgba(46, 204, 113, 0.1) 0 0 0 3px;
}

.shadow-input-success:focus {
  box-shadow: rgba(46, 204, 113, 0.25) 0 0 0 4px;
}

.shadow-input-warning {
  @apply border-2 border-caution;
}

.shadow-input-warning:hover {
  box-shadow: rgba(255, 178, 29, 0.1) 0 0 0 3px;
}

.shadow-input-warning:focus {
  box-shadow: rgba(255, 178, 29, 0.2) 0 0 0 4px;
}

.shadow-input-danger {
  @apply border-2 border-failure;
}

.shadow-input-danger:hover {
  box-shadow: rgba(230, 96, 84, 0.1) 0 0 0 3px;
}
.shadow-input-danger:focus {
  box-shadow: rgba(230, 96, 84, 0.2) 0 0 0 4px;
}