.group.green .group-\[\.green\]\:bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity)); /* Green 300 */
}

.group.green .group-\[\.green\]\:text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity)); /* Green 800 */
}

.group.green .group-\[\.green\]\:placeholder-green-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(74 222 128 / var(--tw-placeholder-opacity)); /* Green 500 */
}

.group.green .group-\[\.green\]\:placeholder-green-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(74 222 128 / var(--tw-placeholder-opacity)); /* Green 500 */
}

.group.green .group-\[\.green\]\:focus\:border-green-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity)); /* Green 800 */
}