:root { --primary: #04b6b9; --primary-rgb: 4, 182, 185; }
.focus\:shadow-outline-primary:focus { box-shadow: 0 0 0 3px hsla(181,40%,75%,0.45); }
.bg-primary-50 { background-color: #f6ffff !important; }
.hover\:bg-primary-50:hover { background-color: #f6ffff !important; }
.text-primary-50, .ring-primary-50, .border-primary-50, .focus\:border-primary-50:focus, .border-primary-50:focus { color: #f6ffff !important; border-color: #f6ffff !important; }
.bg-primary-100 { background-color: #eaffff !important; }
.hover\:bg-primary-100:hover { background-color: #eaffff !important; }
.text-primary-100, .ring-primary-100, .border-primary-100, .focus\:border-primary-100:focus, .border-primary-100:focus { color: #eaffff !important; border-color: #eaffff !important; }
.bg-primary-200 { background-color: #c3ffff !important; }
.hover\:bg-primary-200:hover { background-color: #c3ffff !important; }
.text-primary-200, .ring-primary-200, .border-primary-200, .focus\:border-primary-200:focus, .border-primary-200:focus { color: #c3ffff !important; border-color: #c3ffff !important; }
.bg-primary-300 { background-color: #84ffff !important; }
.hover\:bg-primary-300:hover { background-color: #84ffff !important; }
.text-primary-300, .ring-primary-300, .border-primary-300, .focus\:border-primary-300:focus, .border-primary-300:focus { color: #84ffff !important; border-color: #84ffff !important; }
.bg-primary-400 { background-color: #44f6f9 !important; }
.hover\:bg-primary-400:hover { background-color: #44f6f9 !important; }
.text-primary-400, .ring-primary-400, .border-primary-400, .focus\:border-primary-400:focus, .border-primary-400:focus { color: #44f6f9 !important; border-color: #44f6f9 !important; }
.bg-primary-500 { background-color: #04b6b9 !important; }
.hover\:bg-primary-500:hover { background-color: #04b6b9 !important; }
.text-primary-500, .ring-primary-500, .border-primary-500, .focus\:border-primary-500:focus, .border-primary-500:focus { color: #04b6b9 !important; border-color: #04b6b9 !important; }
.bg-primary-600 { background-color: #039da0 !important; }
.hover\:bg-primary-600:hover { background-color: #039da0 !important; }
.text-primary-600, .ring-primary-600, .border-primary-600, .focus\:border-primary-600:focus, .border-primary-600:focus { color: #039da0 !important; border-color: #039da0 !important; }
.bg-primary-700 { background-color: #026c6e !important; }
.hover\:bg-primary-700:hover { background-color: #026c6e !important; }
.text-primary-700, .ring-primary-700, .border-primary-700, .focus\:border-primary-700:focus, .border-primary-700:focus { color: #026c6e !important; border-color: #026c6e !important; }
.bg-primary-800 { background-color: #013b3c !important; }
.hover\:bg-primary-800:hover { background-color: #013b3c !important; }
.text-primary-800, .ring-primary-800, .border-primary-800, .focus\:border-primary-800:focus, .border-primary-800:focus { color: #013b3c !important; border-color: #013b3c !important; }
.bg-primary-900 { background-color: #000a0a !important; }
.hover\:bg-primary-900:hover { background-color: #000a0a !important; }
.text-primary-900, .ring-primary-900, .border-primary-900, .focus\:border-primary-900:focus, .border-primary-900:focus { color: #000a0a !important; border-color: #000a0a !important; }
.text-theme { color: #fff !important; }
.text-xxs { font-size: 10px; }