# easy-invoice/2.4.1/assets/css/palette-ext.css

Easy Invoice – Invoice Generator, PDF Quotes & Payments, version 2.4.1. 424 lines.

- Page: https://pluginprobe.com/plugins/easy-invoice/2.4.1/code/assets/css/palette-ext.css
- Raw: https://pluginprobe.com/plugins/easy-invoice/2.4.1/raw/assets/css/palette-ext.css
- Modified: 2026-09-15T12:31:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-invoice/2.4.1/code/assets/css/palette-ext.css#L10-L20`.

```css
/* Tailwind v3 palette names used by the admin views (amber, emerald, teal, …) that the
   shipped Tailwind v2 bundle does not define. Same specificity as the bundle; loaded after it. */
.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb}
.text-amber-50{--tw-text-opacity:1;color:#fffbeb}
.border-amber-50{--tw-border-opacity:1;border-color:#fffbeb}
.ring-amber-50{--tw-ring-color:#fffbeb}
.from-amber-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-50{--tw-gradient-to:#fffbeb}
.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:#fffbeb}
.hover\:text-amber-50:hover{--tw-text-opacity:1;color:#fffbeb}
.focus\:ring-amber-50:focus{--tw-ring-color:#fffbeb}
.divide-amber-50>:not([hidden])~:not([hidden]){border-color:#fffbeb}
.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7}
.text-amber-100{--tw-text-opacity:1;color:#fef3c7}
.border-amber-100{--tw-border-opacity:1;border-color:#fef3c7}
.ring-amber-100{--tw-ring-color:#fef3c7}
.from-amber-100{--tw-gradient-from:#fef3c7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-100{--tw-gradient-to:#fef3c7}
.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:#fef3c7}
.hover\:text-amber-100:hover{--tw-text-opacity:1;color:#fef3c7}
.focus\:ring-amber-100:focus{--tw-ring-color:#fef3c7}
.divide-amber-100>:not([hidden])~:not([hidden]){border-color:#fef3c7}
.bg-amber-200{--tw-bg-opacity:1;background-color:#fde68a}
.text-amber-200{--tw-text-opacity:1;color:#fde68a}
.border-amber-200{--tw-border-opacity:1;border-color:#fde68a}
.ring-amber-200{--tw-ring-color:#fde68a}
.from-amber-200{--tw-gradient-from:#fde68a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-200{--tw-gradient-to:#fde68a}
.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:#fde68a}
.hover\:text-amber-200:hover{--tw-text-opacity:1;color:#fde68a}
.focus\:ring-amber-200:focus{--tw-ring-color:#fde68a}
.divide-amber-200>:not([hidden])~:not([hidden]){border-color:#fde68a}
.bg-amber-300{--tw-bg-opacity:1;background-color:#fcd34d}
.text-amber-300{--tw-text-opacity:1;color:#fcd34d}
.border-amber-300{--tw-border-opacity:1;border-color:#fcd34d}
.ring-amber-300{--tw-ring-color:#fcd34d}
.from-amber-300{--tw-gradient-from:#fcd34d;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-300{--tw-gradient-to:#fcd34d}
.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:#fcd34d}
.hover\:text-amber-300:hover{--tw-text-opacity:1;color:#fcd34d}
.focus\:ring-amber-300:focus{--tw-ring-color:#fcd34d}
.divide-amber-300>:not([hidden])~:not([hidden]){border-color:#fcd34d}
.bg-amber-400{--tw-bg-opacity:1;background-color:#fbbf24}
.text-amber-400{--tw-text-opacity:1;color:#fbbf24}
.border-amber-400{--tw-border-opacity:1;border-color:#fbbf24}
.ring-amber-400{--tw-ring-color:#fbbf24}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-400{--tw-gradient-to:#fbbf24}
.hover\:bg-amber-400:hover{--tw-bg-opacity:1;background-color:#fbbf24}
.hover\:text-amber-400:hover{--tw-text-opacity:1;color:#fbbf24}
.focus\:ring-amber-400:focus{--tw-ring-color:#fbbf24}
.divide-amber-400>:not([hidden])~:not([hidden]){border-color:#fbbf24}
.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b}
.text-amber-500{--tw-text-opacity:1;color:#f59e0b}
.border-amber-500{--tw-border-opacity:1;border-color:#f59e0b}
.ring-amber-500{--tw-ring-color:#f59e0b}
.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-500{--tw-gradient-to:#f59e0b}
.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:#f59e0b}
.hover\:text-amber-500:hover{--tw-text-opacity:1;color:#f59e0b}
.focus\:ring-amber-500:focus{--tw-ring-color:#f59e0b}
.divide-amber-500>:not([hidden])~:not([hidden]){border-color:#f59e0b}
.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706}
.text-amber-600{--tw-text-opacity:1;color:#d97706}
.border-amber-600{--tw-border-opacity:1;border-color:#d97706}
.ring-amber-600{--tw-ring-color:#d97706}
.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-600{--tw-gradient-to:#d97706}
.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:#d97706}
.hover\:text-amber-600:hover{--tw-text-opacity:1;color:#d97706}
.focus\:ring-amber-600:focus{--tw-ring-color:#d97706}
.divide-amber-600>:not([hidden])~:not([hidden]){border-color:#d97706}
.bg-amber-700{--tw-bg-opacity:1;background-color:#b45309}
.text-amber-700{--tw-text-opacity:1;color:#b45309}
.border-amber-700{--tw-border-opacity:1;border-color:#b45309}
.ring-amber-700{--tw-ring-color:#b45309}
.from-amber-700{--tw-gradient-from:#b45309;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-700{--tw-gradient-to:#b45309}
.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309}
.hover\:text-amber-700:hover{--tw-text-opacity:1;color:#b45309}
.focus\:ring-amber-700:focus{--tw-ring-color:#b45309}
.divide-amber-700>:not([hidden])~:not([hidden]){border-color:#b45309}
.bg-amber-800{--tw-bg-opacity:1;background-color:#92400e}
.text-amber-800{--tw-text-opacity:1;color:#92400e}
.border-amber-800{--tw-border-opacity:1;border-color:#92400e}
.ring-amber-800{--tw-ring-color:#92400e}
.from-amber-800{--tw-gradient-from:#92400e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-800{--tw-gradient-to:#92400e}
.hover\:bg-amber-800:hover{--tw-bg-opacity:1;background-color:#92400e}
.hover\:text-amber-800:hover{--tw-text-opacity:1;color:#92400e}
.focus\:ring-amber-800:focus{--tw-ring-color:#92400e}
.divide-amber-800>:not([hidden])~:not([hidden]){border-color:#92400e}
.bg-amber-900{--tw-bg-opacity:1;background-color:#78350f}
.text-amber-900{--tw-text-opacity:1;color:#78350f}
.border-amber-900{--tw-border-opacity:1;border-color:#78350f}
.ring-amber-900{--tw-ring-color:#78350f}
.from-amber-900{--tw-gradient-from:#78350f;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-amber-900{--tw-gradient-to:#78350f}
.hover\:bg-amber-900:hover{--tw-bg-opacity:1;background-color:#78350f}
.hover\:text-amber-900:hover{--tw-text-opacity:1;color:#78350f}
.focus\:ring-amber-900:focus{--tw-ring-color:#78350f}
.divide-amber-900>:not([hidden])~:not([hidden]){border-color:#78350f}
.bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5}
.text-emerald-50{--tw-text-opacity:1;color:#ecfdf5}
.border-emerald-50{--tw-border-opacity:1;border-color:#ecfdf5}
.ring-emerald-50{--tw-ring-color:#ecfdf5}
.from-emerald-50{--tw-gradient-from:#ecfdf5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-50{--tw-gradient-to:#ecfdf5}
.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:#ecfdf5}
.hover\:text-emerald-50:hover{--tw-text-opacity:1;color:#ecfdf5}
.focus\:ring-emerald-50:focus{--tw-ring-color:#ecfdf5}
.divide-emerald-50>:not([hidden])~:not([hidden]){border-color:#ecfdf5}
.bg-emerald-100{--tw-bg-opacity:1;background-color:#d1fae5}
.text-emerald-100{--tw-text-opacity:1;color:#d1fae5}
.border-emerald-100{--tw-border-opacity:1;border-color:#d1fae5}
.ring-emerald-100{--tw-ring-color:#d1fae5}
.from-emerald-100{--tw-gradient-from:#d1fae5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-100{--tw-gradient-to:#d1fae5}
.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:#d1fae5}
.hover\:text-emerald-100:hover{--tw-text-opacity:1;color:#d1fae5}
.focus\:ring-emerald-100:focus{--tw-ring-color:#d1fae5}
.divide-emerald-100>:not([hidden])~:not([hidden]){border-color:#d1fae5}
.bg-emerald-200{--tw-bg-opacity:1;background-color:#a7f3d0}
.text-emerald-200{--tw-text-opacity:1;color:#a7f3d0}
.border-emerald-200{--tw-border-opacity:1;border-color:#a7f3d0}
.ring-emerald-200{--tw-ring-color:#a7f3d0}
.from-emerald-200{--tw-gradient-from:#a7f3d0;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-200{--tw-gradient-to:#a7f3d0}
.hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:#a7f3d0}
.hover\:text-emerald-200:hover{--tw-text-opacity:1;color:#a7f3d0}
.focus\:ring-emerald-200:focus{--tw-ring-color:#a7f3d0}
.divide-emerald-200>:not([hidden])~:not([hidden]){border-color:#a7f3d0}
.bg-emerald-300{--tw-bg-opacity:1;background-color:#6ee7b7}
.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7}
.border-emerald-300{--tw-border-opacity:1;border-color:#6ee7b7}
.ring-emerald-300{--tw-ring-color:#6ee7b7}
.from-emerald-300{--tw-gradient-from:#6ee7b7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-300{--tw-gradient-to:#6ee7b7}
.hover\:bg-emerald-300:hover{--tw-bg-opacity:1;background-color:#6ee7b7}
.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:#6ee7b7}
.focus\:ring-emerald-300:focus{--tw-ring-color:#6ee7b7}
.divide-emerald-300>:not([hidden])~:not([hidden]){border-color:#6ee7b7}
.bg-emerald-400{--tw-bg-opacity:1;background-color:#34d399}
.text-emerald-400{--tw-text-opacity:1;color:#34d399}
.border-emerald-400{--tw-border-opacity:1;border-color:#34d399}
.ring-emerald-400{--tw-ring-color:#34d399}
.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-400{--tw-gradient-to:#34d399}
.hover\:bg-emerald-400:hover{--tw-bg-opacity:1;background-color:#34d399}
.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:#34d399}
.focus\:ring-emerald-400:focus{--tw-ring-color:#34d399}
.divide-emerald-400>:not([hidden])~:not([hidden]){border-color:#34d399}
.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981}
.text-emerald-500{--tw-text-opacity:1;color:#10b981}
.border-emerald-500{--tw-border-opacity:1;border-color:#10b981}
.ring-emerald-500{--tw-ring-color:#10b981}
.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-500{--tw-gradient-to:#10b981}
.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:#10b981}
.hover\:text-emerald-500:hover{--tw-text-opacity:1;color:#10b981}
.focus\:ring-emerald-500:focus{--tw-ring-color:#10b981}
.divide-emerald-500>:not([hidden])~:not([hidden]){border-color:#10b981}
.bg-emerald-600{--tw-bg-opacity:1;background-color:#059669}
.text-emerald-600{--tw-text-opacity:1;color:#059669}
.border-emerald-600{--tw-border-opacity:1;border-color:#059669}
.ring-emerald-600{--tw-ring-color:#059669}
.from-emerald-600{--tw-gradient-from:#059669;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-600{--tw-gradient-to:#059669}
.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:#059669}
.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:#059669}
.focus\:ring-emerald-600:focus{--tw-ring-color:#059669}
.divide-emerald-600>:not([hidden])~:not([hidden]){border-color:#059669}
.bg-emerald-700{--tw-bg-opacity:1;background-color:#047857}
.text-emerald-700{--tw-text-opacity:1;color:#047857}
.border-emerald-700{--tw-border-opacity:1;border-color:#047857}
.ring-emerald-700{--tw-ring-color:#047857}
.from-emerald-700{--tw-gradient-from:#047857;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-700{--tw-gradient-to:#047857}
.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:#047857}
.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:#047857}
.focus\:ring-emerald-700:focus{--tw-ring-color:#047857}
.divide-emerald-700>:not([hidden])~:not([hidden]){border-color:#047857}
.bg-emerald-800{--tw-bg-opacity:1;background-color:#065f46}
.text-emerald-800{--tw-text-opacity:1;color:#065f46}
.border-emerald-800{--tw-border-opacity:1;border-color:#065f46}
.ring-emerald-800{--tw-ring-color:#065f46}
.from-emerald-800{--tw-gradient-from:#065f46;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-800{--tw-gradient-to:#065f46}
.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:#065f46}
.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:#065f46}
.focus\:ring-emerald-800:focus{--tw-ring-color:#065f46}
.divide-emerald-800>:not([hidden])~:not([hidden]){border-color:#065f46}
.bg-emerald-900{--tw-bg-opacity:1;background-color:#064e3b}
.text-emerald-900{--tw-text-opacity:1;color:#064e3b}
.border-emerald-900{--tw-border-opacity:1;border-color:#064e3b}
.ring-emerald-900{--tw-ring-color:#064e3b}
.from-emerald-900{--tw-gradient-from:#064e3b;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-emerald-900{--tw-gradient-to:#064e3b}
.hover\:bg-emerald-900:hover{--tw-bg-opacity:1;background-color:#064e3b}
.hover\:text-emerald-900:hover{--tw-text-opacity:1;color:#064e3b}
.focus\:ring-emerald-900:focus{--tw-ring-color:#064e3b}
.divide-emerald-900>:not([hidden])~:not([hidden]){border-color:#064e3b}
.bg-teal-50{--tw-bg-opacity:1;background-color:#f0fdfa}
.text-teal-50{--tw-text-opacity:1;color:#f0fdfa}
.border-teal-50{--tw-border-opacity:1;border-color:#f0fdfa}
.ring-teal-50{--tw-ring-color:#f0fdfa}
.from-teal-50{--tw-gradient-from:#f0fdfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-50{--tw-gradient-to:#f0fdfa}
.hover\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:#f0fdfa}
.hover\:text-teal-50:hover{--tw-text-opacity:1;color:#f0fdfa}
.focus\:ring-teal-50:focus{--tw-ring-color:#f0fdfa}
.divide-teal-50>:not([hidden])~:not([hidden]){border-color:#f0fdfa}
.bg-teal-100{--tw-bg-opacity:1;background-color:#ccfbf1}
.text-teal-100{--tw-text-opacity:1;color:#ccfbf1}
.border-teal-100{--tw-border-opacity:1;border-color:#ccfbf1}
.ring-teal-100{--tw-ring-color:#ccfbf1}
.from-teal-100{--tw-gradient-from:#ccfbf1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-100{--tw-gradient-to:#ccfbf1}
.hover\:bg-teal-100:hover{--tw-bg-opacity:1;background-color:#ccfbf1}
.hover\:text-teal-100:hover{--tw-text-opacity:1;color:#ccfbf1}
.focus\:ring-teal-100:focus{--tw-ring-color:#ccfbf1}
.divide-teal-100>:not([hidden])~:not([hidden]){border-color:#ccfbf1}
.bg-teal-200{--tw-bg-opacity:1;background-color:#99f6e4}
.text-teal-200{--tw-text-opacity:1;color:#99f6e4}
.border-teal-200{--tw-border-opacity:1;border-color:#99f6e4}
.ring-teal-200{--tw-ring-color:#99f6e4}
.from-teal-200{--tw-gradient-from:#99f6e4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-200{--tw-gradient-to:#99f6e4}
.hover\:bg-teal-200:hover{--tw-bg-opacity:1;background-color:#99f6e4}
.hover\:text-teal-200:hover{--tw-text-opacity:1;color:#99f6e4}
.focus\:ring-teal-200:focus{--tw-ring-color:#99f6e4}
.divide-teal-200>:not([hidden])~:not([hidden]){border-color:#99f6e4}
.bg-teal-300{--tw-bg-opacity:1;background-color:#5eead4}
.text-teal-300{--tw-text-opacity:1;color:#5eead4}
.border-teal-300{--tw-border-opacity:1;border-color:#5eead4}
.ring-teal-300{--tw-ring-color:#5eead4}
.from-teal-300{--tw-gradient-from:#5eead4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-300{--tw-gradient-to:#5eead4}
.hover\:bg-teal-300:hover{--tw-bg-opacity:1;background-color:#5eead4}
.hover\:text-teal-300:hover{--tw-text-opacity:1;color:#5eead4}
.focus\:ring-teal-300:focus{--tw-ring-color:#5eead4}
.divide-teal-300>:not([hidden])~:not([hidden]){border-color:#5eead4}
.bg-teal-400{--tw-bg-opacity:1;background-color:#2dd4bf}
.text-teal-400{--tw-text-opacity:1;color:#2dd4bf}
.border-teal-400{--tw-border-opacity:1;border-color:#2dd4bf}
.ring-teal-400{--tw-ring-color:#2dd4bf}
.from-teal-400{--tw-gradient-from:#2dd4bf;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-400{--tw-gradient-to:#2dd4bf}
.hover\:bg-teal-400:hover{--tw-bg-opacity:1;background-color:#2dd4bf}
.hover\:text-teal-400:hover{--tw-text-opacity:1;color:#2dd4bf}
.focus\:ring-teal-400:focus{--tw-ring-color:#2dd4bf}
.divide-teal-400>:not([hidden])~:not([hidden]){border-color:#2dd4bf}
.bg-teal-500{--tw-bg-opacity:1;background-color:#14b8a6}
.text-teal-500{--tw-text-opacity:1;color:#14b8a6}
.border-teal-500{--tw-border-opacity:1;border-color:#14b8a6}
.ring-teal-500{--tw-ring-color:#14b8a6}
.from-teal-500{--tw-gradient-from:#14b8a6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-500{--tw-gradient-to:#14b8a6}
.hover\:bg-teal-500:hover{--tw-bg-opacity:1;background-color:#14b8a6}
.hover\:text-teal-500:hover{--tw-text-opacity:1;color:#14b8a6}
.focus\:ring-teal-500:focus{--tw-ring-color:#14b8a6}
.divide-teal-500>:not([hidden])~:not([hidden]){border-color:#14b8a6}
.bg-teal-600{--tw-bg-opacity:1;background-color:#0d9488}
.text-teal-600{--tw-text-opacity:1;color:#0d9488}
.border-teal-600{--tw-border-opacity:1;border-color:#0d9488}
.ring-teal-600{--tw-ring-color:#0d9488}
.from-teal-600{--tw-gradient-from:#0d9488;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-600{--tw-gradient-to:#0d9488}
.hover\:bg-teal-600:hover{--tw-bg-opacity:1;background-color:#0d9488}
.hover\:text-teal-600:hover{--tw-text-opacity:1;color:#0d9488}
.focus\:ring-teal-600:focus{--tw-ring-color:#0d9488}
.divide-teal-600>:not([hidden])~:not([hidden]){border-color:#0d9488}
.bg-teal-700{--tw-bg-opacity:1;background-color:#0f766e}
.text-teal-700{--tw-text-opacity:1;color:#0f766e}
.border-teal-700{--tw-border-opacity:1;border-color:#0f766e}
.ring-teal-700{--tw-ring-color:#0f766e}
.from-teal-700{--tw-gradient-from:#0f766e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-700{--tw-gradient-to:#0f766e}
.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:#0f766e}
.hover\:text-teal-700:hover{--tw-text-opacity:1;color:#0f766e}
.focus\:ring-teal-700:focus{--tw-ring-color:#0f766e}
.divide-teal-700>:not([hidden])~:not([hidden]){border-color:#0f766e}
.bg-teal-800{--tw-bg-opacity:1;background-color:#115e59}
.text-teal-800{--tw-text-opacity:1;color:#115e59}
.border-teal-800{--tw-border-opacity:1;border-color:#115e59}
.ring-teal-800{--tw-ring-color:#115e59}
.from-teal-800{--tw-gradient-from:#115e59;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-800{--tw-gradient-to:#115e59}
.hover\:bg-teal-800:hover{--tw-bg-opacity:1;background-color:#115e59}
.hover\:text-teal-800:hover{--tw-text-opacity:1;color:#115e59}
.focus\:ring-teal-800:focus{--tw-ring-color:#115e59}
.divide-teal-800>:not([hidden])~:not([hidden]){border-color:#115e59}
.bg-teal-900{--tw-bg-opacity:1;background-color:#134e4a}
.text-teal-900{--tw-text-opacity:1;color:#134e4a}
.border-teal-900{--tw-border-opacity:1;border-color:#134e4a}
.ring-teal-900{--tw-ring-color:#134e4a}
.from-teal-900{--tw-gradient-from:#134e4a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-teal-900{--tw-gradient-to:#134e4a}
.hover\:bg-teal-900:hover{--tw-bg-opacity:1;background-color:#134e4a}
.hover\:text-teal-900:hover{--tw-text-opacity:1;color:#134e4a}
.focus\:ring-teal-900:focus{--tw-ring-color:#134e4a}
.divide-teal-900>:not([hidden])~:not([hidden]){border-color:#134e4a}
.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed}
.text-orange-50{--tw-text-opacity:1;color:#fff7ed}
.border-orange-50{--tw-border-opacity:1;border-color:#fff7ed}
.ring-orange-50{--tw-ring-color:#fff7ed}
.from-orange-50{--tw-gradient-from:#fff7ed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-50{--tw-gradient-to:#fff7ed}
.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:#fff7ed}
.hover\:text-orange-50:hover{--tw-text-opacity:1;color:#fff7ed}
.focus\:ring-orange-50:focus{--tw-ring-color:#fff7ed}
.divide-orange-50>:not([hidden])~:not([hidden]){border-color:#fff7ed}
.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5}
.text-orange-100{--tw-text-opacity:1;color:#ffedd5}
.border-orange-100{--tw-border-opacity:1;border-color:#ffedd5}
.ring-orange-100{--tw-ring-color:#ffedd5}
.from-orange-100{--tw-gradient-from:#ffedd5;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-100{--tw-gradient-to:#ffedd5}
.hover\:bg-orange-100:hover{--tw-bg-opacity:1;background-color:#ffedd5}
.hover\:text-orange-100:hover{--tw-text-opacity:1;color:#ffedd5}
.focus\:ring-orange-100:focus{--tw-ring-color:#ffedd5}
.divide-orange-100>:not([hidden])~:not([hidden]){border-color:#ffedd5}
.bg-orange-200{--tw-bg-opacity:1;background-color:#fed7aa}
.text-orange-200{--tw-text-opacity:1;color:#fed7aa}
.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa}
.ring-orange-200{--tw-ring-color:#fed7aa}
.from-orange-200{--tw-gradient-from:#fed7aa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-200{--tw-gradient-to:#fed7aa}
.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:#fed7aa}
.hover\:text-orange-200:hover{--tw-text-opacity:1;color:#fed7aa}
.focus\:ring-orange-200:focus{--tw-ring-color:#fed7aa}
.divide-orange-200>:not([hidden])~:not([hidden]){border-color:#fed7aa}
.bg-orange-300{--tw-bg-opacity:1;background-color:#fdba74}
.text-orange-300{--tw-text-opacity:1;color:#fdba74}
.border-orange-300{--tw-border-opacity:1;border-color:#fdba74}
.ring-orange-300{--tw-ring-color:#fdba74}
.from-orange-300{--tw-gradient-from:#fdba74;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-300{--tw-gradient-to:#fdba74}
.hover\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:#fdba74}
.hover\:text-orange-300:hover{--tw-text-opacity:1;color:#fdba74}
.focus\:ring-orange-300:focus{--tw-ring-color:#fdba74}
.divide-orange-300>:not([hidden])~:not([hidden]){border-color:#fdba74}
.bg-orange-400{--tw-bg-opacity:1;background-color:#fb923c}
.text-orange-400{--tw-text-opacity:1;color:#fb923c}
.border-orange-400{--tw-border-opacity:1;border-color:#fb923c}
.ring-orange-400{--tw-ring-color:#fb923c}
.from-orange-400{--tw-gradient-from:#fb923c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-400{--tw-gradient-to:#fb923c}
.hover\:bg-orange-400:hover{--tw-bg-opacity:1;background-color:#fb923c}
.hover\:text-orange-400:hover{--tw-text-opacity:1;color:#fb923c}
.focus\:ring-orange-400:focus{--tw-ring-color:#fb923c}
.divide-orange-400>:not([hidden])~:not([hidden]){border-color:#fb923c}
.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316}
.text-orange-500{--tw-text-opacity:1;color:#f97316}
.border-orange-500{--tw-border-opacity:1;border-color:#f97316}
.ring-orange-500{--tw-ring-color:#f97316}
.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-500{--tw-gradient-to:#f97316}
.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:#f97316}
.hover\:text-orange-500:hover{--tw-text-opacity:1;color:#f97316}
.focus\:ring-orange-500:focus{--tw-ring-color:#f97316}
.divide-orange-500>:not([hidden])~:not([hidden]){border-color:#f97316}
.bg-orange-600{--tw-bg-opacity:1;background-color:#ea580c}
.text-orange-600{--tw-text-opacity:1;color:#ea580c}
.border-orange-600{--tw-border-opacity:1;border-color:#ea580c}
.ring-orange-600{--tw-ring-color:#ea580c}
.from-orange-600{--tw-gradient-from:#ea580c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-600{--tw-gradient-to:#ea580c}
.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:#ea580c}
.hover\:text-orange-600:hover{--tw-text-opacity:1;color:#ea580c}
.focus\:ring-orange-600:focus{--tw-ring-color:#ea580c}
.divide-orange-600>:not([hidden])~:not([hidden]){border-color:#ea580c}
.bg-orange-700{--tw-bg-opacity:1;background-color:#c2410c}
.text-orange-700{--tw-text-opacity:1;color:#c2410c}
.border-orange-700{--tw-border-opacity:1;border-color:#c2410c}
.ring-orange-700{--tw-ring-color:#c2410c}
.from-orange-700{--tw-gradient-from:#c2410c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-700{--tw-gradient-to:#c2410c}
.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:#c2410c}
.hover\:text-orange-700:hover{--tw-text-opacity:1;color:#c2410c}
.focus\:ring-orange-700:focus{--tw-ring-color:#c2410c}
.divide-orange-700>:not([hidden])~:not([hidden]){border-color:#c2410c}
.bg-orange-800{--tw-bg-opacity:1;background-color:#9a3412}
.text-orange-800{--tw-text-opacity:1;color:#9a3412}
.border-orange-800{--tw-border-opacity:1;border-color:#9a3412}
.ring-orange-800{--tw-ring-color:#9a3412}
.from-orange-800{--tw-gradient-from:#9a3412;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-800{--tw-gradient-to:#9a3412}
.hover\:bg-orange-800:hover{--tw-bg-opacity:1;background-color:#9a3412}
.hover\:text-orange-800:hover{--tw-text-opacity:1;color:#9a3412}
.focus\:ring-orange-800:focus{--tw-ring-color:#9a3412}
.divide-orange-800>:not([hidden])~:not([hidden]){border-color:#9a3412}
.bg-orange-900{--tw-bg-opacity:1;background-color:#7c2d12}
.text-orange-900{--tw-text-opacity:1;color:#7c2d12}
.border-orange-900{--tw-border-opacity:1;border-color:#7c2d12}
.ring-orange-900{--tw-ring-color:#7c2d12}
.from-orange-900{--tw-gradient-from:#7c2d12;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-orange-900{--tw-gradient-to:#7c2d12}
.hover\:bg-orange-900:hover{--tw-bg-opacity:1;background-color:#7c2d12}
.hover\:text-orange-900:hover{--tw-text-opacity:1;color:#7c2d12}
.focus\:ring-orange-900:focus{--tw-ring-color:#7c2d12}
.divide-orange-900>:not([hidden])~:not([hidden]){border-color:#7c2d12}

/* A control given a border colour but no `border` class was drawn borderless
   (preflight zeroes border-width). A colour on a control means a border. */
input.border-gray-300:not([type="checkbox"], [type="radio"]), select.border-gray-300, textarea.border-gray-300 { border-width: 1px; border-style: solid; }
input.border-gray-300:not([type="checkbox"], [type="radio"]), select.border-gray-300, textarea.border-gray-300 { padding: 0.5rem 0.75rem; }
select.border-gray-300 { padding-right: 2rem; }
/* Explicit Tailwind padding utilities on the same control still win (search boxes with an icon inset, etc.). */
input.border-gray-300.pl-7, textarea.border-gray-300.pl-7 { padding-left: 1.75rem; }
input.border-gray-300.pl-8, textarea.border-gray-300.pl-8 { padding-left: 2rem; }
input.border-gray-300.pl-9, textarea.border-gray-300.pl-9 { padding-left: 2.25rem; }
input.border-gray-300.pl-10, textarea.border-gray-300.pl-10 { padding-left: 2.5rem; }
input.border-gray-300.pl-11, textarea.border-gray-300.pl-11 { padding-left: 2.75rem; }
input.border-gray-300.pl-12, textarea.border-gray-300.pl-12 { padding-left: 3rem; }
input.border-gray-300.pr-8 { padding-right: 2rem; }
input.border-gray-300.pr-10 { padding-right: 2.5rem; }
input.border-gray-300.pr-12 { padding-right: 3rem; }
input.border-gray-300.pr-24 { padding-right: 6rem; }
input.border-gray-300.py-1, select.border-gray-300.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
input.border-gray-300.py-1\.5, select.border-gray-300.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
input.border-gray-300.py-3, textarea.border-gray-300.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
input.border-gray-300.py-4, textarea.border-gray-300.py-4 { padding-top: 1rem; padding-bottom: 1rem; }

```