.bg-primary-50 { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .dark .dark\:bg-primary-50 { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .bg-primary-50-important { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-50-important { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)) !important; } .focus\:bg-primary-50:focus { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .hover\:bg-primary-50:hover { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-50 { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-50:focus { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-50:hover { --bg-opacity: 1; background-color: rgba(227, 241, 246, var(--bg-opacity)); } .bg-primary-100 { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .dark .dark\:bg-primary-100 { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .bg-primary-100-important { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-100-important { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)) !important; } .focus\:bg-primary-100:focus { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .hover\:bg-primary-100:hover { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-100 { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-100:focus { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-100:hover { --bg-opacity: 1; background-color: rgba(198, 236, 246, var(--bg-opacity)); } .bg-primary-200 { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .dark .dark\:bg-primary-200 { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .bg-primary-200-important { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-200-important { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)) !important; } .focus\:bg-primary-200:focus { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .hover\:bg-primary-200:hover { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-200 { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-200:focus { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-200:hover { --bg-opacity: 1; background-color: rgba(145, 220, 241, var(--bg-opacity)); } .bg-primary-300 { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .dark .dark\:bg-primary-300 { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .bg-primary-300-important { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-300-important { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)) !important; } .focus\:bg-primary-300:focus { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .hover\:bg-primary-300:hover { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-300 { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-300:focus { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-300:hover { --bg-opacity: 1; background-color: rgba(85, 205, 238, var(--bg-opacity)); } .bg-primary-400 { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .dark .dark\:bg-primary-400 { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .bg-primary-400-important { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-400-important { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)) !important; } .focus\:bg-primary-400:focus { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .hover\:bg-primary-400:hover { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-400 { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-400:focus { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-400:hover { --bg-opacity: 1; background-color: rgba(18, 188, 235, var(--bg-opacity)); } .bg-primary-500 { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .dark .dark\:bg-primary-500 { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .bg-primary-500-important { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-500-important { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)) !important; } .focus\:bg-primary-500:focus { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .hover\:bg-primary-500:hover { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-500 { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-500:focus { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-500:hover { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .bg-primary-600 { --bg-opacity: 1; background-color: rgba(7, 107, 134, var(--bg-opacity)); } .dark .dark\:bg-primary-600 { --bg-opacity: 1; background-color: rgba(7, 102, 128, var(--bg-opacity)); } .bg-primary-600-important { --bg-opacity: 1; background-color: rgba(7, 107, 134, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-600-important { --bg-opacity: 1; background-color: rgba(7, 102, 128, var(--bg-opacity)) !important; } .focus\:bg-primary-600:focus { --bg-opacity: 1; background-color: rgba(7, 107, 134, var(--bg-opacity)); } .hover\:bg-primary-600:hover { --bg-opacity: 1; background-color: rgba(7, 107, 134, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-600 { --bg-opacity: 1; background-color: rgba(7, 107, 134, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-600:focus { --bg-opacity: 1; background-color: rgba(7, 102, 128, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-600:hover { --bg-opacity: 1; background-color: rgba(7, 102, 128, var(--bg-opacity)); } .bg-primary-700 { --bg-opacity: 1; background-color: rgba(7, 87, 110, var(--bg-opacity)); } .dark .dark\:bg-primary-700 { --bg-opacity: 1; background-color: rgba(6, 76, 96, var(--bg-opacity)); } .bg-primary-700-important { --bg-opacity: 1; background-color: rgba(7, 87, 110, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-700-important { --bg-opacity: 1; background-color: rgba(6, 76, 96, var(--bg-opacity)) !important; } .focus\:bg-primary-700:focus { --bg-opacity: 1; background-color: rgba(7, 87, 110, var(--bg-opacity)); } .hover\:bg-primary-700:hover { --bg-opacity: 1; background-color: rgba(7, 87, 110, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-700 { --bg-opacity: 1; background-color: rgba(7, 87, 110, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-700:focus { --bg-opacity: 1; background-color: rgba(6, 76, 96, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-700:hover { --bg-opacity: 1; background-color: rgba(6, 76, 96, var(--bg-opacity)); } .bg-primary-800 { --bg-opacity: 1; background-color: rgba(2, 68, 86, var(--bg-opacity)); } .dark .dark\:bg-primary-800 { --bg-opacity: 1; background-color: rgba(2, 52, 66, var(--bg-opacity)); } .bg-primary-800-important { --bg-opacity: 1; background-color: rgba(2, 68, 86, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-800-important { --bg-opacity: 1; background-color: rgba(2, 52, 66, var(--bg-opacity)) !important; } .focus\:bg-primary-800:focus { --bg-opacity: 1; background-color: rgba(2, 68, 86, var(--bg-opacity)); } .hover\:bg-primary-800:hover { --bg-opacity: 1; background-color: rgba(2, 68, 86, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-800 { --bg-opacity: 1; background-color: rgba(2, 68, 86, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-800:focus { --bg-opacity: 1; background-color: rgba(2, 52, 66, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-800:hover { --bg-opacity: 1; background-color: rgba(2, 52, 66, var(--bg-opacity)); } .bg-primary-900 { --bg-opacity: 1; background-color: rgba(1, 43, 54, var(--bg-opacity)); } .dark .dark\:bg-primary-900 { --bg-opacity: 1; background-color: rgba(1, 28, 35, var(--bg-opacity)); } .bg-primary-900-important { --bg-opacity: 1; background-color: rgba(1, 43, 54, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-900-important { --bg-opacity: 1; background-color: rgba(1, 28, 35, var(--bg-opacity)) !important; } .focus\:bg-primary-900:focus { --bg-opacity: 1; background-color: rgba(1, 43, 54, var(--bg-opacity)); } .hover\:bg-primary-900:hover { --bg-opacity: 1; background-color: rgba(1, 43, 54, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-900 { --bg-opacity: 1; background-color: rgba(1, 43, 54, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-900:focus { --bg-opacity: 1; background-color: rgba(1, 28, 35, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-900:hover { --bg-opacity: 1; background-color: rgba(1, 28, 35, var(--bg-opacity)); } .bg-primary-20-50 { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .dark .dark\:bg-primary-20-50 { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .bg-primary-20-50-important { background-color: rgba(227, 241, 246, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent) !important; } } .dark .dark\:bg-primary-20-50-important { background-color: rgba(227, 241, 246, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent) !important; } } .bg-primary-20-100 { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .dark .dark\:bg-primary-20-100 { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .bg-primary-20-100-important { background-color: rgba(198, 236, 246, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent) !important; } } .dark .dark\:bg-primary-20-100-important { background-color: rgba(198, 236, 246, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent) !important; } } .bg-primary-20-200 { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .dark .dark\:bg-primary-20-200 { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .bg-primary-20-200-important { background-color: rgba(145, 220, 241, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent) !important; } } .dark .dark\:bg-primary-20-200-important { background-color: rgba(145, 220, 241, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent) !important; } } .bg-primary-20-300 { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .dark .dark\:bg-primary-20-300 { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .bg-primary-20-300-important { background-color: rgba(85, 205, 238, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent) !important; } } .dark .dark\:bg-primary-20-300-important { background-color: rgba(85, 205, 238, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent) !important; } } .bg-primary-20-400 { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .dark .dark\:bg-primary-20-400 { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .bg-primary-20-400-important { background-color: rgba(18, 188, 235, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent) !important; } } .dark .dark\:bg-primary-20-400-important { background-color: rgba(18, 188, 235, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent) !important; } } .bg-primary-20-500 { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .dark .dark\:bg-primary-20-500 { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .bg-primary-20-500-important { background-color: rgba(8, 120, 151, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent) !important; } } .dark .dark\:bg-primary-20-500-important { background-color: rgba(8, 120, 151, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent) !important; } } .bg-primary-20-600 { background-color: rgba(7, 107, 134, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 20%, transparent); } } .dark .dark\:bg-primary-20-600 { background-color: rgba(7, 102, 128, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 20%, transparent); } } .bg-primary-20-600-important { background-color: rgba(7, 107, 134, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 20%, transparent) !important; } } .dark .dark\:bg-primary-20-600-important { background-color: rgba(7, 102, 128, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 20%, transparent) !important; } } .bg-primary-20-700 { background-color: rgba(7, 87, 110, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 20%, transparent); } } .dark .dark\:bg-primary-20-700 { background-color: rgba(6, 76, 96, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 20%, transparent); } } .bg-primary-20-700-important { background-color: rgba(7, 87, 110, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 20%, transparent) !important; } } .dark .dark\:bg-primary-20-700-important { background-color: rgba(6, 76, 96, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 20%, transparent) !important; } } .bg-primary-20-800 { background-color: rgba(2, 68, 86, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 20%, transparent); } } .dark .dark\:bg-primary-20-800 { background-color: rgba(2, 52, 66, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 20%, transparent); } } .bg-primary-20-800-important { background-color: rgba(2, 68, 86, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 20%, transparent) !important; } } .dark .dark\:bg-primary-20-800-important { background-color: rgba(2, 52, 66, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 20%, transparent) !important; } } .bg-primary-20-900 { background-color: rgba(1, 43, 54, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 20%, transparent); } } .dark .dark\:bg-primary-20-900 { background-color: rgba(1, 28, 35, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 20%, transparent); } } .bg-primary-20-900-important { background-color: rgba(1, 43, 54, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 20%, transparent) !important; } } .dark .dark\:bg-primary-20-900-important { background-color: rgba(1, 28, 35, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 20%, transparent) !important; } } .focus\:bg-primary-20-50:focus { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .hover\:bg-primary-20-50:hover { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-50 { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-50:focus { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-50:hover { background-color: rgba(227, 241, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .focus\:bg-primary-20-100:focus { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .hover\:bg-primary-20-100:hover { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-100 { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-100:focus { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-100:hover { background-color: rgba(198, 236, 246, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .focus\:bg-primary-20-200:focus { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .hover\:bg-primary-20-200:hover { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-200 { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-200:focus { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-200:hover { background-color: rgba(145, 220, 241, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .focus\:bg-primary-20-300:focus { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .hover\:bg-primary-20-300:hover { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-300 { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-300:focus { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-300:hover { background-color: rgba(85, 205, 238, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 20%, transparent); } } .focus\:bg-primary-20-400:focus { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .hover\:bg-primary-20-400:hover { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-400 { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-400:focus { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-400:hover { background-color: rgba(18, 188, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 20%, transparent); } } .focus\:bg-primary-20-500:focus { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:bg-primary-20-500:hover { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-500 { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-500:focus { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-500:hover { background-color: rgba(8, 120, 151, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:bg-primary-20-600:focus { background-color: rgba(7, 107, 134, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 20%, transparent); } } .hover\:bg-primary-20-600:hover { background-color: rgba(7, 107, 134, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-600 { background-color: rgba(7, 107, 134, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-600:focus { background-color: rgba(7, 102, 128, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-600:hover { background-color: rgba(7, 102, 128, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 20%, transparent); } } .focus\:bg-primary-20-700:focus { background-color: rgba(7, 87, 110, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 20%, transparent); } } .hover\:bg-primary-20-700:hover { background-color: rgba(7, 87, 110, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-700 { background-color: rgba(7, 87, 110, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-700:focus { background-color: rgba(6, 76, 96, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-700:hover { background-color: rgba(6, 76, 96, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 20%, transparent); } } .focus\:bg-primary-20-800:focus { background-color: rgba(2, 68, 86, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 20%, transparent); } } .hover\:bg-primary-20-800:hover { background-color: rgba(2, 68, 86, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-800 { background-color: rgba(2, 68, 86, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-800:focus { background-color: rgba(2, 52, 66, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-800:hover { background-color: rgba(2, 52, 66, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 20%, transparent); } } .focus\:bg-primary-20-900:focus { background-color: rgba(1, 43, 54, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 20%, transparent); } } .hover\:bg-primary-20-900:hover { background-color: rgba(1, 43, 54, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-900 { background-color: rgba(1, 43, 54, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-900:focus { background-color: rgba(1, 28, 35, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-900:hover { background-color: rgba(1, 28, 35, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 20%, transparent); } } .bg-primary-25-50 { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .dark .dark\:bg-primary-25-50 { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .bg-primary-25-50-important { background-color: rgba(227, 241, 246, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent) !important; } } .dark .dark\:bg-primary-25-50-important { background-color: rgba(227, 241, 246, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent) !important; } } .bg-primary-25-100 { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .dark .dark\:bg-primary-25-100 { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .bg-primary-25-100-important { background-color: rgba(198, 236, 246, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent) !important; } } .dark .dark\:bg-primary-25-100-important { background-color: rgba(198, 236, 246, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent) !important; } } .bg-primary-25-200 { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .dark .dark\:bg-primary-25-200 { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .bg-primary-25-200-important { background-color: rgba(145, 220, 241, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent) !important; } } .dark .dark\:bg-primary-25-200-important { background-color: rgba(145, 220, 241, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent) !important; } } .bg-primary-25-300 { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .dark .dark\:bg-primary-25-300 { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .bg-primary-25-300-important { background-color: rgba(85, 205, 238, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent) !important; } } .dark .dark\:bg-primary-25-300-important { background-color: rgba(85, 205, 238, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent) !important; } } .bg-primary-25-400 { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .dark .dark\:bg-primary-25-400 { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .bg-primary-25-400-important { background-color: rgba(18, 188, 235, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent) !important; } } .dark .dark\:bg-primary-25-400-important { background-color: rgba(18, 188, 235, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent) !important; } } .bg-primary-25-500 { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .dark .dark\:bg-primary-25-500 { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .bg-primary-25-500-important { background-color: rgba(8, 120, 151, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent) !important; } } .dark .dark\:bg-primary-25-500-important { background-color: rgba(8, 120, 151, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent) !important; } } .bg-primary-25-600 { background-color: rgba(7, 107, 134, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 25%, transparent); } } .dark .dark\:bg-primary-25-600 { background-color: rgba(7, 102, 128, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 25%, transparent); } } .bg-primary-25-600-important { background-color: rgba(7, 107, 134, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 25%, transparent) !important; } } .dark .dark\:bg-primary-25-600-important { background-color: rgba(7, 102, 128, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 25%, transparent) !important; } } .bg-primary-25-700 { background-color: rgba(7, 87, 110, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 25%, transparent); } } .dark .dark\:bg-primary-25-700 { background-color: rgba(6, 76, 96, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 25%, transparent); } } .bg-primary-25-700-important { background-color: rgba(7, 87, 110, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 25%, transparent) !important; } } .dark .dark\:bg-primary-25-700-important { background-color: rgba(6, 76, 96, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 25%, transparent) !important; } } .bg-primary-25-800 { background-color: rgba(2, 68, 86, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 25%, transparent); } } .dark .dark\:bg-primary-25-800 { background-color: rgba(2, 52, 66, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 25%, transparent); } } .bg-primary-25-800-important { background-color: rgba(2, 68, 86, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 25%, transparent) !important; } } .dark .dark\:bg-primary-25-800-important { background-color: rgba(2, 52, 66, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 25%, transparent) !important; } } .bg-primary-25-900 { background-color: rgba(1, 43, 54, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 25%, transparent); } } .dark .dark\:bg-primary-25-900 { background-color: rgba(1, 28, 35, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 25%, transparent); } } .bg-primary-25-900-important { background-color: rgba(1, 43, 54, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 25%, transparent) !important; } } .dark .dark\:bg-primary-25-900-important { background-color: rgba(1, 28, 35, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 25%, transparent) !important; } } .focus\:bg-primary-25-50:focus { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .hover\:bg-primary-25-50:hover { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-50 { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-50:focus { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-50:hover { background-color: rgba(227, 241, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .focus\:bg-primary-25-100:focus { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .hover\:bg-primary-25-100:hover { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-100 { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-100:focus { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-100:hover { background-color: rgba(198, 236, 246, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .focus\:bg-primary-25-200:focus { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .hover\:bg-primary-25-200:hover { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-200 { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-200:focus { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-200:hover { background-color: rgba(145, 220, 241, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .focus\:bg-primary-25-300:focus { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .hover\:bg-primary-25-300:hover { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-300 { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-300:focus { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-300:hover { background-color: rgba(85, 205, 238, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 25%, transparent); } } .focus\:bg-primary-25-400:focus { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .hover\:bg-primary-25-400:hover { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-400 { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-400:focus { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-400:hover { background-color: rgba(18, 188, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 25%, transparent); } } .focus\:bg-primary-25-500:focus { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:bg-primary-25-500:hover { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-500 { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-500:focus { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-500:hover { background-color: rgba(8, 120, 151, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:bg-primary-25-600:focus { background-color: rgba(7, 107, 134, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 25%, transparent); } } .hover\:bg-primary-25-600:hover { background-color: rgba(7, 107, 134, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-600 { background-color: rgba(7, 107, 134, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-600:focus { background-color: rgba(7, 102, 128, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-600:hover { background-color: rgba(7, 102, 128, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 25%, transparent); } } .focus\:bg-primary-25-700:focus { background-color: rgba(7, 87, 110, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 25%, transparent); } } .hover\:bg-primary-25-700:hover { background-color: rgba(7, 87, 110, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-700 { background-color: rgba(7, 87, 110, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-700:focus { background-color: rgba(6, 76, 96, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-700:hover { background-color: rgba(6, 76, 96, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 25%, transparent); } } .focus\:bg-primary-25-800:focus { background-color: rgba(2, 68, 86, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 25%, transparent); } } .hover\:bg-primary-25-800:hover { background-color: rgba(2, 68, 86, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-800 { background-color: rgba(2, 68, 86, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-800:focus { background-color: rgba(2, 52, 66, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-800:hover { background-color: rgba(2, 52, 66, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 25%, transparent); } } .focus\:bg-primary-25-900:focus { background-color: rgba(1, 43, 54, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 25%, transparent); } } .hover\:bg-primary-25-900:hover { background-color: rgba(1, 43, 54, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-900 { background-color: rgba(1, 43, 54, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-900:focus { background-color: rgba(1, 28, 35, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-900:hover { background-color: rgba(1, 28, 35, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 25%, transparent); } } .bg-primary-30-50 { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .dark .dark\:bg-primary-30-50 { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .bg-primary-30-50-important { background-color: rgba(227, 241, 246, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent) !important; } } .dark .dark\:bg-primary-30-50-important { background-color: rgba(227, 241, 246, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent) !important; } } .bg-primary-30-100 { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .dark .dark\:bg-primary-30-100 { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .bg-primary-30-100-important { background-color: rgba(198, 236, 246, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent) !important; } } .dark .dark\:bg-primary-30-100-important { background-color: rgba(198, 236, 246, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent) !important; } } .bg-primary-30-200 { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .dark .dark\:bg-primary-30-200 { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .bg-primary-30-200-important { background-color: rgba(145, 220, 241, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent) !important; } } .dark .dark\:bg-primary-30-200-important { background-color: rgba(145, 220, 241, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent) !important; } } .bg-primary-30-300 { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .dark .dark\:bg-primary-30-300 { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .bg-primary-30-300-important { background-color: rgba(85, 205, 238, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent) !important; } } .dark .dark\:bg-primary-30-300-important { background-color: rgba(85, 205, 238, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent) !important; } } .bg-primary-30-400 { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .dark .dark\:bg-primary-30-400 { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .bg-primary-30-400-important { background-color: rgba(18, 188, 235, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent) !important; } } .dark .dark\:bg-primary-30-400-important { background-color: rgba(18, 188, 235, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent) !important; } } .bg-primary-30-500 { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .dark .dark\:bg-primary-30-500 { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .bg-primary-30-500-important { background-color: rgba(8, 120, 151, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent) !important; } } .dark .dark\:bg-primary-30-500-important { background-color: rgba(8, 120, 151, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent) !important; } } .bg-primary-30-600 { background-color: rgba(7, 107, 134, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 30%, transparent); } } .dark .dark\:bg-primary-30-600 { background-color: rgba(7, 102, 128, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 30%, transparent); } } .bg-primary-30-600-important { background-color: rgba(7, 107, 134, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 30%, transparent) !important; } } .dark .dark\:bg-primary-30-600-important { background-color: rgba(7, 102, 128, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 30%, transparent) !important; } } .bg-primary-30-700 { background-color: rgba(7, 87, 110, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 30%, transparent); } } .dark .dark\:bg-primary-30-700 { background-color: rgba(6, 76, 96, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 30%, transparent); } } .bg-primary-30-700-important { background-color: rgba(7, 87, 110, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 30%, transparent) !important; } } .dark .dark\:bg-primary-30-700-important { background-color: rgba(6, 76, 96, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 30%, transparent) !important; } } .bg-primary-30-800 { background-color: rgba(2, 68, 86, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 30%, transparent); } } .dark .dark\:bg-primary-30-800 { background-color: rgba(2, 52, 66, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 30%, transparent); } } .bg-primary-30-800-important { background-color: rgba(2, 68, 86, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 30%, transparent) !important; } } .dark .dark\:bg-primary-30-800-important { background-color: rgba(2, 52, 66, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 30%, transparent) !important; } } .bg-primary-30-900 { background-color: rgba(1, 43, 54, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 30%, transparent); } } .dark .dark\:bg-primary-30-900 { background-color: rgba(1, 28, 35, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 30%, transparent); } } .bg-primary-30-900-important { background-color: rgba(1, 43, 54, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 30%, transparent) !important; } } .dark .dark\:bg-primary-30-900-important { background-color: rgba(1, 28, 35, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 30%, transparent) !important; } } .focus\:bg-primary-30-50:focus { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .hover\:bg-primary-30-50:hover { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-50 { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-50:focus { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-50:hover { background-color: rgba(227, 241, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .focus\:bg-primary-30-100:focus { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .hover\:bg-primary-30-100:hover { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-100 { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-100:focus { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-100:hover { background-color: rgba(198, 236, 246, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .focus\:bg-primary-30-200:focus { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .hover\:bg-primary-30-200:hover { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-200 { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-200:focus { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-200:hover { background-color: rgba(145, 220, 241, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .focus\:bg-primary-30-300:focus { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .hover\:bg-primary-30-300:hover { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-300 { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-300:focus { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-300:hover { background-color: rgba(85, 205, 238, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 30%, transparent); } } .focus\:bg-primary-30-400:focus { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .hover\:bg-primary-30-400:hover { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-400 { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-400:focus { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-400:hover { background-color: rgba(18, 188, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 30%, transparent); } } .focus\:bg-primary-30-500:focus { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:bg-primary-30-500:hover { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-500 { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-500:focus { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-500:hover { background-color: rgba(8, 120, 151, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:bg-primary-30-600:focus { background-color: rgba(7, 107, 134, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 30%, transparent); } } .hover\:bg-primary-30-600:hover { background-color: rgba(7, 107, 134, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-600 { background-color: rgba(7, 107, 134, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-600:focus { background-color: rgba(7, 102, 128, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-600:hover { background-color: rgba(7, 102, 128, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 30%, transparent); } } .focus\:bg-primary-30-700:focus { background-color: rgba(7, 87, 110, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 30%, transparent); } } .hover\:bg-primary-30-700:hover { background-color: rgba(7, 87, 110, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-700 { background-color: rgba(7, 87, 110, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-700:focus { background-color: rgba(6, 76, 96, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-700:hover { background-color: rgba(6, 76, 96, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 30%, transparent); } } .focus\:bg-primary-30-800:focus { background-color: rgba(2, 68, 86, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 30%, transparent); } } .hover\:bg-primary-30-800:hover { background-color: rgba(2, 68, 86, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-800 { background-color: rgba(2, 68, 86, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-800:focus { background-color: rgba(2, 52, 66, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-800:hover { background-color: rgba(2, 52, 66, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 30%, transparent); } } .focus\:bg-primary-30-900:focus { background-color: rgba(1, 43, 54, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 30%, transparent); } } .hover\:bg-primary-30-900:hover { background-color: rgba(1, 43, 54, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-900 { background-color: rgba(1, 43, 54, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-900:focus { background-color: rgba(1, 28, 35, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-900:hover { background-color: rgba(1, 28, 35, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 30%, transparent); } } .bg-primary-40-50 { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .dark .dark\:bg-primary-40-50 { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .bg-primary-40-50-important { background-color: rgba(227, 241, 246, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent) !important; } } .dark .dark\:bg-primary-40-50-important { background-color: rgba(227, 241, 246, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent) !important; } } .bg-primary-40-100 { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .dark .dark\:bg-primary-40-100 { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .bg-primary-40-100-important { background-color: rgba(198, 236, 246, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent) !important; } } .dark .dark\:bg-primary-40-100-important { background-color: rgba(198, 236, 246, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent) !important; } } .bg-primary-40-200 { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .dark .dark\:bg-primary-40-200 { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .bg-primary-40-200-important { background-color: rgba(145, 220, 241, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent) !important; } } .dark .dark\:bg-primary-40-200-important { background-color: rgba(145, 220, 241, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent) !important; } } .bg-primary-40-300 { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .dark .dark\:bg-primary-40-300 { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .bg-primary-40-300-important { background-color: rgba(85, 205, 238, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent) !important; } } .dark .dark\:bg-primary-40-300-important { background-color: rgba(85, 205, 238, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent) !important; } } .bg-primary-40-400 { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .dark .dark\:bg-primary-40-400 { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .bg-primary-40-400-important { background-color: rgba(18, 188, 235, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent) !important; } } .dark .dark\:bg-primary-40-400-important { background-color: rgba(18, 188, 235, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent) !important; } } .bg-primary-40-500 { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .dark .dark\:bg-primary-40-500 { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .bg-primary-40-500-important { background-color: rgba(8, 120, 151, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent) !important; } } .dark .dark\:bg-primary-40-500-important { background-color: rgba(8, 120, 151, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent) !important; } } .bg-primary-40-600 { background-color: rgba(7, 107, 134, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 40%, transparent); } } .dark .dark\:bg-primary-40-600 { background-color: rgba(7, 102, 128, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 40%, transparent); } } .bg-primary-40-600-important { background-color: rgba(7, 107, 134, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 40%, transparent) !important; } } .dark .dark\:bg-primary-40-600-important { background-color: rgba(7, 102, 128, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 40%, transparent) !important; } } .bg-primary-40-700 { background-color: rgba(7, 87, 110, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 40%, transparent); } } .dark .dark\:bg-primary-40-700 { background-color: rgba(6, 76, 96, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 40%, transparent); } } .bg-primary-40-700-important { background-color: rgba(7, 87, 110, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 40%, transparent) !important; } } .dark .dark\:bg-primary-40-700-important { background-color: rgba(6, 76, 96, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 40%, transparent) !important; } } .bg-primary-40-800 { background-color: rgba(2, 68, 86, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 40%, transparent); } } .dark .dark\:bg-primary-40-800 { background-color: rgba(2, 52, 66, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 40%, transparent); } } .bg-primary-40-800-important { background-color: rgba(2, 68, 86, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 40%, transparent) !important; } } .dark .dark\:bg-primary-40-800-important { background-color: rgba(2, 52, 66, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 40%, transparent) !important; } } .bg-primary-40-900 { background-color: rgba(1, 43, 54, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 40%, transparent); } } .dark .dark\:bg-primary-40-900 { background-color: rgba(1, 28, 35, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 40%, transparent); } } .bg-primary-40-900-important { background-color: rgba(1, 43, 54, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 40%, transparent) !important; } } .dark .dark\:bg-primary-40-900-important { background-color: rgba(1, 28, 35, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 40%, transparent) !important; } } .focus\:bg-primary-40-50:focus { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .hover\:bg-primary-40-50:hover { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-50 { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-50:focus { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-50:hover { background-color: rgba(227, 241, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .focus\:bg-primary-40-100:focus { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .hover\:bg-primary-40-100:hover { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-100 { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-100:focus { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-100:hover { background-color: rgba(198, 236, 246, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .focus\:bg-primary-40-200:focus { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .hover\:bg-primary-40-200:hover { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-200 { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-200:focus { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-200:hover { background-color: rgba(145, 220, 241, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .focus\:bg-primary-40-300:focus { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .hover\:bg-primary-40-300:hover { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-300 { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-300:focus { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-300:hover { background-color: rgba(85, 205, 238, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 40%, transparent); } } .focus\:bg-primary-40-400:focus { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .hover\:bg-primary-40-400:hover { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-400 { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-400:focus { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-400:hover { background-color: rgba(18, 188, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 40%, transparent); } } .focus\:bg-primary-40-500:focus { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:bg-primary-40-500:hover { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-500 { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-500:focus { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-500:hover { background-color: rgba(8, 120, 151, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:bg-primary-40-600:focus { background-color: rgba(7, 107, 134, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 40%, transparent); } } .hover\:bg-primary-40-600:hover { background-color: rgba(7, 107, 134, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-600 { background-color: rgba(7, 107, 134, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-600:focus { background-color: rgba(7, 102, 128, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-600:hover { background-color: rgba(7, 102, 128, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 40%, transparent); } } .focus\:bg-primary-40-700:focus { background-color: rgba(7, 87, 110, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 40%, transparent); } } .hover\:bg-primary-40-700:hover { background-color: rgba(7, 87, 110, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-700 { background-color: rgba(7, 87, 110, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-700:focus { background-color: rgba(6, 76, 96, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-700:hover { background-color: rgba(6, 76, 96, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 40%, transparent); } } .focus\:bg-primary-40-800:focus { background-color: rgba(2, 68, 86, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 40%, transparent); } } .hover\:bg-primary-40-800:hover { background-color: rgba(2, 68, 86, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-800 { background-color: rgba(2, 68, 86, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-800:focus { background-color: rgba(2, 52, 66, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-800:hover { background-color: rgba(2, 52, 66, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 40%, transparent); } } .focus\:bg-primary-40-900:focus { background-color: rgba(1, 43, 54, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 40%, transparent); } } .hover\:bg-primary-40-900:hover { background-color: rgba(1, 43, 54, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-900 { background-color: rgba(1, 43, 54, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-900:focus { background-color: rgba(1, 28, 35, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-900:hover { background-color: rgba(1, 28, 35, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 40%, transparent); } } .bg-primary-50-50 { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .dark .dark\:bg-primary-50-50 { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .bg-primary-50-50-important { background-color: rgba(227, 241, 246, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent) !important; } } .dark .dark\:bg-primary-50-50-important { background-color: rgba(227, 241, 246, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent) !important; } } .bg-primary-50-100 { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .dark .dark\:bg-primary-50-100 { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .bg-primary-50-100-important { background-color: rgba(198, 236, 246, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent) !important; } } .dark .dark\:bg-primary-50-100-important { background-color: rgba(198, 236, 246, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent) !important; } } .bg-primary-50-200 { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .dark .dark\:bg-primary-50-200 { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .bg-primary-50-200-important { background-color: rgba(145, 220, 241, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent) !important; } } .dark .dark\:bg-primary-50-200-important { background-color: rgba(145, 220, 241, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent) !important; } } .bg-primary-50-300 { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .dark .dark\:bg-primary-50-300 { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .bg-primary-50-300-important { background-color: rgba(85, 205, 238, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent) !important; } } .dark .dark\:bg-primary-50-300-important { background-color: rgba(85, 205, 238, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent) !important; } } .bg-primary-50-400 { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .dark .dark\:bg-primary-50-400 { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .bg-primary-50-400-important { background-color: rgba(18, 188, 235, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent) !important; } } .dark .dark\:bg-primary-50-400-important { background-color: rgba(18, 188, 235, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent) !important; } } .bg-primary-50-500 { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .dark .dark\:bg-primary-50-500 { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .bg-primary-50-500-important { background-color: rgba(8, 120, 151, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent) !important; } } .dark .dark\:bg-primary-50-500-important { background-color: rgba(8, 120, 151, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent) !important; } } .bg-primary-50-600 { background-color: rgba(7, 107, 134, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 50%, transparent); } } .dark .dark\:bg-primary-50-600 { background-color: rgba(7, 102, 128, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 50%, transparent); } } .bg-primary-50-600-important { background-color: rgba(7, 107, 134, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 50%, transparent) !important; } } .dark .dark\:bg-primary-50-600-important { background-color: rgba(7, 102, 128, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 50%, transparent) !important; } } .bg-primary-50-700 { background-color: rgba(7, 87, 110, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 50%, transparent); } } .dark .dark\:bg-primary-50-700 { background-color: rgba(6, 76, 96, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 50%, transparent); } } .bg-primary-50-700-important { background-color: rgba(7, 87, 110, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 50%, transparent) !important; } } .dark .dark\:bg-primary-50-700-important { background-color: rgba(6, 76, 96, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 50%, transparent) !important; } } .bg-primary-50-800 { background-color: rgba(2, 68, 86, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 50%, transparent); } } .dark .dark\:bg-primary-50-800 { background-color: rgba(2, 52, 66, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 50%, transparent); } } .bg-primary-50-800-important { background-color: rgba(2, 68, 86, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 50%, transparent) !important; } } .dark .dark\:bg-primary-50-800-important { background-color: rgba(2, 52, 66, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 50%, transparent) !important; } } .bg-primary-50-900 { background-color: rgba(1, 43, 54, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 50%, transparent); } } .dark .dark\:bg-primary-50-900 { background-color: rgba(1, 28, 35, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 50%, transparent); } } .bg-primary-50-900-important { background-color: rgba(1, 43, 54, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 50%, transparent) !important; } } .dark .dark\:bg-primary-50-900-important { background-color: rgba(1, 28, 35, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 50%, transparent) !important; } } .focus\:bg-primary-50-50:focus { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .hover\:bg-primary-50-50:hover { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-50 { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-50:focus { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-50:hover { background-color: rgba(227, 241, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .focus\:bg-primary-50-100:focus { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .hover\:bg-primary-50-100:hover { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-100 { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-100:focus { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-100:hover { background-color: rgba(198, 236, 246, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .focus\:bg-primary-50-200:focus { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .hover\:bg-primary-50-200:hover { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-200 { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-200:focus { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-200:hover { background-color: rgba(145, 220, 241, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .focus\:bg-primary-50-300:focus { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .hover\:bg-primary-50-300:hover { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-300 { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-300:focus { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-300:hover { background-color: rgba(85, 205, 238, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 50%, transparent); } } .focus\:bg-primary-50-400:focus { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .hover\:bg-primary-50-400:hover { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-400 { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-400:focus { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-400:hover { background-color: rgba(18, 188, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 50%, transparent); } } .focus\:bg-primary-50-500:focus { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:bg-primary-50-500:hover { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-500 { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-500:focus { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-500:hover { background-color: rgba(8, 120, 151, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:bg-primary-50-600:focus { background-color: rgba(7, 107, 134, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 50%, transparent); } } .hover\:bg-primary-50-600:hover { background-color: rgba(7, 107, 134, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-600 { background-color: rgba(7, 107, 134, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-600:focus { background-color: rgba(7, 102, 128, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-600:hover { background-color: rgba(7, 102, 128, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 50%, transparent); } } .focus\:bg-primary-50-700:focus { background-color: rgba(7, 87, 110, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 50%, transparent); } } .hover\:bg-primary-50-700:hover { background-color: rgba(7, 87, 110, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-700 { background-color: rgba(7, 87, 110, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-700:focus { background-color: rgba(6, 76, 96, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-700:hover { background-color: rgba(6, 76, 96, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 50%, transparent); } } .focus\:bg-primary-50-800:focus { background-color: rgba(2, 68, 86, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 50%, transparent); } } .hover\:bg-primary-50-800:hover { background-color: rgba(2, 68, 86, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-800 { background-color: rgba(2, 68, 86, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-800:focus { background-color: rgba(2, 52, 66, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-800:hover { background-color: rgba(2, 52, 66, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 50%, transparent); } } .focus\:bg-primary-50-900:focus { background-color: rgba(1, 43, 54, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 50%, transparent); } } .hover\:bg-primary-50-900:hover { background-color: rgba(1, 43, 54, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-900 { background-color: rgba(1, 43, 54, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-900:focus { background-color: rgba(1, 28, 35, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-900:hover { background-color: rgba(1, 28, 35, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 50%, transparent); } } .bg-primary-60-50 { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .dark .dark\:bg-primary-60-50 { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .bg-primary-60-50-important { background-color: rgba(227, 241, 246, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent) !important; } } .dark .dark\:bg-primary-60-50-important { background-color: rgba(227, 241, 246, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent) !important; } } .bg-primary-60-100 { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .dark .dark\:bg-primary-60-100 { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .bg-primary-60-100-important { background-color: rgba(198, 236, 246, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent) !important; } } .dark .dark\:bg-primary-60-100-important { background-color: rgba(198, 236, 246, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent) !important; } } .bg-primary-60-200 { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .dark .dark\:bg-primary-60-200 { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .bg-primary-60-200-important { background-color: rgba(145, 220, 241, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent) !important; } } .dark .dark\:bg-primary-60-200-important { background-color: rgba(145, 220, 241, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent) !important; } } .bg-primary-60-300 { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .dark .dark\:bg-primary-60-300 { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .bg-primary-60-300-important { background-color: rgba(85, 205, 238, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent) !important; } } .dark .dark\:bg-primary-60-300-important { background-color: rgba(85, 205, 238, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent) !important; } } .bg-primary-60-400 { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .dark .dark\:bg-primary-60-400 { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .bg-primary-60-400-important { background-color: rgba(18, 188, 235, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent) !important; } } .dark .dark\:bg-primary-60-400-important { background-color: rgba(18, 188, 235, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent) !important; } } .bg-primary-60-500 { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .dark .dark\:bg-primary-60-500 { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .bg-primary-60-500-important { background-color: rgba(8, 120, 151, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent) !important; } } .dark .dark\:bg-primary-60-500-important { background-color: rgba(8, 120, 151, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent) !important; } } .bg-primary-60-600 { background-color: rgba(7, 107, 134, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 60%, transparent); } } .dark .dark\:bg-primary-60-600 { background-color: rgba(7, 102, 128, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 60%, transparent); } } .bg-primary-60-600-important { background-color: rgba(7, 107, 134, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 60%, transparent) !important; } } .dark .dark\:bg-primary-60-600-important { background-color: rgba(7, 102, 128, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 60%, transparent) !important; } } .bg-primary-60-700 { background-color: rgba(7, 87, 110, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 60%, transparent); } } .dark .dark\:bg-primary-60-700 { background-color: rgba(6, 76, 96, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 60%, transparent); } } .bg-primary-60-700-important { background-color: rgba(7, 87, 110, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 60%, transparent) !important; } } .dark .dark\:bg-primary-60-700-important { background-color: rgba(6, 76, 96, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 60%, transparent) !important; } } .bg-primary-60-800 { background-color: rgba(2, 68, 86, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 60%, transparent); } } .dark .dark\:bg-primary-60-800 { background-color: rgba(2, 52, 66, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 60%, transparent); } } .bg-primary-60-800-important { background-color: rgba(2, 68, 86, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 60%, transparent) !important; } } .dark .dark\:bg-primary-60-800-important { background-color: rgba(2, 52, 66, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 60%, transparent) !important; } } .bg-primary-60-900 { background-color: rgba(1, 43, 54, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 60%, transparent); } } .dark .dark\:bg-primary-60-900 { background-color: rgba(1, 28, 35, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 60%, transparent); } } .bg-primary-60-900-important { background-color: rgba(1, 43, 54, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 60%, transparent) !important; } } .dark .dark\:bg-primary-60-900-important { background-color: rgba(1, 28, 35, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 60%, transparent) !important; } } .focus\:bg-primary-60-50:focus { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .hover\:bg-primary-60-50:hover { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-50 { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-50:focus { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-50:hover { background-color: rgba(227, 241, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .focus\:bg-primary-60-100:focus { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .hover\:bg-primary-60-100:hover { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-100 { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-100:focus { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-100:hover { background-color: rgba(198, 236, 246, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .focus\:bg-primary-60-200:focus { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .hover\:bg-primary-60-200:hover { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-200 { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-200:focus { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-200:hover { background-color: rgba(145, 220, 241, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .focus\:bg-primary-60-300:focus { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .hover\:bg-primary-60-300:hover { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-300 { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-300:focus { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-300:hover { background-color: rgba(85, 205, 238, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 60%, transparent); } } .focus\:bg-primary-60-400:focus { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .hover\:bg-primary-60-400:hover { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-400 { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-400:focus { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-400:hover { background-color: rgba(18, 188, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 60%, transparent); } } .focus\:bg-primary-60-500:focus { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:bg-primary-60-500:hover { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-500 { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-500:focus { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-500:hover { background-color: rgba(8, 120, 151, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:bg-primary-60-600:focus { background-color: rgba(7, 107, 134, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 60%, transparent); } } .hover\:bg-primary-60-600:hover { background-color: rgba(7, 107, 134, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-600 { background-color: rgba(7, 107, 134, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-600:focus { background-color: rgba(7, 102, 128, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-600:hover { background-color: rgba(7, 102, 128, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 60%, transparent); } } .focus\:bg-primary-60-700:focus { background-color: rgba(7, 87, 110, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 60%, transparent); } } .hover\:bg-primary-60-700:hover { background-color: rgba(7, 87, 110, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-700 { background-color: rgba(7, 87, 110, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-700:focus { background-color: rgba(6, 76, 96, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-700:hover { background-color: rgba(6, 76, 96, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 60%, transparent); } } .focus\:bg-primary-60-800:focus { background-color: rgba(2, 68, 86, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 60%, transparent); } } .hover\:bg-primary-60-800:hover { background-color: rgba(2, 68, 86, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-800 { background-color: rgba(2, 68, 86, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-800:focus { background-color: rgba(2, 52, 66, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-800:hover { background-color: rgba(2, 52, 66, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 60%, transparent); } } .focus\:bg-primary-60-900:focus { background-color: rgba(1, 43, 54, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 60%, transparent); } } .hover\:bg-primary-60-900:hover { background-color: rgba(1, 43, 54, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-900 { background-color: rgba(1, 43, 54, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-900:focus { background-color: rgba(1, 28, 35, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-900:hover { background-color: rgba(1, 28, 35, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 60%, transparent); } } .bg-primary-70-50 { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .dark .dark\:bg-primary-70-50 { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .bg-primary-70-50-important { background-color: rgba(227, 241, 246, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent) !important; } } .dark .dark\:bg-primary-70-50-important { background-color: rgba(227, 241, 246, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent) !important; } } .bg-primary-70-100 { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .dark .dark\:bg-primary-70-100 { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .bg-primary-70-100-important { background-color: rgba(198, 236, 246, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent) !important; } } .dark .dark\:bg-primary-70-100-important { background-color: rgba(198, 236, 246, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent) !important; } } .bg-primary-70-200 { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .dark .dark\:bg-primary-70-200 { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .bg-primary-70-200-important { background-color: rgba(145, 220, 241, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent) !important; } } .dark .dark\:bg-primary-70-200-important { background-color: rgba(145, 220, 241, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent) !important; } } .bg-primary-70-300 { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .dark .dark\:bg-primary-70-300 { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .bg-primary-70-300-important { background-color: rgba(85, 205, 238, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent) !important; } } .dark .dark\:bg-primary-70-300-important { background-color: rgba(85, 205, 238, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent) !important; } } .bg-primary-70-400 { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .dark .dark\:bg-primary-70-400 { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .bg-primary-70-400-important { background-color: rgba(18, 188, 235, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent) !important; } } .dark .dark\:bg-primary-70-400-important { background-color: rgba(18, 188, 235, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent) !important; } } .bg-primary-70-500 { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .dark .dark\:bg-primary-70-500 { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .bg-primary-70-500-important { background-color: rgba(8, 120, 151, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent) !important; } } .dark .dark\:bg-primary-70-500-important { background-color: rgba(8, 120, 151, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent) !important; } } .bg-primary-70-600 { background-color: rgba(7, 107, 134, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 70%, transparent); } } .dark .dark\:bg-primary-70-600 { background-color: rgba(7, 102, 128, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 70%, transparent); } } .bg-primary-70-600-important { background-color: rgba(7, 107, 134, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 70%, transparent) !important; } } .dark .dark\:bg-primary-70-600-important { background-color: rgba(7, 102, 128, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 70%, transparent) !important; } } .bg-primary-70-700 { background-color: rgba(7, 87, 110, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 70%, transparent); } } .dark .dark\:bg-primary-70-700 { background-color: rgba(6, 76, 96, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 70%, transparent); } } .bg-primary-70-700-important { background-color: rgba(7, 87, 110, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 70%, transparent) !important; } } .dark .dark\:bg-primary-70-700-important { background-color: rgba(6, 76, 96, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 70%, transparent) !important; } } .bg-primary-70-800 { background-color: rgba(2, 68, 86, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 70%, transparent); } } .dark .dark\:bg-primary-70-800 { background-color: rgba(2, 52, 66, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 70%, transparent); } } .bg-primary-70-800-important { background-color: rgba(2, 68, 86, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 70%, transparent) !important; } } .dark .dark\:bg-primary-70-800-important { background-color: rgba(2, 52, 66, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 70%, transparent) !important; } } .bg-primary-70-900 { background-color: rgba(1, 43, 54, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 70%, transparent); } } .dark .dark\:bg-primary-70-900 { background-color: rgba(1, 28, 35, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 70%, transparent); } } .bg-primary-70-900-important { background-color: rgba(1, 43, 54, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 70%, transparent) !important; } } .dark .dark\:bg-primary-70-900-important { background-color: rgba(1, 28, 35, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 70%, transparent) !important; } } .focus\:bg-primary-70-50:focus { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .hover\:bg-primary-70-50:hover { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-50 { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-50:focus { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-50:hover { background-color: rgba(227, 241, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .focus\:bg-primary-70-100:focus { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .hover\:bg-primary-70-100:hover { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-100 { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-100:focus { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-100:hover { background-color: rgba(198, 236, 246, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .focus\:bg-primary-70-200:focus { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .hover\:bg-primary-70-200:hover { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-200 { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-200:focus { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-200:hover { background-color: rgba(145, 220, 241, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .focus\:bg-primary-70-300:focus { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .hover\:bg-primary-70-300:hover { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-300 { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-300:focus { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-300:hover { background-color: rgba(85, 205, 238, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 70%, transparent); } } .focus\:bg-primary-70-400:focus { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .hover\:bg-primary-70-400:hover { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-400 { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-400:focus { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-400:hover { background-color: rgba(18, 188, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 70%, transparent); } } .focus\:bg-primary-70-500:focus { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:bg-primary-70-500:hover { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-500 { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-500:focus { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-500:hover { background-color: rgba(8, 120, 151, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:bg-primary-70-600:focus { background-color: rgba(7, 107, 134, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 70%, transparent); } } .hover\:bg-primary-70-600:hover { background-color: rgba(7, 107, 134, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-600 { background-color: rgba(7, 107, 134, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-600:focus { background-color: rgba(7, 102, 128, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-600:hover { background-color: rgba(7, 102, 128, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 70%, transparent); } } .focus\:bg-primary-70-700:focus { background-color: rgba(7, 87, 110, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 70%, transparent); } } .hover\:bg-primary-70-700:hover { background-color: rgba(7, 87, 110, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-700 { background-color: rgba(7, 87, 110, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-700:focus { background-color: rgba(6, 76, 96, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-700:hover { background-color: rgba(6, 76, 96, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 70%, transparent); } } .focus\:bg-primary-70-800:focus { background-color: rgba(2, 68, 86, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 70%, transparent); } } .hover\:bg-primary-70-800:hover { background-color: rgba(2, 68, 86, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-800 { background-color: rgba(2, 68, 86, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-800:focus { background-color: rgba(2, 52, 66, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-800:hover { background-color: rgba(2, 52, 66, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 70%, transparent); } } .focus\:bg-primary-70-900:focus { background-color: rgba(1, 43, 54, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 70%, transparent); } } .hover\:bg-primary-70-900:hover { background-color: rgba(1, 43, 54, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-900 { background-color: rgba(1, 43, 54, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-900:focus { background-color: rgba(1, 28, 35, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-900:hover { background-color: rgba(1, 28, 35, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 70%, transparent); } } .bg-primary-80-50 { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .dark .dark\:bg-primary-80-50 { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .bg-primary-80-50-important { background-color: rgba(227, 241, 246, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent) !important; } } .dark .dark\:bg-primary-80-50-important { background-color: rgba(227, 241, 246, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent) !important; } } .bg-primary-80-100 { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .dark .dark\:bg-primary-80-100 { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .bg-primary-80-100-important { background-color: rgba(198, 236, 246, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent) !important; } } .dark .dark\:bg-primary-80-100-important { background-color: rgba(198, 236, 246, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent) !important; } } .bg-primary-80-200 { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .dark .dark\:bg-primary-80-200 { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .bg-primary-80-200-important { background-color: rgba(145, 220, 241, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent) !important; } } .dark .dark\:bg-primary-80-200-important { background-color: rgba(145, 220, 241, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent) !important; } } .bg-primary-80-300 { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .dark .dark\:bg-primary-80-300 { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .bg-primary-80-300-important { background-color: rgba(85, 205, 238, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent) !important; } } .dark .dark\:bg-primary-80-300-important { background-color: rgba(85, 205, 238, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent) !important; } } .bg-primary-80-400 { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .dark .dark\:bg-primary-80-400 { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .bg-primary-80-400-important { background-color: rgba(18, 188, 235, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent) !important; } } .dark .dark\:bg-primary-80-400-important { background-color: rgba(18, 188, 235, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent) !important; } } .bg-primary-80-500 { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .dark .dark\:bg-primary-80-500 { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .bg-primary-80-500-important { background-color: rgba(8, 120, 151, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent) !important; } } .dark .dark\:bg-primary-80-500-important { background-color: rgba(8, 120, 151, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent) !important; } } .bg-primary-80-600 { background-color: rgba(7, 107, 134, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 80%, transparent); } } .dark .dark\:bg-primary-80-600 { background-color: rgba(7, 102, 128, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 80%, transparent); } } .bg-primary-80-600-important { background-color: rgba(7, 107, 134, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 80%, transparent) !important; } } .dark .dark\:bg-primary-80-600-important { background-color: rgba(7, 102, 128, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 80%, transparent) !important; } } .bg-primary-80-700 { background-color: rgba(7, 87, 110, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 80%, transparent); } } .dark .dark\:bg-primary-80-700 { background-color: rgba(6, 76, 96, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 80%, transparent); } } .bg-primary-80-700-important { background-color: rgba(7, 87, 110, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 80%, transparent) !important; } } .dark .dark\:bg-primary-80-700-important { background-color: rgba(6, 76, 96, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 80%, transparent) !important; } } .bg-primary-80-800 { background-color: rgba(2, 68, 86, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 80%, transparent); } } .dark .dark\:bg-primary-80-800 { background-color: rgba(2, 52, 66, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 80%, transparent); } } .bg-primary-80-800-important { background-color: rgba(2, 68, 86, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 80%, transparent) !important; } } .dark .dark\:bg-primary-80-800-important { background-color: rgba(2, 52, 66, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 80%, transparent) !important; } } .bg-primary-80-900 { background-color: rgba(1, 43, 54, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 80%, transparent); } } .dark .dark\:bg-primary-80-900 { background-color: rgba(1, 28, 35, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 80%, transparent); } } .bg-primary-80-900-important { background-color: rgba(1, 43, 54, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 80%, transparent) !important; } } .dark .dark\:bg-primary-80-900-important { background-color: rgba(1, 28, 35, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 80%, transparent) !important; } } .focus\:bg-primary-80-50:focus { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .hover\:bg-primary-80-50:hover { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-50 { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-50:focus { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-50:hover { background-color: rgba(227, 241, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .focus\:bg-primary-80-100:focus { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .hover\:bg-primary-80-100:hover { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-100 { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-100:focus { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-100:hover { background-color: rgba(198, 236, 246, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .focus\:bg-primary-80-200:focus { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .hover\:bg-primary-80-200:hover { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-200 { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-200:focus { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-200:hover { background-color: rgba(145, 220, 241, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .focus\:bg-primary-80-300:focus { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .hover\:bg-primary-80-300:hover { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-300 { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-300:focus { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-300:hover { background-color: rgba(85, 205, 238, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 80%, transparent); } } .focus\:bg-primary-80-400:focus { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .hover\:bg-primary-80-400:hover { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-400 { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-400:focus { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-400:hover { background-color: rgba(18, 188, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 80%, transparent); } } .focus\:bg-primary-80-500:focus { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:bg-primary-80-500:hover { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-500 { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-500:focus { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-500:hover { background-color: rgba(8, 120, 151, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:bg-primary-80-600:focus { background-color: rgba(7, 107, 134, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 80%, transparent); } } .hover\:bg-primary-80-600:hover { background-color: rgba(7, 107, 134, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-600 { background-color: rgba(7, 107, 134, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-600:focus { background-color: rgba(7, 102, 128, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-600:hover { background-color: rgba(7, 102, 128, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 80%, transparent); } } .focus\:bg-primary-80-700:focus { background-color: rgba(7, 87, 110, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 80%, transparent); } } .hover\:bg-primary-80-700:hover { background-color: rgba(7, 87, 110, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-700 { background-color: rgba(7, 87, 110, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-700:focus { background-color: rgba(6, 76, 96, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-700:hover { background-color: rgba(6, 76, 96, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 80%, transparent); } } .focus\:bg-primary-80-800:focus { background-color: rgba(2, 68, 86, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 80%, transparent); } } .hover\:bg-primary-80-800:hover { background-color: rgba(2, 68, 86, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-800 { background-color: rgba(2, 68, 86, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-800:focus { background-color: rgba(2, 52, 66, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-800:hover { background-color: rgba(2, 52, 66, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 80%, transparent); } } .focus\:bg-primary-80-900:focus { background-color: rgba(1, 43, 54, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 80%, transparent); } } .hover\:bg-primary-80-900:hover { background-color: rgba(1, 43, 54, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-900 { background-color: rgba(1, 43, 54, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-900:focus { background-color: rgba(1, 28, 35, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-900:hover { background-color: rgba(1, 28, 35, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 80%, transparent); } } .bg-primary-90-50 { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .dark .dark\:bg-primary-90-50 { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .bg-primary-90-50-important { background-color: rgba(227, 241, 246, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent) !important; } } .dark .dark\:bg-primary-90-50-important { background-color: rgba(227, 241, 246, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent) !important; } } .bg-primary-90-100 { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .dark .dark\:bg-primary-90-100 { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .bg-primary-90-100-important { background-color: rgba(198, 236, 246, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent) !important; } } .dark .dark\:bg-primary-90-100-important { background-color: rgba(198, 236, 246, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent) !important; } } .bg-primary-90-200 { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .dark .dark\:bg-primary-90-200 { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .bg-primary-90-200-important { background-color: rgba(145, 220, 241, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent) !important; } } .dark .dark\:bg-primary-90-200-important { background-color: rgba(145, 220, 241, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent) !important; } } .bg-primary-90-300 { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .dark .dark\:bg-primary-90-300 { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .bg-primary-90-300-important { background-color: rgba(85, 205, 238, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent) !important; } } .dark .dark\:bg-primary-90-300-important { background-color: rgba(85, 205, 238, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent) !important; } } .bg-primary-90-400 { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .dark .dark\:bg-primary-90-400 { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .bg-primary-90-400-important { background-color: rgba(18, 188, 235, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent) !important; } } .dark .dark\:bg-primary-90-400-important { background-color: rgba(18, 188, 235, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent) !important; } } .bg-primary-90-500 { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .dark .dark\:bg-primary-90-500 { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .bg-primary-90-500-important { background-color: rgba(8, 120, 151, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent) !important; } } .dark .dark\:bg-primary-90-500-important { background-color: rgba(8, 120, 151, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent) !important; } } .bg-primary-90-600 { background-color: rgba(7, 107, 134, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 90%, transparent); } } .dark .dark\:bg-primary-90-600 { background-color: rgba(7, 102, 128, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 90%, transparent); } } .bg-primary-90-600-important { background-color: rgba(7, 107, 134, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 90%, transparent) !important; } } .dark .dark\:bg-primary-90-600-important { background-color: rgba(7, 102, 128, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 90%, transparent) !important; } } .bg-primary-90-700 { background-color: rgba(7, 87, 110, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 90%, transparent); } } .dark .dark\:bg-primary-90-700 { background-color: rgba(6, 76, 96, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 90%, transparent); } } .bg-primary-90-700-important { background-color: rgba(7, 87, 110, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 90%, transparent) !important; } } .dark .dark\:bg-primary-90-700-important { background-color: rgba(6, 76, 96, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 90%, transparent) !important; } } .bg-primary-90-800 { background-color: rgba(2, 68, 86, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 90%, transparent); } } .dark .dark\:bg-primary-90-800 { background-color: rgba(2, 52, 66, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 90%, transparent); } } .bg-primary-90-800-important { background-color: rgba(2, 68, 86, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 90%, transparent) !important; } } .dark .dark\:bg-primary-90-800-important { background-color: rgba(2, 52, 66, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 90%, transparent) !important; } } .bg-primary-90-900 { background-color: rgba(1, 43, 54, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 90%, transparent); } } .dark .dark\:bg-primary-90-900 { background-color: rgba(1, 28, 35, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 90%, transparent); } } .bg-primary-90-900-important { background-color: rgba(1, 43, 54, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 90%, transparent) !important; } } .dark .dark\:bg-primary-90-900-important { background-color: rgba(1, 28, 35, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 90%, transparent) !important; } } .focus\:bg-primary-90-50:focus { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .hover\:bg-primary-90-50:hover { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-50 { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-50:focus { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-50:hover { background-color: rgba(227, 241, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .focus\:bg-primary-90-100:focus { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .hover\:bg-primary-90-100:hover { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-100 { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-100:focus { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-100:hover { background-color: rgba(198, 236, 246, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .focus\:bg-primary-90-200:focus { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .hover\:bg-primary-90-200:hover { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-200 { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-200:focus { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-200:hover { background-color: rgba(145, 220, 241, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .focus\:bg-primary-90-300:focus { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .hover\:bg-primary-90-300:hover { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-300 { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-300:focus { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-300:hover { background-color: rgba(85, 205, 238, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 90%, transparent); } } .focus\:bg-primary-90-400:focus { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .hover\:bg-primary-90-400:hover { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-400 { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-400:focus { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-400:hover { background-color: rgba(18, 188, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 90%, transparent); } } .focus\:bg-primary-90-500:focus { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:bg-primary-90-500:hover { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-500 { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-500:focus { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-500:hover { background-color: rgba(8, 120, 151, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:bg-primary-90-600:focus { background-color: rgba(7, 107, 134, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 90%, transparent); } } .hover\:bg-primary-90-600:hover { background-color: rgba(7, 107, 134, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-600 { background-color: rgba(7, 107, 134, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-600:focus { background-color: rgba(7, 102, 128, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-600:hover { background-color: rgba(7, 102, 128, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 90%, transparent); } } .focus\:bg-primary-90-700:focus { background-color: rgba(7, 87, 110, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 90%, transparent); } } .hover\:bg-primary-90-700:hover { background-color: rgba(7, 87, 110, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-700 { background-color: rgba(7, 87, 110, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-700:focus { background-color: rgba(6, 76, 96, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-700:hover { background-color: rgba(6, 76, 96, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 90%, transparent); } } .focus\:bg-primary-90-800:focus { background-color: rgba(2, 68, 86, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 90%, transparent); } } .hover\:bg-primary-90-800:hover { background-color: rgba(2, 68, 86, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-800 { background-color: rgba(2, 68, 86, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-800:focus { background-color: rgba(2, 52, 66, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-800:hover { background-color: rgba(2, 52, 66, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 90%, transparent); } } .focus\:bg-primary-90-900:focus { background-color: rgba(1, 43, 54, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 90%, transparent); } } .hover\:bg-primary-90-900:hover { background-color: rgba(1, 43, 54, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-900 { background-color: rgba(1, 43, 54, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-900:focus { background-color: rgba(1, 28, 35, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-900:hover { background-color: rgba(1, 28, 35, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 90%, transparent); } } .bg-primary-75-50 { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .dark .dark\:bg-primary-75-50 { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .bg-primary-75-50-important { background-color: rgba(227, 241, 246, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent) !important; } } .dark .dark\:bg-primary-75-50-important { background-color: rgba(227, 241, 246, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent) !important; } } .bg-primary-75-100 { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .dark .dark\:bg-primary-75-100 { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .bg-primary-75-100-important { background-color: rgba(198, 236, 246, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent) !important; } } .dark .dark\:bg-primary-75-100-important { background-color: rgba(198, 236, 246, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent) !important; } } .bg-primary-75-200 { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .dark .dark\:bg-primary-75-200 { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .bg-primary-75-200-important { background-color: rgba(145, 220, 241, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent) !important; } } .dark .dark\:bg-primary-75-200-important { background-color: rgba(145, 220, 241, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent) !important; } } .bg-primary-75-300 { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .dark .dark\:bg-primary-75-300 { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .bg-primary-75-300-important { background-color: rgba(85, 205, 238, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent) !important; } } .dark .dark\:bg-primary-75-300-important { background-color: rgba(85, 205, 238, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent) !important; } } .bg-primary-75-400 { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .dark .dark\:bg-primary-75-400 { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .bg-primary-75-400-important { background-color: rgba(18, 188, 235, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent) !important; } } .dark .dark\:bg-primary-75-400-important { background-color: rgba(18, 188, 235, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent) !important; } } .bg-primary-75-500 { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .dark .dark\:bg-primary-75-500 { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .bg-primary-75-500-important { background-color: rgba(8, 120, 151, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent) !important; } } .dark .dark\:bg-primary-75-500-important { background-color: rgba(8, 120, 151, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent) !important; } } .bg-primary-75-600 { background-color: rgba(7, 107, 134, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 75%, transparent); } } .dark .dark\:bg-primary-75-600 { background-color: rgba(7, 102, 128, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 75%, transparent); } } .bg-primary-75-600-important { background-color: rgba(7, 107, 134, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 75%, transparent) !important; } } .dark .dark\:bg-primary-75-600-important { background-color: rgba(7, 102, 128, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 75%, transparent) !important; } } .bg-primary-75-700 { background-color: rgba(7, 87, 110, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 75%, transparent); } } .dark .dark\:bg-primary-75-700 { background-color: rgba(6, 76, 96, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 75%, transparent); } } .bg-primary-75-700-important { background-color: rgba(7, 87, 110, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 75%, transparent) !important; } } .dark .dark\:bg-primary-75-700-important { background-color: rgba(6, 76, 96, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 75%, transparent) !important; } } .bg-primary-75-800 { background-color: rgba(2, 68, 86, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 75%, transparent); } } .dark .dark\:bg-primary-75-800 { background-color: rgba(2, 52, 66, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 75%, transparent); } } .bg-primary-75-800-important { background-color: rgba(2, 68, 86, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 75%, transparent) !important; } } .dark .dark\:bg-primary-75-800-important { background-color: rgba(2, 52, 66, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 75%, transparent) !important; } } .bg-primary-75-900 { background-color: rgba(1, 43, 54, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 75%, transparent); } } .dark .dark\:bg-primary-75-900 { background-color: rgba(1, 28, 35, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 75%, transparent); } } .bg-primary-75-900-important { background-color: rgba(1, 43, 54, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 75%, transparent) !important; } } .dark .dark\:bg-primary-75-900-important { background-color: rgba(1, 28, 35, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 75%, transparent) !important; } } .focus\:bg-primary-75-50:focus { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .hover\:bg-primary-75-50:hover { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-50 { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-50:focus { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-50:hover { background-color: rgba(227, 241, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .focus\:bg-primary-75-100:focus { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .hover\:bg-primary-75-100:hover { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-100 { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-100:focus { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-100:hover { background-color: rgba(198, 236, 246, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .focus\:bg-primary-75-200:focus { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .hover\:bg-primary-75-200:hover { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-200 { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-200:focus { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-200:hover { background-color: rgba(145, 220, 241, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .focus\:bg-primary-75-300:focus { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .hover\:bg-primary-75-300:hover { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-300 { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-300:focus { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-300:hover { background-color: rgba(85, 205, 238, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55cdee 75%, transparent); } } .focus\:bg-primary-75-400:focus { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .hover\:bg-primary-75-400:hover { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-400 { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-400:focus { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-400:hover { background-color: rgba(18, 188, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #12bceb 75%, transparent); } } .focus\:bg-primary-75-500:focus { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:bg-primary-75-500:hover { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-500 { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-500:focus { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-500:hover { background-color: rgba(8, 120, 151, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:bg-primary-75-600:focus { background-color: rgba(7, 107, 134, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 75%, transparent); } } .hover\:bg-primary-75-600:hover { background-color: rgba(7, 107, 134, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-600 { background-color: rgba(7, 107, 134, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076b86 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-600:focus { background-color: rgba(7, 102, 128, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-600:hover { background-color: rgba(7, 102, 128, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #076680 75%, transparent); } } .focus\:bg-primary-75-700:focus { background-color: rgba(7, 87, 110, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 75%, transparent); } } .hover\:bg-primary-75-700:hover { background-color: rgba(7, 87, 110, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-700 { background-color: rgba(7, 87, 110, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #07576e 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-700:focus { background-color: rgba(6, 76, 96, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-700:hover { background-color: rgba(6, 76, 96, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #064c60 75%, transparent); } } .focus\:bg-primary-75-800:focus { background-color: rgba(2, 68, 86, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 75%, transparent); } } .hover\:bg-primary-75-800:hover { background-color: rgba(2, 68, 86, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-800 { background-color: rgba(2, 68, 86, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #024456 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-800:focus { background-color: rgba(2, 52, 66, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-800:hover { background-color: rgba(2, 52, 66, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #023442 75%, transparent); } } .focus\:bg-primary-75-900:focus { background-color: rgba(1, 43, 54, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 75%, transparent); } } .hover\:bg-primary-75-900:hover { background-color: rgba(1, 43, 54, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-900 { background-color: rgba(1, 43, 54, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #012b36 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-900:focus { background-color: rgba(1, 28, 35, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-900:hover { background-color: rgba(1, 28, 35, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #011c23 75%, transparent); } } .text-primary-50 { color: #e3f1f6; } .dark .dark\:text-primary-50 { color: #e3f1f6; } .text-primary-100 { color: #c6ecf6; } .dark .dark\:text-primary-100 { color: #c6ecf6; } .text-primary-200 { color: #91dcf1; } .dark .dark\:text-primary-200 { color: #91dcf1; } .text-primary-300 { color: #55cdee; } .dark .dark\:text-primary-300 { color: #55cdee; } .text-primary-400 { color: #12bceb; } .dark .dark\:text-primary-400 { color: #12bceb; } .text-primary-500 { color: #087897; } .dark .dark\:text-primary-500 { color: #087897; } .text-primary-600 { color: #076b86; } .dark .dark\:text-primary-600 { color: #076680; } .text-primary-700 { color: #07576e; } .dark .dark\:text-primary-700 { color: #064c60; } .text-primary-800 { color: #024456; } .dark .dark\:text-primary-800 { color: #023442; } .text-primary-900 { color: #012b36; } .dark .dark\:text-primary-900 { color: #011c23; } .text-primary-50-important { color: #e3f1f6 !important; } .dark .dark\:text-primary-50-important { color: #e3f1f6 !important; } .text-primary-100-important { color: #c6ecf6 !important; } .dark .dark\:text-primary-100-important { color: #c6ecf6 !important; } .text-primary-200-important { color: #91dcf1 !important; } .dark .dark\:text-primary-200-important { color: #91dcf1 !important; } .text-primary-300-important { color: #55cdee !important; } .dark .dark\:text-primary-300-important { color: #55cdee !important; } .text-primary-400-important { color: #12bceb !important; } .dark .dark\:text-primary-400-important { color: #12bceb !important; } .text-primary-500-important { color: #087897 !important; } .dark .dark\:text-primary-500-important { color: #087897 !important; } .text-primary-600-important { color: #076b86 !important; } .dark .dark\:text-primary-600-important { color: #076680 !important; } .text-primary-700-important { color: #07576e !important; } .dark .dark\:text-primary-700-important { color: #064c60 !important; } .text-primary-800-important { color: #024456 !important; } .dark .dark\:text-primary-800-important { color: #023442 !important; } .text-primary-900-important { color: #012b36 !important; } .dark .dark\:text-primary-900-important { color: #011c23 !important; } .focus\:text-primary-50:focus { color: #e3f1f6; } .dark .dark\:focus\:text-primary-50:focus { color: #e3f1f6; } .focus\:text-primary-100:focus { color: #c6ecf6; } .dark .dark\:focus\:text-primary-100:focus { color: #c6ecf6; } .focus\:text-primary-200:focus { color: #91dcf1; } .dark .dark\:focus\:text-primary-200:focus { color: #91dcf1; } .focus\:text-primary-300:focus { color: #55cdee; } .dark .dark\:focus\:text-primary-300:focus { color: #55cdee; } .focus\:text-primary-400:focus { color: #12bceb; } .dark .dark\:focus\:text-primary-400:focus { color: #12bceb; } .focus\:text-primary-500:focus { color: #087897; } .dark .dark\:focus\:text-primary-500:focus { color: #087897; } .focus\:text-primary-600:focus { color: #076b86; } .dark .dark\:focus\:text-primary-600:focus { color: #076680; } .focus\:text-primary-700:focus { color: #07576e; } .dark .dark\:focus\:text-primary-700:focus { color: #064c60; } .focus\:text-primary-800:focus { color: #024456; } .dark .dark\:focus\:text-primary-800:focus { color: #023442; } .focus\:text-primary-900:focus { color: #012b36; } .dark .dark\:focus\:text-primary-900:focus { color: #011c23; } .focus\:text-primary-50-important:focus { color: #e3f1f6 !important; } .dark .dark\:focus\:text-primary-50-important:focus { color: #e3f1f6 !important; } .focus\:text-primary-100-important:focus { color: #c6ecf6 !important; } .dark .dark\:focus\:text-primary-100-important:focus { color: #c6ecf6 !important; } .focus\:text-primary-200-important:focus { color: #91dcf1 !important; } .dark .dark\:focus\:text-primary-200-important:focus { color: #91dcf1 !important; } .focus\:text-primary-300-important:focus { color: #55cdee !important; } .dark .dark\:focus\:text-primary-300-important:focus { color: #55cdee !important; } .focus\:text-primary-400-important:focus { color: #12bceb !important; } .dark .dark\:focus\:text-primary-400-important:focus { color: #12bceb !important; } .focus\:text-primary-500-important:focus { color: #087897 !important; } .dark .dark\:focus\:text-primary-500-important:focus { color: #087897 !important; } .focus\:text-primary-600-important:focus { color: #076b86 !important; } .dark .dark\:focus\:text-primary-600-important:focus { color: #076680 !important; } .focus\:text-primary-700-important:focus { color: #07576e !important; } .dark .dark\:focus\:text-primary-700-important:focus { color: #064c60 !important; } .focus\:text-primary-800-important:focus { color: #024456 !important; } .dark .dark\:focus\:text-primary-800-important:focus { color: #023442 !important; } .focus\:text-primary-900-important:focus { color: #012b36 !important; } .dark .dark\:focus\:text-primary-900-important:focus { color: #011c23 !important; } .hover\:text-primary-50:hover { color: #e3f1f6; } .dark .dark\:hover\:text-primary-50:hover { color: #e3f1f6; } .group:hover .group-hover\:text-primary-50 { color: #e3f1f6; } .hover\:text-primary-100:hover { color: #c6ecf6; } .dark .dark\:hover\:text-primary-100:hover { color: #c6ecf6; } .group:hover .group-hover\:text-primary-100 { color: #c6ecf6; } .hover\:text-primary-200:hover { color: #91dcf1; } .dark .dark\:hover\:text-primary-200:hover { color: #91dcf1; } .group:hover .group-hover\:text-primary-200 { color: #91dcf1; } .hover\:text-primary-300:hover { color: #55cdee; } .dark .dark\:hover\:text-primary-300:hover { color: #55cdee; } .group:hover .group-hover\:text-primary-300 { color: #55cdee; } .hover\:text-primary-400:hover { color: #12bceb; } .dark .dark\:hover\:text-primary-400:hover { color: #12bceb; } .group:hover .group-hover\:text-primary-400 { color: #12bceb; } .hover\:text-primary-500:hover { color: #087897; } .dark .dark\:hover\:text-primary-500:hover { color: #087897; } .group:hover .group-hover\:text-primary-500 { color: #087897; } .hover\:text-primary-600:hover { color: #076b86; } .dark .dark\:hover\:text-primary-600:hover { color: #076680; } .group:hover .group-hover\:text-primary-600 { color: #076b86; } .hover\:text-primary-700:hover { color: #07576e; } .dark .dark\:hover\:text-primary-700:hover { color: #064c60; } .group:hover .group-hover\:text-primary-700 { color: #07576e; } .hover\:text-primary-800:hover { color: #024456; } .dark .dark\:hover\:text-primary-800:hover { color: #023442; } .group:hover .group-hover\:text-primary-800 { color: #024456; } .hover\:text-primary-900:hover { color: #012b36; } .dark .dark\:hover\:text-primary-900:hover { color: #011c23; } .group:hover .group-hover\:text-primary-900 { color: #012b36; } .hover\:text-primary-50-important:hover { color: #e3f1f6 !important; } .dark .dark\:hover\:text-primary-50-important:hover { color: #e3f1f6 !important; } .group:hover .group-hover\:text-primary-50-important { color: #e3f1f6 !important; } .hover\:text-primary-100-important:hover { color: #c6ecf6 !important; } .dark .dark\:hover\:text-primary-100-important:hover { color: #c6ecf6 !important; } .group:hover .group-hover\:text-primary-100-important { color: #c6ecf6 !important; } .hover\:text-primary-200-important:hover { color: #91dcf1 !important; } .dark .dark\:hover\:text-primary-200-important:hover { color: #91dcf1 !important; } .group:hover .group-hover\:text-primary-200-important { color: #91dcf1 !important; } .hover\:text-primary-300-important:hover { color: #55cdee !important; } .dark .dark\:hover\:text-primary-300-important:hover { color: #55cdee !important; } .group:hover .group-hover\:text-primary-300-important { color: #55cdee !important; } .hover\:text-primary-400-important:hover { color: #12bceb !important; } .dark .dark\:hover\:text-primary-400-important:hover { color: #12bceb !important; } .group:hover .group-hover\:text-primary-400-important { color: #12bceb !important; } .hover\:text-primary-500-important:hover { color: #087897 !important; } .dark .dark\:hover\:text-primary-500-important:hover { color: #087897 !important; } .group:hover .group-hover\:text-primary-500-important { color: #087897 !important; } .hover\:text-primary-600-important:hover { color: #076b86 !important; } .dark .dark\:hover\:text-primary-600-important:hover { color: #076680 !important; } .group:hover .group-hover\:text-primary-600-important { color: #076b86 !important; } .hover\:text-primary-700-important:hover { color: #07576e !important; } .dark .dark\:hover\:text-primary-700-important:hover { color: #064c60 !important; } .group:hover .group-hover\:text-primary-700-important { color: #07576e !important; } .hover\:text-primary-800-important:hover { color: #024456 !important; } .dark .dark\:hover\:text-primary-800-important:hover { color: #023442 !important; } .group:hover .group-hover\:text-primary-800-important { color: #024456 !important; } .hover\:text-primary-900-important:hover { color: #012b36 !important; } .dark .dark\:hover\:text-primary-900-important:hover { color: #011c23 !important; } .group:hover .group-hover\:text-primary-900-important { color: #012b36 !important; } .border-primary-50 { border-color: #e3f1f6; } .dark .dark\:border-primary-50 { border-color: #e3f1f6; } .border-primary-100 { border-color: #c6ecf6; } .dark .dark\:border-primary-100 { border-color: #c6ecf6; } .border-primary-200 { border-color: #91dcf1; } .dark .dark\:border-primary-200 { border-color: #91dcf1; } .border-primary-300 { border-color: #55cdee; } .dark .dark\:border-primary-300 { border-color: #55cdee; } .border-primary-400 { border-color: #12bceb; } .dark .dark\:border-primary-400 { border-color: #12bceb; } .border-primary-500 { border-color: #087897; } .dark .dark\:border-primary-500 { border-color: #087897; } .border-primary-600 { border-color: #076b86; } .dark .dark\:border-primary-600 { border-color: #076680; } .border-primary-700 { border-color: #07576e; } .dark .dark\:border-primary-700 { border-color: #064c60; } .border-primary-800 { border-color: #024456; } .dark .dark\:border-primary-800 { border-color: #023442; } .border-primary-900 { border-color: #012b36; } .dark .dark\:border-primary-900 { border-color: #011c23; } .border-primary-50-important { border-color: #e3f1f6 !important; } .dark .dark\:border-primary-50-important { border-color: #e3f1f6 !important; } .border-primary-100-important { border-color: #c6ecf6 !important; } .dark .dark\:border-primary-100-important { border-color: #c6ecf6 !important; } .border-primary-200-important { border-color: #91dcf1 !important; } .dark .dark\:border-primary-200-important { border-color: #91dcf1 !important; } .border-primary-300-important { border-color: #55cdee !important; } .dark .dark\:border-primary-300-important { border-color: #55cdee !important; } .border-primary-400-important { border-color: #12bceb !important; } .dark .dark\:border-primary-400-important { border-color: #12bceb !important; } .border-primary-500-important { border-color: #087897 !important; } .dark .dark\:border-primary-500-important { border-color: #087897 !important; } .border-primary-600-important { border-color: #076b86 !important; } .dark .dark\:border-primary-600-important { border-color: #076680 !important; } .border-primary-700-important { border-color: #07576e !important; } .dark .dark\:border-primary-700-important { border-color: #064c60 !important; } .border-primary-800-important { border-color: #024456 !important; } .dark .dark\:border-primary-800-important { border-color: #023442 !important; } .border-primary-900-important { border-color: #012b36 !important; } .dark .dark\:border-primary-900-important { border-color: #011c23 !important; } .focus\:border-primary-50:focus { border-color: #e3f1f6; } .dark .dark\:focus\:border-primary-50:focus { border-color: #e3f1f6; } .focus\:border-primary-100:focus { border-color: #c6ecf6; } .dark .dark\:focus\:border-primary-100:focus { border-color: #c6ecf6; } .focus\:border-primary-200:focus { border-color: #91dcf1; } .dark .dark\:focus\:border-primary-200:focus { border-color: #91dcf1; } .focus\:border-primary-300:focus { border-color: #55cdee; } .dark .dark\:focus\:border-primary-300:focus { border-color: #55cdee; } .focus\:border-primary-400:focus { border-color: #12bceb; } .dark .dark\:focus\:border-primary-400:focus { border-color: #12bceb; } .focus\:border-primary-500:focus { border-color: #087897; } .dark .dark\:focus\:border-primary-500:focus { border-color: #087897; } .focus\:border-primary-600:focus { border-color: #076b86; } .dark .dark\:focus\:border-primary-600:focus { border-color: #076680; } .focus\:border-primary-700:focus { border-color: #07576e; } .dark .dark\:focus\:border-primary-700:focus { border-color: #064c60; } .focus\:border-primary-800:focus { border-color: #024456; } .dark .dark\:focus\:border-primary-800:focus { border-color: #023442; } .focus\:border-primary-900:focus { border-color: #012b36; } .dark .dark\:focus\:border-primary-900:focus { border-color: #011c23; } .focus\:border-primary-50-important:focus { border-color: #e3f1f6 !important; } .dark .dark\:focus\:border-primary-50-important:focus { border-color: #e3f1f6 !important; } .focus\:border-primary-100-important:focus { border-color: #c6ecf6 !important; } .dark .dark\:focus\:border-primary-100-important:focus { border-color: #c6ecf6 !important; } .focus\:border-primary-200-important:focus { border-color: #91dcf1 !important; } .dark .dark\:focus\:border-primary-200-important:focus { border-color: #91dcf1 !important; } .focus\:border-primary-300-important:focus { border-color: #55cdee !important; } .dark .dark\:focus\:border-primary-300-important:focus { border-color: #55cdee !important; } .focus\:border-primary-400-important:focus { border-color: #12bceb !important; } .dark .dark\:focus\:border-primary-400-important:focus { border-color: #12bceb !important; } .focus\:border-primary-500-important:focus { border-color: #087897 !important; } .dark .dark\:focus\:border-primary-500-important:focus { border-color: #087897 !important; } .focus\:border-primary-600-important:focus { border-color: #076b86 !important; } .dark .dark\:focus\:border-primary-600-important:focus { border-color: #076680 !important; } .focus\:border-primary-700-important:focus { border-color: #07576e !important; } .dark .dark\:focus\:border-primary-700-important:focus { border-color: #064c60 !important; } .focus\:border-primary-800-important:focus { border-color: #024456 !important; } .dark .dark\:focus\:border-primary-800-important:focus { border-color: #023442 !important; } .focus\:border-primary-900-important:focus { border-color: #012b36 !important; } .dark .dark\:focus\:border-primary-900-important:focus { border-color: #011c23 !important; } .hover\:border-primary-50:hover { border-color: #e3f1f6; } .dark .dark\:hover\:border-primary-50:hover { border-color: #e3f1f6; } .group:hover .group-hover\:border-primary-50 { border-color: #e3f1f6; } .hover\:border-primary-100:hover { border-color: #c6ecf6; } .dark .dark\:hover\:border-primary-100:hover { border-color: #c6ecf6; } .group:hover .group-hover\:border-primary-100 { border-color: #c6ecf6; } .hover\:border-primary-200:hover { border-color: #91dcf1; } .dark .dark\:hover\:border-primary-200:hover { border-color: #91dcf1; } .group:hover .group-hover\:border-primary-200 { border-color: #91dcf1; } .hover\:border-primary-300:hover { border-color: #55cdee; } .dark .dark\:hover\:border-primary-300:hover { border-color: #55cdee; } .group:hover .group-hover\:border-primary-300 { border-color: #55cdee; } .hover\:border-primary-400:hover { border-color: #12bceb; } .dark .dark\:hover\:border-primary-400:hover { border-color: #12bceb; } .group:hover .group-hover\:border-primary-400 { border-color: #12bceb; } .hover\:border-primary-500:hover { border-color: #087897; } .dark .dark\:hover\:border-primary-500:hover { border-color: #087897; } .group:hover .group-hover\:border-primary-500 { border-color: #087897; } .hover\:border-primary-600:hover { border-color: #076b86; } .dark .dark\:hover\:border-primary-600:hover { border-color: #076680; } .group:hover .group-hover\:border-primary-600 { border-color: #076b86; } .hover\:border-primary-700:hover { border-color: #07576e; } .dark .dark\:hover\:border-primary-700:hover { border-color: #064c60; } .group:hover .group-hover\:border-primary-700 { border-color: #07576e; } .hover\:border-primary-800:hover { border-color: #024456; } .dark .dark\:hover\:border-primary-800:hover { border-color: #023442; } .group:hover .group-hover\:border-primary-800 { border-color: #024456; } .hover\:border-primary-900:hover { border-color: #012b36; } .dark .dark\:hover\:border-primary-900:hover { border-color: #011c23; } .group:hover .group-hover\:border-primary-900 { border-color: #012b36; } .hover\:border-primary-50-important:hover { border-color: #e3f1f6 !important; } .dark .dark\:hover\:border-primary-50-important:hover { border-color: #e3f1f6 !important; } .group:hover .group-hover\:border-primary-50-important { border-color: #e3f1f6 !important; } .hover\:border-primary-100-important:hover { border-color: #c6ecf6 !important; } .dark .dark\:hover\:border-primary-100-important:hover { border-color: #c6ecf6 !important; } .group:hover .group-hover\:border-primary-100-important { border-color: #c6ecf6 !important; } .hover\:border-primary-200-important:hover { border-color: #91dcf1 !important; } .dark .dark\:hover\:border-primary-200-important:hover { border-color: #91dcf1 !important; } .group:hover .group-hover\:border-primary-200-important { border-color: #91dcf1 !important; } .hover\:border-primary-300-important:hover { border-color: #55cdee !important; } .dark .dark\:hover\:border-primary-300-important:hover { border-color: #55cdee !important; } .group:hover .group-hover\:border-primary-300-important { border-color: #55cdee !important; } .hover\:border-primary-400-important:hover { border-color: #12bceb !important; } .dark .dark\:hover\:border-primary-400-important:hover { border-color: #12bceb !important; } .group:hover .group-hover\:border-primary-400-important { border-color: #12bceb !important; } .hover\:border-primary-500-important:hover { border-color: #087897 !important; } .dark .dark\:hover\:border-primary-500-important:hover { border-color: #087897 !important; } .group:hover .group-hover\:border-primary-500-important { border-color: #087897 !important; } .hover\:border-primary-600-important:hover { border-color: #076b86 !important; } .dark .dark\:hover\:border-primary-600-important:hover { border-color: #076680 !important; } .group:hover .group-hover\:border-primary-600-important { border-color: #076b86 !important; } .hover\:border-primary-700-important:hover { border-color: #07576e !important; } .dark .dark\:hover\:border-primary-700-important:hover { border-color: #064c60 !important; } .group:hover .group-hover\:border-primary-700-important { border-color: #07576e !important; } .hover\:border-primary-800-important:hover { border-color: #024456 !important; } .dark .dark\:hover\:border-primary-800-important:hover { border-color: #023442 !important; } .group:hover .group-hover\:border-primary-800-important { border-color: #024456 !important; } .hover\:border-primary-900-important:hover { border-color: #012b36 !important; } .dark .dark\:hover\:border-primary-900-important:hover { border-color: #011c23 !important; } .group:hover .group-hover\:border-primary-900-important { border-color: #012b36 !important; } .from-primary-50 { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-50 { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-100 { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-100 { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-200 { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-200 { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-300 { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-300 { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-400 { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-400 { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-500 { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-500 { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-600 { --tw-gradient-from: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-600 { --tw-gradient-from: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-700 { --tw-gradient-from: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-700 { --tw-gradient-from: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-800 { --tw-gradient-from: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-800 { --tw-gradient-from: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-900 { --tw-gradient-from: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-900 { --tw-gradient-from: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-50-important { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-50-important { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-100-important { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-100-important { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-200-important { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-200-important { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-300-important { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-300-important { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-400-important { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-400-important { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-500-important { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-500-important { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-600-important { --tw-gradient-from: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-600-important { --tw-gradient-from: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-700-important { --tw-gradient-from: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-700-important { --tw-gradient-from: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-800-important { --tw-gradient-from: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-800-important { --tw-gradient-from: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary-900-important { --tw-gradient-from: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:from-primary-900-important { --tw-gradient-from: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-50:focus { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-50:focus { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-100:focus { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-100:focus { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-200:focus { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-200:focus { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-300:focus { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-300:focus { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-400:focus { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-400:focus { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-500:focus { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-500:focus { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-600:focus { --tw-gradient-from: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-600:focus { --tw-gradient-from: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-700:focus { --tw-gradient-from: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-700:focus { --tw-gradient-from: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-800:focus { --tw-gradient-from: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-800:focus { --tw-gradient-from: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-900:focus { --tw-gradient-from: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-900:focus { --tw-gradient-from: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-50-important:focus { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-50-important:focus { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-100-important:focus { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-100-important:focus { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-200-important:focus { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-200-important:focus { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-300-important:focus { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-300-important:focus { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-400-important:focus { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-400-important:focus { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-500-important:focus { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-500-important:focus { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-600-important:focus { --tw-gradient-from: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-600-important:focus { --tw-gradient-from: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-700-important:focus { --tw-gradient-from: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-700-important:focus { --tw-gradient-from: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-800-important:focus { --tw-gradient-from: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-800-important:focus { --tw-gradient-from: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:from-primary-900-important:focus { --tw-gradient-from: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:from-primary-900-important:focus { --tw-gradient-from: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-50:hover { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-50:hover { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-50 { --tw-gradient-from: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-100:hover { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-100:hover { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-100 { --tw-gradient-from: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-200:hover { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-200:hover { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-200 { --tw-gradient-from: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-300:hover { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-300:hover { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-300 { --tw-gradient-from: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-400:hover { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-400:hover { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-400 { --tw-gradient-from: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-500:hover { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-500:hover { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-500 { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-600:hover { --tw-gradient-from: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-600:hover { --tw-gradient-from: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-600 { --tw-gradient-from: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-700:hover { --tw-gradient-from: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-700:hover { --tw-gradient-from: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-700 { --tw-gradient-from: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-800:hover { --tw-gradient-from: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-800:hover { --tw-gradient-from: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-800 { --tw-gradient-from: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-900:hover { --tw-gradient-from: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-900:hover { --tw-gradient-from: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-900 { --tw-gradient-from: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-50-important:hover { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-50-important:hover { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-50-important { --tw-gradient-from: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-100-important:hover { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-100-important:hover { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-100-important { --tw-gradient-from: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-200-important:hover { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-200-important:hover { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-200-important { --tw-gradient-from: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-300-important:hover { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-300-important:hover { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-300-important { --tw-gradient-from: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-400-important:hover { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-400-important:hover { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-400-important { --tw-gradient-from: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-500-important:hover { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-500-important:hover { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-500-important { --tw-gradient-from: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-600-important:hover { --tw-gradient-from: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-600-important:hover { --tw-gradient-from: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-600-important { --tw-gradient-from: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-700-important:hover { --tw-gradient-from: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-700-important:hover { --tw-gradient-from: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-700-important { --tw-gradient-from: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-800-important:hover { --tw-gradient-from: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-800-important:hover { --tw-gradient-from: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-800-important { --tw-gradient-from: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary-900-important:hover { --tw-gradient-from: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:from-primary-900-important:hover { --tw-gradient-from: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary-900-important { --tw-gradient-from: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-50 { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-50 { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-100 { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-100 { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-200 { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-200 { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-300 { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-300 { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-400 { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-400 { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-500 { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-500 { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-600 { --tw-gradient-to: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-600 { --tw-gradient-to: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-700 { --tw-gradient-to: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-700 { --tw-gradient-to: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-800 { --tw-gradient-to: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-800 { --tw-gradient-to: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-900 { --tw-gradient-to: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-900 { --tw-gradient-to: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-50-important { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-50-important { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-100-important { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-100-important { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-200-important { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-200-important { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-300-important { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-300-important { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-400-important { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-400-important { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-500-important { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-500-important { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-600-important { --tw-gradient-to: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-600-important { --tw-gradient-to: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-700-important { --tw-gradient-to: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-700-important { --tw-gradient-to: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-800-important { --tw-gradient-to: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-800-important { --tw-gradient-to: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary-900-important { --tw-gradient-to: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:to-primary-900-important { --tw-gradient-to: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-50:focus { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-50:focus { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-100:focus { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-100:focus { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-200:focus { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-200:focus { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-300:focus { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-300:focus { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-400:focus { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-400:focus { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-500:focus { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-500:focus { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-600:focus { --tw-gradient-to: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-600:focus { --tw-gradient-to: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-700:focus { --tw-gradient-to: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-700:focus { --tw-gradient-to: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-800:focus { --tw-gradient-to: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-800:focus { --tw-gradient-to: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-900:focus { --tw-gradient-to: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-900:focus { --tw-gradient-to: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-50-important:focus { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-50-important:focus { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-100-important:focus { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-100-important:focus { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-200-important:focus { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-200-important:focus { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-300-important:focus { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-300-important:focus { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-400-important:focus { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-400-important:focus { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-500-important:focus { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-500-important:focus { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-600-important:focus { --tw-gradient-to: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-600-important:focus { --tw-gradient-to: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-700-important:focus { --tw-gradient-to: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-700-important:focus { --tw-gradient-to: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-800-important:focus { --tw-gradient-to: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-800-important:focus { --tw-gradient-to: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .focus\:to-primary-900-important:focus { --tw-gradient-to: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:focus\:to-primary-900-important:focus { --tw-gradient-to: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-50:hover { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-50:hover { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-50 { --tw-gradient-to: #e3f1f6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-100:hover { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-100:hover { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-100 { --tw-gradient-to: #c6ecf6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-200:hover { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-200:hover { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-200 { --tw-gradient-to: #91dcf1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-300:hover { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-300:hover { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-300 { --tw-gradient-to: #55cdee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-400:hover { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-400:hover { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-400 { --tw-gradient-to: #12bceb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-500:hover { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-500:hover { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-500 { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-600:hover { --tw-gradient-to: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-600:hover { --tw-gradient-to: #076680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-600 { --tw-gradient-to: #076b86; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-700:hover { --tw-gradient-to: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-700:hover { --tw-gradient-to: #064c60; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-700 { --tw-gradient-to: #07576e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-800:hover { --tw-gradient-to: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-800:hover { --tw-gradient-to: #023442; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-800 { --tw-gradient-to: #024456; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-900:hover { --tw-gradient-to: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-900:hover { --tw-gradient-to: #011c23; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-900 { --tw-gradient-to: #012b36; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-50-important:hover { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-50-important:hover { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-50-important { --tw-gradient-to: #e3f1f6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-100-important:hover { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-100-important:hover { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-100-important { --tw-gradient-to: #c6ecf6 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-200-important:hover { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-200-important:hover { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-200-important { --tw-gradient-to: #91dcf1 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-300-important:hover { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-300-important:hover { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-300-important { --tw-gradient-to: #55cdee !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-400-important:hover { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-400-important:hover { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-400-important { --tw-gradient-to: #12bceb !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-500-important:hover { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-500-important:hover { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-500-important { --tw-gradient-to: #087897 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-600-important:hover { --tw-gradient-to: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-600-important:hover { --tw-gradient-to: #076680 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-600-important { --tw-gradient-to: #076b86 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-700-important:hover { --tw-gradient-to: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-700-important:hover { --tw-gradient-to: #064c60 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-700-important { --tw-gradient-to: #07576e !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-800-important:hover { --tw-gradient-to: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-800-important:hover { --tw-gradient-to: #023442 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-800-important { --tw-gradient-to: #024456 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary-900-important:hover { --tw-gradient-to: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark .dark\:hover\:to-primary-900-important:hover { --tw-gradient-to: #011c23 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary-900-important { --tw-gradient-to: #012b36 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .ring-primary-50 { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .dark .dark\:ring-primary-50 { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .ring-primary-100 { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .dark .dark\:ring-primary-100 { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .ring-primary-200 { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .dark .dark\:ring-primary-200 { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .ring-primary-300 { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .dark .dark\:ring-primary-300 { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .ring-primary-400 { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .dark .dark\:ring-primary-400 { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .ring-primary-500 { --ring-color: #087897; --tw-ring-color: #087897; } .dark .dark\:ring-primary-500 { --ring-color: #087897; --tw-ring-color: #087897; } .ring-primary-600 { --ring-color: #076b86; --tw-ring-color: #076b86; } .dark .dark\:ring-primary-600 { --ring-color: #076680; --tw-ring-color: #076680; } .ring-primary-700 { --ring-color: #07576e; --tw-ring-color: #07576e; } .dark .dark\:ring-primary-700 { --ring-color: #064c60; --tw-ring-color: #064c60; } .ring-primary-800 { --ring-color: #024456; --tw-ring-color: #024456; } .dark .dark\:ring-primary-800 { --ring-color: #023442; --tw-ring-color: #023442; } .ring-primary-900 { --ring-color: #012b36; --tw-ring-color: #012b36; } .dark .dark\:ring-primary-900 { --ring-color: #011c23; --tw-ring-color: #011c23; } .ring-primary-50-important { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .dark .dark\:ring-primary-50-important { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .ring-primary-100-important { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .dark .dark\:ring-primary-100-important { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .ring-primary-200-important { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .dark .dark\:ring-primary-200-important { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .ring-primary-300-important { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .dark .dark\:ring-primary-300-important { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .ring-primary-400-important { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .dark .dark\:ring-primary-400-important { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .ring-primary-500-important { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .dark .dark\:ring-primary-500-important { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .ring-primary-600-important { --ring-color: #076b86 !important; --tw-ring-color: #076b86 !important; } .dark .dark\:ring-primary-600-important { --ring-color: #076680 !important; --tw-ring-color: #076680 !important; } .ring-primary-700-important { --ring-color: #07576e !important; --tw-ring-color: #07576e !important; } .dark .dark\:ring-primary-700-important { --ring-color: #064c60 !important; --tw-ring-color: #064c60 !important; } .ring-primary-800-important { --ring-color: #024456 !important; --tw-ring-color: #024456 !important; } .dark .dark\:ring-primary-800-important { --ring-color: #023442 !important; --tw-ring-color: #023442 !important; } .ring-primary-900-important { --ring-color: #012b36 !important; --tw-ring-color: #012b36 !important; } .dark .dark\:ring-primary-900-important { --ring-color: #011c23 !important; --tw-ring-color: #011c23 !important; } .focus\:ring-primary-50:focus { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .dark .dark\:focus\:ring-primary-50:focus { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .focus\:ring-primary-100:focus { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .dark .dark\:focus\:ring-primary-100:focus { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .focus\:ring-primary-200:focus { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .dark .dark\:focus\:ring-primary-200:focus { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .focus\:ring-primary-300:focus { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .dark .dark\:focus\:ring-primary-300:focus { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .focus\:ring-primary-400:focus { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .dark .dark\:focus\:ring-primary-400:focus { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .focus\:ring-primary-500:focus { --ring-color: #087897; --tw-ring-color: #087897; } .dark .dark\:focus\:ring-primary-500:focus { --ring-color: #087897; --tw-ring-color: #087897; } .focus\:ring-primary-600:focus { --ring-color: #076b86; --tw-ring-color: #076b86; } .dark .dark\:focus\:ring-primary-600:focus { --ring-color: #076680; --tw-ring-color: #076680; } .focus\:ring-primary-700:focus { --ring-color: #07576e; --tw-ring-color: #07576e; } .dark .dark\:focus\:ring-primary-700:focus { --ring-color: #064c60; --tw-ring-color: #064c60; } .focus\:ring-primary-800:focus { --ring-color: #024456; --tw-ring-color: #024456; } .dark .dark\:focus\:ring-primary-800:focus { --ring-color: #023442; --tw-ring-color: #023442; } .focus\:ring-primary-900:focus { --ring-color: #012b36; --tw-ring-color: #012b36; } .dark .dark\:focus\:ring-primary-900:focus { --ring-color: #011c23; --tw-ring-color: #011c23; } .focus\:ring-primary-50-important:focus { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .dark .dark\:focus\:ring-primary-50-important:focus { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .focus\:ring-primary-100-important:focus { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .dark .dark\:focus\:ring-primary-100-important:focus { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .focus\:ring-primary-200-important:focus { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .dark .dark\:focus\:ring-primary-200-important:focus { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .focus\:ring-primary-300-important:focus { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .dark .dark\:focus\:ring-primary-300-important:focus { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .focus\:ring-primary-400-important:focus { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .dark .dark\:focus\:ring-primary-400-important:focus { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .focus\:ring-primary-500-important:focus { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .dark .dark\:focus\:ring-primary-500-important:focus { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .focus\:ring-primary-600-important:focus { --ring-color: #076b86 !important; --tw-ring-color: #076b86 !important; } .dark .dark\:focus\:ring-primary-600-important:focus { --ring-color: #076680 !important; --tw-ring-color: #076680 !important; } .focus\:ring-primary-700-important:focus { --ring-color: #07576e !important; --tw-ring-color: #07576e !important; } .dark .dark\:focus\:ring-primary-700-important:focus { --ring-color: #064c60 !important; --tw-ring-color: #064c60 !important; } .focus\:ring-primary-800-important:focus { --ring-color: #024456 !important; --tw-ring-color: #024456 !important; } .dark .dark\:focus\:ring-primary-800-important:focus { --ring-color: #023442 !important; --tw-ring-color: #023442 !important; } .focus\:ring-primary-900-important:focus { --ring-color: #012b36 !important; --tw-ring-color: #012b36 !important; } .dark .dark\:focus\:ring-primary-900-important:focus { --ring-color: #011c23 !important; --tw-ring-color: #011c23 !important; } .hover\:ring-primary-50:hover { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .dark .dark\:hover\:ring-primary-50:hover { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .group:hover .group-hover\:ring-primary-50 { --ring-color: #e3f1f6; --tw-ring-color: #e3f1f6; } .hover\:ring-primary-100:hover { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .dark .dark\:hover\:ring-primary-100:hover { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .group:hover .group-hover\:ring-primary-100 { --ring-color: #c6ecf6; --tw-ring-color: #c6ecf6; } .hover\:ring-primary-200:hover { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .dark .dark\:hover\:ring-primary-200:hover { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .group:hover .group-hover\:ring-primary-200 { --ring-color: #91dcf1; --tw-ring-color: #91dcf1; } .hover\:ring-primary-300:hover { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .dark .dark\:hover\:ring-primary-300:hover { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .group:hover .group-hover\:ring-primary-300 { --ring-color: #55cdee; --tw-ring-color: #55cdee; } .hover\:ring-primary-400:hover { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .dark .dark\:hover\:ring-primary-400:hover { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .group:hover .group-hover\:ring-primary-400 { --ring-color: #12bceb; --tw-ring-color: #12bceb; } .hover\:ring-primary-500:hover { --ring-color: #087897; --tw-ring-color: #087897; } .dark .dark\:hover\:ring-primary-500:hover { --ring-color: #087897; --tw-ring-color: #087897; } .group:hover .group-hover\:ring-primary-500 { --ring-color: #087897; --tw-ring-color: #087897; } .hover\:ring-primary-600:hover { --ring-color: #076b86; --tw-ring-color: #076b86; } .dark .dark\:hover\:ring-primary-600:hover { --ring-color: #076680; --tw-ring-color: #076680; } .group:hover .group-hover\:ring-primary-600 { --ring-color: #076b86; --tw-ring-color: #076b86; } .hover\:ring-primary-700:hover { --ring-color: #07576e; --tw-ring-color: #07576e; } .dark .dark\:hover\:ring-primary-700:hover { --ring-color: #064c60; --tw-ring-color: #064c60; } .group:hover .group-hover\:ring-primary-700 { --ring-color: #07576e; --tw-ring-color: #07576e; } .hover\:ring-primary-800:hover { --ring-color: #024456; --tw-ring-color: #024456; } .dark .dark\:hover\:ring-primary-800:hover { --ring-color: #023442; --tw-ring-color: #023442; } .group:hover .group-hover\:ring-primary-800 { --ring-color: #024456; --tw-ring-color: #024456; } .hover\:ring-primary-900:hover { --ring-color: #012b36; --tw-ring-color: #012b36; } .dark .dark\:hover\:ring-primary-900:hover { --ring-color: #011c23; --tw-ring-color: #011c23; } .group:hover .group-hover\:ring-primary-900 { --ring-color: #012b36; --tw-ring-color: #012b36; } .hover\:ring-primary-50-important:hover { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .dark .dark\:hover\:ring-primary-50-important:hover { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .group:hover .group-hover\:ring-primary-50-important { --ring-color: #e3f1f6 !important; --tw-ring-color: #e3f1f6 !important; } .hover\:ring-primary-100-important:hover { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .dark .dark\:hover\:ring-primary-100-important:hover { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .group:hover .group-hover\:ring-primary-100-important { --ring-color: #c6ecf6 !important; --tw-ring-color: #c6ecf6 !important; } .hover\:ring-primary-200-important:hover { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .dark .dark\:hover\:ring-primary-200-important:hover { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .group:hover .group-hover\:ring-primary-200-important { --ring-color: #91dcf1 !important; --tw-ring-color: #91dcf1 !important; } .hover\:ring-primary-300-important:hover { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .dark .dark\:hover\:ring-primary-300-important:hover { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .group:hover .group-hover\:ring-primary-300-important { --ring-color: #55cdee !important; --tw-ring-color: #55cdee !important; } .hover\:ring-primary-400-important:hover { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .dark .dark\:hover\:ring-primary-400-important:hover { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .group:hover .group-hover\:ring-primary-400-important { --ring-color: #12bceb !important; --tw-ring-color: #12bceb !important; } .hover\:ring-primary-500-important:hover { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .dark .dark\:hover\:ring-primary-500-important:hover { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .group:hover .group-hover\:ring-primary-500-important { --ring-color: #087897 !important; --tw-ring-color: #087897 !important; } .hover\:ring-primary-600-important:hover { --ring-color: #076b86 !important; --tw-ring-color: #076b86 !important; } .dark .dark\:hover\:ring-primary-600-important:hover { --ring-color: #076680 !important; --tw-ring-color: #076680 !important; } .group:hover .group-hover\:ring-primary-600-important { --ring-color: #076b86 !important; --tw-ring-color: #076b86 !important; } .hover\:ring-primary-700-important:hover { --ring-color: #07576e !important; --tw-ring-color: #07576e !important; } .dark .dark\:hover\:ring-primary-700-important:hover { --ring-color: #064c60 !important; --tw-ring-color: #064c60 !important; } .group:hover .group-hover\:ring-primary-700-important { --ring-color: #07576e !important; --tw-ring-color: #07576e !important; } .hover\:ring-primary-800-important:hover { --ring-color: #024456 !important; --tw-ring-color: #024456 !important; } .dark .dark\:hover\:ring-primary-800-important:hover { --ring-color: #023442 !important; --tw-ring-color: #023442 !important; } .group:hover .group-hover\:ring-primary-800-important { --ring-color: #024456 !important; --tw-ring-color: #024456 !important; } .hover\:ring-primary-900-important:hover { --ring-color: #012b36 !important; --tw-ring-color: #012b36 !important; } .dark .dark\:hover\:ring-primary-900-important:hover { --ring-color: #011c23 !important; --tw-ring-color: #011c23 !important; } .group:hover .group-hover\:ring-primary-900-important { --ring-color: #012b36 !important; --tw-ring-color: #012b36 !important; } .via-primary-50 { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-50 { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-100 { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-100 { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-200 { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-200 { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-300 { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-300 { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-400 { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-400 { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-500 { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-500 { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-600 { --tw-gradient-via: #076b86; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-600 { --tw-gradient-via: #076680; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-700 { --tw-gradient-via: #07576e; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-700 { --tw-gradient-via: #064c60; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-800 { --tw-gradient-via: #024456; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-800 { --tw-gradient-via: #023442; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-900 { --tw-gradient-via: #012b36; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-900 { --tw-gradient-via: #011c23; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-50-important { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-50-important { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-100-important { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-100-important { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-200-important { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-200-important { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-300-important { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-300-important { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-400-important { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-400-important { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-500-important { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-500-important { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-600-important { --tw-gradient-via: #076b86 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-600-important { --tw-gradient-via: #076680 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-700-important { --tw-gradient-via: #07576e !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-700-important { --tw-gradient-via: #064c60 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-800-important { --tw-gradient-via: #024456 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-800-important { --tw-gradient-via: #023442 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary-900-important { --tw-gradient-via: #012b36 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:via-primary-900-important { --tw-gradient-via: #011c23 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-50:focus { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-50:focus { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-100:focus { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-100:focus { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-200:focus { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-200:focus { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-300:focus { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-300:focus { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-400:focus { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-400:focus { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-500:focus { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-500:focus { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-600:focus { --tw-gradient-via: #076b86; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-600:focus { --tw-gradient-via: #076680; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-700:focus { --tw-gradient-via: #07576e; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-700:focus { --tw-gradient-via: #064c60; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-800:focus { --tw-gradient-via: #024456; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-800:focus { --tw-gradient-via: #023442; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-900:focus { --tw-gradient-via: #012b36; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-900:focus { --tw-gradient-via: #011c23; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-50-important:focus { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-50-important:focus { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-100-important:focus { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-100-important:focus { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-200-important:focus { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-200-important:focus { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-300-important:focus { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-300-important:focus { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-400-important:focus { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-400-important:focus { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-500-important:focus { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-500-important:focus { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-600-important:focus { --tw-gradient-via: #076b86 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-600-important:focus { --tw-gradient-via: #076680 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-700-important:focus { --tw-gradient-via: #07576e !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-700-important:focus { --tw-gradient-via: #064c60 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-800-important:focus { --tw-gradient-via: #024456 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-800-important:focus { --tw-gradient-via: #023442 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .focus\:via-primary-900-important:focus { --tw-gradient-via: #012b36 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:focus\:via-primary-900-important:focus { --tw-gradient-via: #011c23 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-50:hover { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-50:hover { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-50 { --tw-gradient-via: #e3f1f6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-100:hover { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-100:hover { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-100 { --tw-gradient-via: #c6ecf6; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-200:hover { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-200:hover { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-200 { --tw-gradient-via: #91dcf1; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-300:hover { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-300:hover { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-300 { --tw-gradient-via: #55cdee; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-400:hover { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-400:hover { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-400 { --tw-gradient-via: #12bceb; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-500:hover { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-500:hover { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-500 { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-600:hover { --tw-gradient-via: #076b86; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-600:hover { --tw-gradient-via: #076680; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-600 { --tw-gradient-via: #076b86; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-700:hover { --tw-gradient-via: #07576e; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-700:hover { --tw-gradient-via: #064c60; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-700 { --tw-gradient-via: #07576e; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-800:hover { --tw-gradient-via: #024456; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-800:hover { --tw-gradient-via: #023442; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-800 { --tw-gradient-via: #024456; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-900:hover { --tw-gradient-via: #012b36; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-900:hover { --tw-gradient-via: #011c23; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-900 { --tw-gradient-via: #012b36; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-50-important:hover { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-50-important:hover { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-50-important { --tw-gradient-via: #e3f1f6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-100-important:hover { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-100-important:hover { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-100-important { --tw-gradient-via: #c6ecf6 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-200-important:hover { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-200-important:hover { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-200-important { --tw-gradient-via: #91dcf1 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-300-important:hover { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-300-important:hover { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-300-important { --tw-gradient-via: #55cdee !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-400-important:hover { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-400-important:hover { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-400-important { --tw-gradient-via: #12bceb !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-500-important:hover { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-500-important:hover { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-500-important { --tw-gradient-via: #087897 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-600-important:hover { --tw-gradient-via: #076b86 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-600-important:hover { --tw-gradient-via: #076680 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-600-important { --tw-gradient-via: #076b86 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-700-important:hover { --tw-gradient-via: #07576e !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-700-important:hover { --tw-gradient-via: #064c60 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-700-important { --tw-gradient-via: #07576e !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-800-important:hover { --tw-gradient-via: #024456 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-800-important:hover { --tw-gradient-via: #023442 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-800-important { --tw-gradient-via: #024456 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary-900-important:hover { --tw-gradient-via: #012b36 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .dark .dark\:hover\:via-primary-900-important:hover { --tw-gradient-via: #011c23 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary-900-important { --tw-gradient-via: #012b36 !important; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .shadow-primary-50 { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-50 { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100 { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-100 { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200 { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-200 { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300 { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-300 { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400 { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-400 { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500 { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-500 { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600 { --tw-shadow-color: #076b86; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-600 { --tw-shadow-color: #076680; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700 { --tw-shadow-color: #07576e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-700 { --tw-shadow-color: #064c60; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800 { --tw-shadow-color: #024456; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-800 { --tw-shadow-color: #023442; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900 { --tw-shadow-color: #012b36; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-900 { --tw-shadow-color: #011c23; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50-important { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-50-important { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100-important { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-100-important { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200-important { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-200-important { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300-important { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-300-important { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400-important { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-400-important { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500-important { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-500-important { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600-important { --tw-shadow-color: #076b86 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-600-important { --tw-shadow-color: #076680 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700-important { --tw-shadow-color: #07576e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-700-important { --tw-shadow-color: #064c60 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800-important { --tw-shadow-color: #024456 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-800-important { --tw-shadow-color: #023442 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900-important { --tw-shadow-color: #012b36 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-900-important { --tw-shadow-color: #011c23 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50:focus { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-50:focus { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100:focus { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-100:focus { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200:focus { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-200:focus { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300:focus { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-300:focus { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400:focus { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-400:focus { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500:focus { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-500:focus { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600:focus { --tw-shadow-color: #076b86; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-600:focus { --tw-shadow-color: #076680; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700:focus { --tw-shadow-color: #07576e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-700:focus { --tw-shadow-color: #064c60; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800:focus { --tw-shadow-color: #024456; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-800:focus { --tw-shadow-color: #023442; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900:focus { --tw-shadow-color: #012b36; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-900:focus { --tw-shadow-color: #011c23; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50-important:focus { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-50-important:focus { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100-important:focus { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-100-important:focus { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200-important:focus { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-200-important:focus { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300-important:focus { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-300-important:focus { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400-important:focus { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-400-important:focus { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500-important:focus { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-500-important:focus { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600-important:focus { --tw-shadow-color: #076b86 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-600-important:focus { --tw-shadow-color: #076680 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700-important:focus { --tw-shadow-color: #07576e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-700-important:focus { --tw-shadow-color: #064c60 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800-important:focus { --tw-shadow-color: #024456 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-800-important:focus { --tw-shadow-color: #023442 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900-important:focus { --tw-shadow-color: #012b36 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-900-important:focus { --tw-shadow-color: #011c23 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50:hover { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-50:hover { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50 { --tw-shadow-color: #e3f1f6; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100:hover { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-100:hover { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100 { --tw-shadow-color: #c6ecf6; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200:hover { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-200:hover { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200 { --tw-shadow-color: #91dcf1; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300:hover { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-300:hover { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300 { --tw-shadow-color: #55cdee; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400:hover { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-400:hover { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400 { --tw-shadow-color: #12bceb; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500:hover { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-500:hover { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500 { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600:hover { --tw-shadow-color: #076b86; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-600:hover { --tw-shadow-color: #076680; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600 { --tw-shadow-color: #076b86; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700:hover { --tw-shadow-color: #07576e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-700:hover { --tw-shadow-color: #064c60; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700 { --tw-shadow-color: #07576e; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800:hover { --tw-shadow-color: #024456; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-800:hover { --tw-shadow-color: #023442; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800 { --tw-shadow-color: #024456; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900:hover { --tw-shadow-color: #012b36; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-900:hover { --tw-shadow-color: #011c23; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900 { --tw-shadow-color: #012b36; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50-important:hover { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-50-important:hover { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50-important { --tw-shadow-color: #e3f1f6 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100-important:hover { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-100-important:hover { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100-important { --tw-shadow-color: #c6ecf6 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200-important:hover { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-200-important:hover { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200-important { --tw-shadow-color: #91dcf1 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300-important:hover { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-300-important:hover { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300-important { --tw-shadow-color: #55cdee !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400-important:hover { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-400-important:hover { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400-important { --tw-shadow-color: #12bceb !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500-important:hover { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-500-important:hover { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500-important { --tw-shadow-color: #087897 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600-important:hover { --tw-shadow-color: #076b86 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-600-important:hover { --tw-shadow-color: #076680 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600-important { --tw-shadow-color: #076b86 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700-important:hover { --tw-shadow-color: #07576e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-700-important:hover { --tw-shadow-color: #064c60 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700-important { --tw-shadow-color: #07576e !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800-important:hover { --tw-shadow-color: #024456 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-800-important:hover { --tw-shadow-color: #023442 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800-important { --tw-shadow-color: #024456 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900-important:hover { --tw-shadow-color: #012b36 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-900-important:hover { --tw-shadow-color: #011c23 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900-important { --tw-shadow-color: #012b36 !important; --tw-shadow: var(--tw-shadow-colored); }:root { --primary: #087897; --primary-50: #e3f1f6; --primary-100: #c6ecf6; --primary-200: #91dcf1; --primary-300: #55cdee; --primary-400: #12bceb; --primary-500: #087897; --primary-600: #076b86; --primary-700: #07576e; --primary-800: #024456; --primary-900: #012b36; --primary-foreground: #FFFFFF; --background: #ffffff; --foreground: #111827; --card: #ffffff; --card-foreground: #111827; --popover: #ffffff; --popover-foreground: #111827; --secondary: #f3f4f6; --secondary-foreground: #111827; --muted: #f3f4f6; --muted-foreground: #6b7280; --accent: #f3f4f6; --accent-foreground: #111827; --destructive: #dc2626; --destructive-foreground: #ffffff; --border: #e5e7eb; --input: #e5e7eb; --ring: var(--primary-500); --radius: 0.625rem; } .bg-primary { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .hover\:bg-primary:hover { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .focus\:bg-primary:focus { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary { --bg-opacity: 1; background-color: rgba(8, 120, 151, var(--bg-opacity)); } .bg-primary\/5 { background-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:bg-primary\/5:hover { background-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:bg-primary\/5:focus { background-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:bg-primary\/5 { background-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 5%, transparent); } } .bg-primary\/10 { background-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:bg-primary\/10:hover { background-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:bg-primary\/10:focus { background-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:bg-primary\/10 { background-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 10%, transparent); } } .bg-primary\/15 { background-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:bg-primary\/15:hover { background-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:bg-primary\/15:focus { background-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:bg-primary\/15 { background-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 15%, transparent); } } .bg-primary\/20 { background-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:bg-primary\/20:hover { background-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:bg-primary\/20:focus { background-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:bg-primary\/20 { background-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 20%, transparent); } } .bg-primary\/25 { background-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:bg-primary\/25:hover { background-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:bg-primary\/25:focus { background-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:bg-primary\/25 { background-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 25%, transparent); } } .bg-primary\/30 { background-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:bg-primary\/30:hover { background-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:bg-primary\/30:focus { background-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:bg-primary\/30 { background-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 30%, transparent); } } .bg-primary\/35 { background-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:bg-primary\/35:hover { background-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:bg-primary\/35:focus { background-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:bg-primary\/35 { background-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 35%, transparent); } } .bg-primary\/40 { background-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:bg-primary\/40:hover { background-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:bg-primary\/40:focus { background-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:bg-primary\/40 { background-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 40%, transparent); } } .bg-primary\/45 { background-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:bg-primary\/45:hover { background-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:bg-primary\/45:focus { background-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:bg-primary\/45 { background-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 45%, transparent); } } .bg-primary\/50 { background-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:bg-primary\/50:hover { background-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:bg-primary\/50:focus { background-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:bg-primary\/50 { background-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 50%, transparent); } } .bg-primary\/55 { background-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:bg-primary\/55:hover { background-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:bg-primary\/55:focus { background-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:bg-primary\/55 { background-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 55%, transparent); } } .bg-primary\/60 { background-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:bg-primary\/60:hover { background-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:bg-primary\/60:focus { background-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:bg-primary\/60 { background-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 60%, transparent); } } .bg-primary\/65 { background-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:bg-primary\/65:hover { background-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:bg-primary\/65:focus { background-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:bg-primary\/65 { background-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 65%, transparent); } } .bg-primary\/70 { background-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:bg-primary\/70:hover { background-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:bg-primary\/70:focus { background-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:bg-primary\/70 { background-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 70%, transparent); } } .bg-primary\/75 { background-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:bg-primary\/75:hover { background-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:bg-primary\/75:focus { background-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:bg-primary\/75 { background-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 75%, transparent); } } .bg-primary\/80 { background-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:bg-primary\/80:hover { background-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:bg-primary\/80:focus { background-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:bg-primary\/80 { background-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 80%, transparent); } } .bg-primary\/85 { background-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:bg-primary\/85:hover { background-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:bg-primary\/85:focus { background-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:bg-primary\/85 { background-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 85%, transparent); } } .bg-primary\/90 { background-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:bg-primary\/90:hover { background-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:bg-primary\/90:focus { background-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:bg-primary\/90 { background-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 90%, transparent); } } .bg-primary\/95 { background-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:bg-primary\/95:hover { background-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:bg-primary\/95:focus { background-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:bg-primary\/95 { background-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #087897 95%, transparent); } } .text-primary { color: #087897; } .hover\:text-primary:hover { color: #087897; } .focus\:text-primary:focus { color: #087897; } .group:hover .group-hover\:text-primary { color: #087897; } .text-primary\/5 { color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:text-primary\/5:hover { color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:text-primary\/5:focus { color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:text-primary\/5 { color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 5%, transparent); } } .text-primary\/10 { color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:text-primary\/10:hover { color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:text-primary\/10:focus { color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:text-primary\/10 { color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 10%, transparent); } } .text-primary\/15 { color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:text-primary\/15:hover { color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:text-primary\/15:focus { color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:text-primary\/15 { color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 15%, transparent); } } .text-primary\/20 { color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:text-primary\/20:hover { color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:text-primary\/20:focus { color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:text-primary\/20 { color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 20%, transparent); } } .text-primary\/25 { color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:text-primary\/25:hover { color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:text-primary\/25:focus { color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:text-primary\/25 { color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 25%, transparent); } } .text-primary\/30 { color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:text-primary\/30:hover { color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:text-primary\/30:focus { color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:text-primary\/30 { color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 30%, transparent); } } .text-primary\/35 { color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:text-primary\/35:hover { color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:text-primary\/35:focus { color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:text-primary\/35 { color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 35%, transparent); } } .text-primary\/40 { color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:text-primary\/40:hover { color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:text-primary\/40:focus { color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:text-primary\/40 { color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 40%, transparent); } } .text-primary\/45 { color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:text-primary\/45:hover { color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:text-primary\/45:focus { color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:text-primary\/45 { color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 45%, transparent); } } .text-primary\/50 { color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:text-primary\/50:hover { color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:text-primary\/50:focus { color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:text-primary\/50 { color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 50%, transparent); } } .text-primary\/55 { color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:text-primary\/55:hover { color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:text-primary\/55:focus { color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:text-primary\/55 { color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 55%, transparent); } } .text-primary\/60 { color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:text-primary\/60:hover { color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:text-primary\/60:focus { color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:text-primary\/60 { color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 60%, transparent); } } .text-primary\/65 { color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:text-primary\/65:hover { color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:text-primary\/65:focus { color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:text-primary\/65 { color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 65%, transparent); } } .text-primary\/70 { color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:text-primary\/70:hover { color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:text-primary\/70:focus { color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:text-primary\/70 { color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 70%, transparent); } } .text-primary\/75 { color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:text-primary\/75:hover { color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:text-primary\/75:focus { color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:text-primary\/75 { color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 75%, transparent); } } .text-primary\/80 { color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:text-primary\/80:hover { color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:text-primary\/80:focus { color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:text-primary\/80 { color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 80%, transparent); } } .text-primary\/85 { color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:text-primary\/85:hover { color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:text-primary\/85:focus { color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:text-primary\/85 { color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 85%, transparent); } } .text-primary\/90 { color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:text-primary\/90:hover { color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:text-primary\/90:focus { color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:text-primary\/90 { color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 90%, transparent); } } .text-primary\/95 { color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:text-primary\/95:hover { color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:text-primary\/95:focus { color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:text-primary\/95 { color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #087897 95%, transparent); } } .border-primary { border-color: #087897; } .hover\:border-primary:hover { border-color: #087897; } .focus\:border-primary:focus { border-color: #087897; } .group:hover .group-hover\:border-primary { border-color: #087897; } .border-primary\/5 { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:border-primary\/5:hover { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:border-primary\/5:focus { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:border-primary\/5 { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .border-primary\/10 { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:border-primary\/10:hover { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:border-primary\/10:focus { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:border-primary\/10 { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .border-primary\/15 { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:border-primary\/15:hover { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:border-primary\/15:focus { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:border-primary\/15 { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .border-primary\/20 { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:border-primary\/20:hover { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:border-primary\/20:focus { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:border-primary\/20 { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .border-primary\/25 { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:border-primary\/25:hover { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:border-primary\/25:focus { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:border-primary\/25 { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .border-primary\/30 { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:border-primary\/30:hover { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:border-primary\/30:focus { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:border-primary\/30 { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .border-primary\/35 { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:border-primary\/35:hover { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:border-primary\/35:focus { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:border-primary\/35 { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .border-primary\/40 { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:border-primary\/40:hover { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:border-primary\/40:focus { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:border-primary\/40 { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .border-primary\/45 { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:border-primary\/45:hover { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:border-primary\/45:focus { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:border-primary\/45 { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .border-primary\/50 { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:border-primary\/50:hover { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:border-primary\/50:focus { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:border-primary\/50 { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .border-primary\/55 { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:border-primary\/55:hover { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:border-primary\/55:focus { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:border-primary\/55 { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .border-primary\/60 { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:border-primary\/60:hover { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:border-primary\/60:focus { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:border-primary\/60 { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .border-primary\/65 { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:border-primary\/65:hover { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:border-primary\/65:focus { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:border-primary\/65 { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .border-primary\/70 { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:border-primary\/70:hover { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:border-primary\/70:focus { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:border-primary\/70 { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .border-primary\/75 { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:border-primary\/75:hover { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:border-primary\/75:focus { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:border-primary\/75 { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .border-primary\/80 { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:border-primary\/80:hover { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:border-primary\/80:focus { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:border-primary\/80 { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .border-primary\/85 { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:border-primary\/85:hover { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:border-primary\/85:focus { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:border-primary\/85 { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .border-primary\/90 { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:border-primary\/90:hover { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:border-primary\/90:focus { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:border-primary\/90 { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .border-primary\/95 { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:border-primary\/95:hover { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:border-primary\/95:focus { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:border-primary\/95 { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .ring-primary { --ring-color: #087897; --tw-ring-color: #087897; } .hover\:ring-primary:hover { --ring-color: #087897; --tw-ring-color: #087897; } .focus\:ring-primary:focus { --ring-color: #087897; --tw-ring-color: #087897; } .group:hover .group-hover\:ring-primary { --ring-color: #087897; --tw-ring-color: #087897; } .ring-primary\/5 { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:ring-primary\/5:hover { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:ring-primary\/5:focus { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:ring-primary\/5 { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .ring-primary\/10 { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:ring-primary\/10:hover { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:ring-primary\/10:focus { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:ring-primary\/10 { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .ring-primary\/15 { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:ring-primary\/15:hover { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:ring-primary\/15:focus { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:ring-primary\/15 { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .ring-primary\/20 { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:ring-primary\/20:hover { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:ring-primary\/20:focus { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:ring-primary\/20 { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .ring-primary\/25 { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:ring-primary\/25:hover { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:ring-primary\/25:focus { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:ring-primary\/25 { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .ring-primary\/30 { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:ring-primary\/30:hover { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:ring-primary\/30:focus { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:ring-primary\/30 { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .ring-primary\/35 { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:ring-primary\/35:hover { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:ring-primary\/35:focus { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:ring-primary\/35 { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .ring-primary\/40 { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:ring-primary\/40:hover { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:ring-primary\/40:focus { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:ring-primary\/40 { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .ring-primary\/45 { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:ring-primary\/45:hover { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:ring-primary\/45:focus { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:ring-primary\/45 { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .ring-primary\/50 { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:ring-primary\/50:hover { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:ring-primary\/50:focus { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:ring-primary\/50 { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .ring-primary\/55 { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:ring-primary\/55:hover { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:ring-primary\/55:focus { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:ring-primary\/55 { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .ring-primary\/60 { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:ring-primary\/60:hover { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:ring-primary\/60:focus { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:ring-primary\/60 { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .ring-primary\/65 { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:ring-primary\/65:hover { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:ring-primary\/65:focus { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:ring-primary\/65 { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .ring-primary\/70 { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:ring-primary\/70:hover { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:ring-primary\/70:focus { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:ring-primary\/70 { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .ring-primary\/75 { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:ring-primary\/75:hover { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:ring-primary\/75:focus { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:ring-primary\/75 { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .ring-primary\/80 { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:ring-primary\/80:hover { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:ring-primary\/80:focus { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:ring-primary\/80 { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .ring-primary\/85 { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:ring-primary\/85:hover { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:ring-primary\/85:focus { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:ring-primary\/85 { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .ring-primary\/90 { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:ring-primary\/90:hover { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:ring-primary\/90:focus { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:ring-primary\/90 { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .ring-primary\/95 { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:ring-primary\/95:hover { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:ring-primary\/95:focus { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:ring-primary\/95 { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .shadow-primary { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary:hover { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary:focus { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary { --tw-shadow-color: #087897; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/5 { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/5:hover { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/5:focus { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/5 { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/10 { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/10:hover { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/10:focus { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/10 { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/15 { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/15:hover { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/15:focus { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/15 { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/20 { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/20:hover { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/20:focus { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/20 { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/25 { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/25:hover { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/25:focus { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/25 { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/30 { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/30:hover { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/30:focus { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/30 { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/35 { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/35:hover { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/35:focus { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/35 { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/40 { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/40:hover { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/40:focus { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/40 { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/45 { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/45:hover { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/45:focus { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/45 { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/50 { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/50:hover { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/50:focus { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/50 { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/55 { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/55:hover { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/55:focus { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/55 { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/60 { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/60:hover { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/60:focus { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/60 { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/65 { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/65:hover { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/65:focus { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/65 { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/70 { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/70:hover { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/70:focus { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/70 { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/75 { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/75:hover { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/75:focus { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/75 { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/80 { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/80:hover { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/80:focus { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/80 { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/85 { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/85:hover { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/85:focus { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/85 { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/90 { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/90:hover { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/90:focus { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/90 { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/95 { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/95:hover { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/95:focus { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/95 { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .border-primary-50\/5 { border-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .hover\:border-primary-50\/5:hover { border-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .focus\:border-primary-50\/5:focus { border-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .group:hover .group-hover\:border-primary-50\/5 { border-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .border-primary-50\/10 { border-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .hover\:border-primary-50\/10:hover { border-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .focus\:border-primary-50\/10:focus { border-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .group:hover .group-hover\:border-primary-50\/10 { border-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .border-primary-50\/15 { border-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .hover\:border-primary-50\/15:hover { border-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .focus\:border-primary-50\/15:focus { border-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .group:hover .group-hover\:border-primary-50\/15 { border-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .border-primary-50\/20 { border-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .hover\:border-primary-50\/20:hover { border-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .focus\:border-primary-50\/20:focus { border-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .group:hover .group-hover\:border-primary-50\/20 { border-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .border-primary-50\/25 { border-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .hover\:border-primary-50\/25:hover { border-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .focus\:border-primary-50\/25:focus { border-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .group:hover .group-hover\:border-primary-50\/25 { border-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .border-primary-50\/30 { border-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .hover\:border-primary-50\/30:hover { border-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .focus\:border-primary-50\/30:focus { border-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .group:hover .group-hover\:border-primary-50\/30 { border-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .border-primary-50\/35 { border-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .hover\:border-primary-50\/35:hover { border-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .focus\:border-primary-50\/35:focus { border-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .group:hover .group-hover\:border-primary-50\/35 { border-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .border-primary-50\/40 { border-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .hover\:border-primary-50\/40:hover { border-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .focus\:border-primary-50\/40:focus { border-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .group:hover .group-hover\:border-primary-50\/40 { border-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .border-primary-50\/45 { border-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .hover\:border-primary-50\/45:hover { border-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .focus\:border-primary-50\/45:focus { border-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .group:hover .group-hover\:border-primary-50\/45 { border-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .border-primary-50\/50 { border-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .hover\:border-primary-50\/50:hover { border-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .focus\:border-primary-50\/50:focus { border-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .group:hover .group-hover\:border-primary-50\/50 { border-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .border-primary-50\/55 { border-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .hover\:border-primary-50\/55:hover { border-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .focus\:border-primary-50\/55:focus { border-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .group:hover .group-hover\:border-primary-50\/55 { border-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .border-primary-50\/60 { border-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .hover\:border-primary-50\/60:hover { border-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .focus\:border-primary-50\/60:focus { border-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .group:hover .group-hover\:border-primary-50\/60 { border-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .border-primary-50\/65 { border-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .hover\:border-primary-50\/65:hover { border-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .focus\:border-primary-50\/65:focus { border-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .group:hover .group-hover\:border-primary-50\/65 { border-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .border-primary-50\/70 { border-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .hover\:border-primary-50\/70:hover { border-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .focus\:border-primary-50\/70:focus { border-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .group:hover .group-hover\:border-primary-50\/70 { border-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .border-primary-50\/75 { border-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .hover\:border-primary-50\/75:hover { border-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .focus\:border-primary-50\/75:focus { border-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .group:hover .group-hover\:border-primary-50\/75 { border-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .border-primary-50\/80 { border-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .hover\:border-primary-50\/80:hover { border-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .focus\:border-primary-50\/80:focus { border-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .group:hover .group-hover\:border-primary-50\/80 { border-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .border-primary-50\/85 { border-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .hover\:border-primary-50\/85:hover { border-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .focus\:border-primary-50\/85:focus { border-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .group:hover .group-hover\:border-primary-50\/85 { border-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .border-primary-50\/90 { border-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .hover\:border-primary-50\/90:hover { border-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .focus\:border-primary-50\/90:focus { border-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .group:hover .group-hover\:border-primary-50\/90 { border-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .border-primary-50\/95 { border-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .hover\:border-primary-50\/95:hover { border-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .focus\:border-primary-50\/95:focus { border-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .group:hover .group-hover\:border-primary-50\/95 { border-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .border-primary-100\/5 { border-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .hover\:border-primary-100\/5:hover { border-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .focus\:border-primary-100\/5:focus { border-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .group:hover .group-hover\:border-primary-100\/5 { border-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .border-primary-100\/10 { border-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .hover\:border-primary-100\/10:hover { border-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .focus\:border-primary-100\/10:focus { border-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .group:hover .group-hover\:border-primary-100\/10 { border-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .border-primary-100\/15 { border-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .hover\:border-primary-100\/15:hover { border-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .focus\:border-primary-100\/15:focus { border-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .group:hover .group-hover\:border-primary-100\/15 { border-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .border-primary-100\/20 { border-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .hover\:border-primary-100\/20:hover { border-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .focus\:border-primary-100\/20:focus { border-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .group:hover .group-hover\:border-primary-100\/20 { border-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .border-primary-100\/25 { border-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .hover\:border-primary-100\/25:hover { border-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .focus\:border-primary-100\/25:focus { border-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .group:hover .group-hover\:border-primary-100\/25 { border-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .border-primary-100\/30 { border-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .hover\:border-primary-100\/30:hover { border-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .focus\:border-primary-100\/30:focus { border-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .group:hover .group-hover\:border-primary-100\/30 { border-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .border-primary-100\/35 { border-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .hover\:border-primary-100\/35:hover { border-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .focus\:border-primary-100\/35:focus { border-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .group:hover .group-hover\:border-primary-100\/35 { border-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .border-primary-100\/40 { border-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .hover\:border-primary-100\/40:hover { border-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .focus\:border-primary-100\/40:focus { border-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .group:hover .group-hover\:border-primary-100\/40 { border-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .border-primary-100\/45 { border-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .hover\:border-primary-100\/45:hover { border-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .focus\:border-primary-100\/45:focus { border-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .group:hover .group-hover\:border-primary-100\/45 { border-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .border-primary-100\/50 { border-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .hover\:border-primary-100\/50:hover { border-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .focus\:border-primary-100\/50:focus { border-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .group:hover .group-hover\:border-primary-100\/50 { border-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .border-primary-100\/55 { border-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .hover\:border-primary-100\/55:hover { border-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .focus\:border-primary-100\/55:focus { border-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .group:hover .group-hover\:border-primary-100\/55 { border-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .border-primary-100\/60 { border-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .hover\:border-primary-100\/60:hover { border-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .focus\:border-primary-100\/60:focus { border-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .group:hover .group-hover\:border-primary-100\/60 { border-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .border-primary-100\/65 { border-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .hover\:border-primary-100\/65:hover { border-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .focus\:border-primary-100\/65:focus { border-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .group:hover .group-hover\:border-primary-100\/65 { border-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .border-primary-100\/70 { border-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .hover\:border-primary-100\/70:hover { border-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .focus\:border-primary-100\/70:focus { border-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .group:hover .group-hover\:border-primary-100\/70 { border-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .border-primary-100\/75 { border-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .hover\:border-primary-100\/75:hover { border-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .focus\:border-primary-100\/75:focus { border-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .group:hover .group-hover\:border-primary-100\/75 { border-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .border-primary-100\/80 { border-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .hover\:border-primary-100\/80:hover { border-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .focus\:border-primary-100\/80:focus { border-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .group:hover .group-hover\:border-primary-100\/80 { border-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .border-primary-100\/85 { border-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .hover\:border-primary-100\/85:hover { border-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .focus\:border-primary-100\/85:focus { border-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .group:hover .group-hover\:border-primary-100\/85 { border-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .border-primary-100\/90 { border-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .hover\:border-primary-100\/90:hover { border-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .focus\:border-primary-100\/90:focus { border-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .group:hover .group-hover\:border-primary-100\/90 { border-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .border-primary-100\/95 { border-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .hover\:border-primary-100\/95:hover { border-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .focus\:border-primary-100\/95:focus { border-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .group:hover .group-hover\:border-primary-100\/95 { border-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .border-primary-200\/5 { border-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .hover\:border-primary-200\/5:hover { border-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .focus\:border-primary-200\/5:focus { border-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .group:hover .group-hover\:border-primary-200\/5 { border-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .border-primary-200\/10 { border-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .hover\:border-primary-200\/10:hover { border-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .focus\:border-primary-200\/10:focus { border-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .group:hover .group-hover\:border-primary-200\/10 { border-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .border-primary-200\/15 { border-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .hover\:border-primary-200\/15:hover { border-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .focus\:border-primary-200\/15:focus { border-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .group:hover .group-hover\:border-primary-200\/15 { border-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .border-primary-200\/20 { border-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .hover\:border-primary-200\/20:hover { border-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .focus\:border-primary-200\/20:focus { border-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .group:hover .group-hover\:border-primary-200\/20 { border-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .border-primary-200\/25 { border-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .hover\:border-primary-200\/25:hover { border-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .focus\:border-primary-200\/25:focus { border-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .group:hover .group-hover\:border-primary-200\/25 { border-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .border-primary-200\/30 { border-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .hover\:border-primary-200\/30:hover { border-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .focus\:border-primary-200\/30:focus { border-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .group:hover .group-hover\:border-primary-200\/30 { border-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .border-primary-200\/35 { border-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .hover\:border-primary-200\/35:hover { border-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .focus\:border-primary-200\/35:focus { border-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .group:hover .group-hover\:border-primary-200\/35 { border-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .border-primary-200\/40 { border-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .hover\:border-primary-200\/40:hover { border-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .focus\:border-primary-200\/40:focus { border-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .group:hover .group-hover\:border-primary-200\/40 { border-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .border-primary-200\/45 { border-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .hover\:border-primary-200\/45:hover { border-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .focus\:border-primary-200\/45:focus { border-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .group:hover .group-hover\:border-primary-200\/45 { border-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .border-primary-200\/50 { border-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .hover\:border-primary-200\/50:hover { border-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .focus\:border-primary-200\/50:focus { border-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .group:hover .group-hover\:border-primary-200\/50 { border-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .border-primary-200\/55 { border-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .hover\:border-primary-200\/55:hover { border-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .focus\:border-primary-200\/55:focus { border-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .group:hover .group-hover\:border-primary-200\/55 { border-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .border-primary-200\/60 { border-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .hover\:border-primary-200\/60:hover { border-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .focus\:border-primary-200\/60:focus { border-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .group:hover .group-hover\:border-primary-200\/60 { border-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .border-primary-200\/65 { border-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .hover\:border-primary-200\/65:hover { border-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .focus\:border-primary-200\/65:focus { border-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .group:hover .group-hover\:border-primary-200\/65 { border-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .border-primary-200\/70 { border-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .hover\:border-primary-200\/70:hover { border-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .focus\:border-primary-200\/70:focus { border-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .group:hover .group-hover\:border-primary-200\/70 { border-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .border-primary-200\/75 { border-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .hover\:border-primary-200\/75:hover { border-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .focus\:border-primary-200\/75:focus { border-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .group:hover .group-hover\:border-primary-200\/75 { border-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .border-primary-200\/80 { border-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .hover\:border-primary-200\/80:hover { border-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .focus\:border-primary-200\/80:focus { border-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .group:hover .group-hover\:border-primary-200\/80 { border-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .border-primary-200\/85 { border-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .hover\:border-primary-200\/85:hover { border-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .focus\:border-primary-200\/85:focus { border-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .group:hover .group-hover\:border-primary-200\/85 { border-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .border-primary-200\/90 { border-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .hover\:border-primary-200\/90:hover { border-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .focus\:border-primary-200\/90:focus { border-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .group:hover .group-hover\:border-primary-200\/90 { border-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .border-primary-200\/95 { border-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .hover\:border-primary-200\/95:hover { border-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .focus\:border-primary-200\/95:focus { border-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .group:hover .group-hover\:border-primary-200\/95 { border-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .border-primary-300\/5 { border-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 5%, transparent); } } .hover\:border-primary-300\/5:hover { border-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 5%, transparent); } } .focus\:border-primary-300\/5:focus { border-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 5%, transparent); } } .group:hover .group-hover\:border-primary-300\/5 { border-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 5%, transparent); } } .border-primary-300\/10 { border-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 10%, transparent); } } .hover\:border-primary-300\/10:hover { border-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 10%, transparent); } } .focus\:border-primary-300\/10:focus { border-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 10%, transparent); } } .group:hover .group-hover\:border-primary-300\/10 { border-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 10%, transparent); } } .border-primary-300\/15 { border-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 15%, transparent); } } .hover\:border-primary-300\/15:hover { border-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 15%, transparent); } } .focus\:border-primary-300\/15:focus { border-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 15%, transparent); } } .group:hover .group-hover\:border-primary-300\/15 { border-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 15%, transparent); } } .border-primary-300\/20 { border-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 20%, transparent); } } .hover\:border-primary-300\/20:hover { border-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 20%, transparent); } } .focus\:border-primary-300\/20:focus { border-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 20%, transparent); } } .group:hover .group-hover\:border-primary-300\/20 { border-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 20%, transparent); } } .border-primary-300\/25 { border-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 25%, transparent); } } .hover\:border-primary-300\/25:hover { border-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 25%, transparent); } } .focus\:border-primary-300\/25:focus { border-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 25%, transparent); } } .group:hover .group-hover\:border-primary-300\/25 { border-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 25%, transparent); } } .border-primary-300\/30 { border-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 30%, transparent); } } .hover\:border-primary-300\/30:hover { border-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 30%, transparent); } } .focus\:border-primary-300\/30:focus { border-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 30%, transparent); } } .group:hover .group-hover\:border-primary-300\/30 { border-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 30%, transparent); } } .border-primary-300\/35 { border-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 35%, transparent); } } .hover\:border-primary-300\/35:hover { border-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 35%, transparent); } } .focus\:border-primary-300\/35:focus { border-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 35%, transparent); } } .group:hover .group-hover\:border-primary-300\/35 { border-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 35%, transparent); } } .border-primary-300\/40 { border-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 40%, transparent); } } .hover\:border-primary-300\/40:hover { border-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 40%, transparent); } } .focus\:border-primary-300\/40:focus { border-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 40%, transparent); } } .group:hover .group-hover\:border-primary-300\/40 { border-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 40%, transparent); } } .border-primary-300\/45 { border-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 45%, transparent); } } .hover\:border-primary-300\/45:hover { border-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 45%, transparent); } } .focus\:border-primary-300\/45:focus { border-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 45%, transparent); } } .group:hover .group-hover\:border-primary-300\/45 { border-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 45%, transparent); } } .border-primary-300\/50 { border-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 50%, transparent); } } .hover\:border-primary-300\/50:hover { border-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 50%, transparent); } } .focus\:border-primary-300\/50:focus { border-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 50%, transparent); } } .group:hover .group-hover\:border-primary-300\/50 { border-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 50%, transparent); } } .border-primary-300\/55 { border-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 55%, transparent); } } .hover\:border-primary-300\/55:hover { border-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 55%, transparent); } } .focus\:border-primary-300\/55:focus { border-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 55%, transparent); } } .group:hover .group-hover\:border-primary-300\/55 { border-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 55%, transparent); } } .border-primary-300\/60 { border-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 60%, transparent); } } .hover\:border-primary-300\/60:hover { border-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 60%, transparent); } } .focus\:border-primary-300\/60:focus { border-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 60%, transparent); } } .group:hover .group-hover\:border-primary-300\/60 { border-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 60%, transparent); } } .border-primary-300\/65 { border-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 65%, transparent); } } .hover\:border-primary-300\/65:hover { border-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 65%, transparent); } } .focus\:border-primary-300\/65:focus { border-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 65%, transparent); } } .group:hover .group-hover\:border-primary-300\/65 { border-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 65%, transparent); } } .border-primary-300\/70 { border-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 70%, transparent); } } .hover\:border-primary-300\/70:hover { border-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 70%, transparent); } } .focus\:border-primary-300\/70:focus { border-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 70%, transparent); } } .group:hover .group-hover\:border-primary-300\/70 { border-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 70%, transparent); } } .border-primary-300\/75 { border-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 75%, transparent); } } .hover\:border-primary-300\/75:hover { border-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 75%, transparent); } } .focus\:border-primary-300\/75:focus { border-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 75%, transparent); } } .group:hover .group-hover\:border-primary-300\/75 { border-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 75%, transparent); } } .border-primary-300\/80 { border-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 80%, transparent); } } .hover\:border-primary-300\/80:hover { border-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 80%, transparent); } } .focus\:border-primary-300\/80:focus { border-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 80%, transparent); } } .group:hover .group-hover\:border-primary-300\/80 { border-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 80%, transparent); } } .border-primary-300\/85 { border-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 85%, transparent); } } .hover\:border-primary-300\/85:hover { border-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 85%, transparent); } } .focus\:border-primary-300\/85:focus { border-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 85%, transparent); } } .group:hover .group-hover\:border-primary-300\/85 { border-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 85%, transparent); } } .border-primary-300\/90 { border-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 90%, transparent); } } .hover\:border-primary-300\/90:hover { border-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 90%, transparent); } } .focus\:border-primary-300\/90:focus { border-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 90%, transparent); } } .group:hover .group-hover\:border-primary-300\/90 { border-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 90%, transparent); } } .border-primary-300\/95 { border-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 95%, transparent); } } .hover\:border-primary-300\/95:hover { border-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 95%, transparent); } } .focus\:border-primary-300\/95:focus { border-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 95%, transparent); } } .group:hover .group-hover\:border-primary-300\/95 { border-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55cdee 95%, transparent); } } .border-primary-400\/5 { border-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 5%, transparent); } } .hover\:border-primary-400\/5:hover { border-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 5%, transparent); } } .focus\:border-primary-400\/5:focus { border-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 5%, transparent); } } .group:hover .group-hover\:border-primary-400\/5 { border-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 5%, transparent); } } .border-primary-400\/10 { border-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 10%, transparent); } } .hover\:border-primary-400\/10:hover { border-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 10%, transparent); } } .focus\:border-primary-400\/10:focus { border-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 10%, transparent); } } .group:hover .group-hover\:border-primary-400\/10 { border-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 10%, transparent); } } .border-primary-400\/15 { border-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 15%, transparent); } } .hover\:border-primary-400\/15:hover { border-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 15%, transparent); } } .focus\:border-primary-400\/15:focus { border-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 15%, transparent); } } .group:hover .group-hover\:border-primary-400\/15 { border-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 15%, transparent); } } .border-primary-400\/20 { border-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 20%, transparent); } } .hover\:border-primary-400\/20:hover { border-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 20%, transparent); } } .focus\:border-primary-400\/20:focus { border-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 20%, transparent); } } .group:hover .group-hover\:border-primary-400\/20 { border-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 20%, transparent); } } .border-primary-400\/25 { border-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 25%, transparent); } } .hover\:border-primary-400\/25:hover { border-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 25%, transparent); } } .focus\:border-primary-400\/25:focus { border-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 25%, transparent); } } .group:hover .group-hover\:border-primary-400\/25 { border-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 25%, transparent); } } .border-primary-400\/30 { border-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 30%, transparent); } } .hover\:border-primary-400\/30:hover { border-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 30%, transparent); } } .focus\:border-primary-400\/30:focus { border-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 30%, transparent); } } .group:hover .group-hover\:border-primary-400\/30 { border-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 30%, transparent); } } .border-primary-400\/35 { border-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 35%, transparent); } } .hover\:border-primary-400\/35:hover { border-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 35%, transparent); } } .focus\:border-primary-400\/35:focus { border-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 35%, transparent); } } .group:hover .group-hover\:border-primary-400\/35 { border-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 35%, transparent); } } .border-primary-400\/40 { border-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 40%, transparent); } } .hover\:border-primary-400\/40:hover { border-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 40%, transparent); } } .focus\:border-primary-400\/40:focus { border-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 40%, transparent); } } .group:hover .group-hover\:border-primary-400\/40 { border-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 40%, transparent); } } .border-primary-400\/45 { border-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 45%, transparent); } } .hover\:border-primary-400\/45:hover { border-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 45%, transparent); } } .focus\:border-primary-400\/45:focus { border-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 45%, transparent); } } .group:hover .group-hover\:border-primary-400\/45 { border-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 45%, transparent); } } .border-primary-400\/50 { border-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 50%, transparent); } } .hover\:border-primary-400\/50:hover { border-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 50%, transparent); } } .focus\:border-primary-400\/50:focus { border-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 50%, transparent); } } .group:hover .group-hover\:border-primary-400\/50 { border-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 50%, transparent); } } .border-primary-400\/55 { border-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 55%, transparent); } } .hover\:border-primary-400\/55:hover { border-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 55%, transparent); } } .focus\:border-primary-400\/55:focus { border-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 55%, transparent); } } .group:hover .group-hover\:border-primary-400\/55 { border-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 55%, transparent); } } .border-primary-400\/60 { border-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 60%, transparent); } } .hover\:border-primary-400\/60:hover { border-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 60%, transparent); } } .focus\:border-primary-400\/60:focus { border-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 60%, transparent); } } .group:hover .group-hover\:border-primary-400\/60 { border-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 60%, transparent); } } .border-primary-400\/65 { border-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 65%, transparent); } } .hover\:border-primary-400\/65:hover { border-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 65%, transparent); } } .focus\:border-primary-400\/65:focus { border-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 65%, transparent); } } .group:hover .group-hover\:border-primary-400\/65 { border-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 65%, transparent); } } .border-primary-400\/70 { border-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 70%, transparent); } } .hover\:border-primary-400\/70:hover { border-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 70%, transparent); } } .focus\:border-primary-400\/70:focus { border-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 70%, transparent); } } .group:hover .group-hover\:border-primary-400\/70 { border-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 70%, transparent); } } .border-primary-400\/75 { border-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 75%, transparent); } } .hover\:border-primary-400\/75:hover { border-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 75%, transparent); } } .focus\:border-primary-400\/75:focus { border-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 75%, transparent); } } .group:hover .group-hover\:border-primary-400\/75 { border-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 75%, transparent); } } .border-primary-400\/80 { border-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 80%, transparent); } } .hover\:border-primary-400\/80:hover { border-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 80%, transparent); } } .focus\:border-primary-400\/80:focus { border-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 80%, transparent); } } .group:hover .group-hover\:border-primary-400\/80 { border-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 80%, transparent); } } .border-primary-400\/85 { border-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 85%, transparent); } } .hover\:border-primary-400\/85:hover { border-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 85%, transparent); } } .focus\:border-primary-400\/85:focus { border-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 85%, transparent); } } .group:hover .group-hover\:border-primary-400\/85 { border-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 85%, transparent); } } .border-primary-400\/90 { border-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 90%, transparent); } } .hover\:border-primary-400\/90:hover { border-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 90%, transparent); } } .focus\:border-primary-400\/90:focus { border-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 90%, transparent); } } .group:hover .group-hover\:border-primary-400\/90 { border-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 90%, transparent); } } .border-primary-400\/95 { border-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 95%, transparent); } } .hover\:border-primary-400\/95:hover { border-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 95%, transparent); } } .focus\:border-primary-400\/95:focus { border-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 95%, transparent); } } .group:hover .group-hover\:border-primary-400\/95 { border-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #12bceb 95%, transparent); } } .border-primary-500\/5 { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:border-primary-500\/5:hover { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:border-primary-500\/5:focus { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:border-primary-500\/5 { border-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 5%, transparent); } } .border-primary-500\/10 { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:border-primary-500\/10:hover { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:border-primary-500\/10:focus { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:border-primary-500\/10 { border-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 10%, transparent); } } .border-primary-500\/15 { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:border-primary-500\/15:hover { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:border-primary-500\/15:focus { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:border-primary-500\/15 { border-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 15%, transparent); } } .border-primary-500\/20 { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:border-primary-500\/20:hover { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:border-primary-500\/20:focus { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:border-primary-500\/20 { border-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 20%, transparent); } } .border-primary-500\/25 { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:border-primary-500\/25:hover { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:border-primary-500\/25:focus { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:border-primary-500\/25 { border-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 25%, transparent); } } .border-primary-500\/30 { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:border-primary-500\/30:hover { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:border-primary-500\/30:focus { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:border-primary-500\/30 { border-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 30%, transparent); } } .border-primary-500\/35 { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:border-primary-500\/35:hover { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:border-primary-500\/35:focus { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:border-primary-500\/35 { border-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 35%, transparent); } } .border-primary-500\/40 { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:border-primary-500\/40:hover { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:border-primary-500\/40:focus { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:border-primary-500\/40 { border-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 40%, transparent); } } .border-primary-500\/45 { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:border-primary-500\/45:hover { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:border-primary-500\/45:focus { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:border-primary-500\/45 { border-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 45%, transparent); } } .border-primary-500\/50 { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:border-primary-500\/50:hover { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:border-primary-500\/50:focus { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:border-primary-500\/50 { border-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 50%, transparent); } } .border-primary-500\/55 { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:border-primary-500\/55:hover { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:border-primary-500\/55:focus { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:border-primary-500\/55 { border-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 55%, transparent); } } .border-primary-500\/60 { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:border-primary-500\/60:hover { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:border-primary-500\/60:focus { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:border-primary-500\/60 { border-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 60%, transparent); } } .border-primary-500\/65 { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:border-primary-500\/65:hover { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:border-primary-500\/65:focus { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:border-primary-500\/65 { border-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 65%, transparent); } } .border-primary-500\/70 { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:border-primary-500\/70:hover { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:border-primary-500\/70:focus { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:border-primary-500\/70 { border-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 70%, transparent); } } .border-primary-500\/75 { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:border-primary-500\/75:hover { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:border-primary-500\/75:focus { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:border-primary-500\/75 { border-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 75%, transparent); } } .border-primary-500\/80 { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:border-primary-500\/80:hover { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:border-primary-500\/80:focus { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:border-primary-500\/80 { border-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 80%, transparent); } } .border-primary-500\/85 { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:border-primary-500\/85:hover { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:border-primary-500\/85:focus { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:border-primary-500\/85 { border-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 85%, transparent); } } .border-primary-500\/90 { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:border-primary-500\/90:hover { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:border-primary-500\/90:focus { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:border-primary-500\/90 { border-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 90%, transparent); } } .border-primary-500\/95 { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:border-primary-500\/95:hover { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:border-primary-500\/95:focus { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:border-primary-500\/95 { border-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #087897 95%, transparent); } } .border-primary-600\/5 { border-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 5%, transparent); } } .hover\:border-primary-600\/5:hover { border-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 5%, transparent); } } .focus\:border-primary-600\/5:focus { border-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 5%, transparent); } } .group:hover .group-hover\:border-primary-600\/5 { border-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 5%, transparent); } } .border-primary-600\/10 { border-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 10%, transparent); } } .hover\:border-primary-600\/10:hover { border-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 10%, transparent); } } .focus\:border-primary-600\/10:focus { border-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 10%, transparent); } } .group:hover .group-hover\:border-primary-600\/10 { border-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 10%, transparent); } } .border-primary-600\/15 { border-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 15%, transparent); } } .hover\:border-primary-600\/15:hover { border-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 15%, transparent); } } .focus\:border-primary-600\/15:focus { border-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 15%, transparent); } } .group:hover .group-hover\:border-primary-600\/15 { border-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 15%, transparent); } } .border-primary-600\/20 { border-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 20%, transparent); } } .hover\:border-primary-600\/20:hover { border-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 20%, transparent); } } .focus\:border-primary-600\/20:focus { border-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 20%, transparent); } } .group:hover .group-hover\:border-primary-600\/20 { border-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 20%, transparent); } } .border-primary-600\/25 { border-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 25%, transparent); } } .hover\:border-primary-600\/25:hover { border-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 25%, transparent); } } .focus\:border-primary-600\/25:focus { border-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 25%, transparent); } } .group:hover .group-hover\:border-primary-600\/25 { border-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 25%, transparent); } } .border-primary-600\/30 { border-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 30%, transparent); } } .hover\:border-primary-600\/30:hover { border-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 30%, transparent); } } .focus\:border-primary-600\/30:focus { border-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 30%, transparent); } } .group:hover .group-hover\:border-primary-600\/30 { border-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 30%, transparent); } } .border-primary-600\/35 { border-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 35%, transparent); } } .hover\:border-primary-600\/35:hover { border-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 35%, transparent); } } .focus\:border-primary-600\/35:focus { border-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 35%, transparent); } } .group:hover .group-hover\:border-primary-600\/35 { border-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 35%, transparent); } } .border-primary-600\/40 { border-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 40%, transparent); } } .hover\:border-primary-600\/40:hover { border-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 40%, transparent); } } .focus\:border-primary-600\/40:focus { border-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 40%, transparent); } } .group:hover .group-hover\:border-primary-600\/40 { border-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 40%, transparent); } } .border-primary-600\/45 { border-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 45%, transparent); } } .hover\:border-primary-600\/45:hover { border-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 45%, transparent); } } .focus\:border-primary-600\/45:focus { border-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 45%, transparent); } } .group:hover .group-hover\:border-primary-600\/45 { border-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 45%, transparent); } } .border-primary-600\/50 { border-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 50%, transparent); } } .hover\:border-primary-600\/50:hover { border-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 50%, transparent); } } .focus\:border-primary-600\/50:focus { border-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 50%, transparent); } } .group:hover .group-hover\:border-primary-600\/50 { border-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 50%, transparent); } } .border-primary-600\/55 { border-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 55%, transparent); } } .hover\:border-primary-600\/55:hover { border-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 55%, transparent); } } .focus\:border-primary-600\/55:focus { border-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 55%, transparent); } } .group:hover .group-hover\:border-primary-600\/55 { border-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 55%, transparent); } } .border-primary-600\/60 { border-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 60%, transparent); } } .hover\:border-primary-600\/60:hover { border-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 60%, transparent); } } .focus\:border-primary-600\/60:focus { border-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 60%, transparent); } } .group:hover .group-hover\:border-primary-600\/60 { border-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 60%, transparent); } } .border-primary-600\/65 { border-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 65%, transparent); } } .hover\:border-primary-600\/65:hover { border-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 65%, transparent); } } .focus\:border-primary-600\/65:focus { border-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 65%, transparent); } } .group:hover .group-hover\:border-primary-600\/65 { border-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 65%, transparent); } } .border-primary-600\/70 { border-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 70%, transparent); } } .hover\:border-primary-600\/70:hover { border-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 70%, transparent); } } .focus\:border-primary-600\/70:focus { border-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 70%, transparent); } } .group:hover .group-hover\:border-primary-600\/70 { border-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 70%, transparent); } } .border-primary-600\/75 { border-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 75%, transparent); } } .hover\:border-primary-600\/75:hover { border-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 75%, transparent); } } .focus\:border-primary-600\/75:focus { border-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 75%, transparent); } } .group:hover .group-hover\:border-primary-600\/75 { border-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 75%, transparent); } } .border-primary-600\/80 { border-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 80%, transparent); } } .hover\:border-primary-600\/80:hover { border-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 80%, transparent); } } .focus\:border-primary-600\/80:focus { border-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 80%, transparent); } } .group:hover .group-hover\:border-primary-600\/80 { border-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 80%, transparent); } } .border-primary-600\/85 { border-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 85%, transparent); } } .hover\:border-primary-600\/85:hover { border-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 85%, transparent); } } .focus\:border-primary-600\/85:focus { border-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 85%, transparent); } } .group:hover .group-hover\:border-primary-600\/85 { border-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 85%, transparent); } } .border-primary-600\/90 { border-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 90%, transparent); } } .hover\:border-primary-600\/90:hover { border-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 90%, transparent); } } .focus\:border-primary-600\/90:focus { border-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 90%, transparent); } } .group:hover .group-hover\:border-primary-600\/90 { border-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 90%, transparent); } } .border-primary-600\/95 { border-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 95%, transparent); } } .hover\:border-primary-600\/95:hover { border-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 95%, transparent); } } .focus\:border-primary-600\/95:focus { border-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 95%, transparent); } } .group:hover .group-hover\:border-primary-600\/95 { border-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #076b86 95%, transparent); } } .border-primary-700\/5 { border-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 5%, transparent); } } .hover\:border-primary-700\/5:hover { border-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 5%, transparent); } } .focus\:border-primary-700\/5:focus { border-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 5%, transparent); } } .group:hover .group-hover\:border-primary-700\/5 { border-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 5%, transparent); } } .border-primary-700\/10 { border-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 10%, transparent); } } .hover\:border-primary-700\/10:hover { border-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 10%, transparent); } } .focus\:border-primary-700\/10:focus { border-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 10%, transparent); } } .group:hover .group-hover\:border-primary-700\/10 { border-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 10%, transparent); } } .border-primary-700\/15 { border-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 15%, transparent); } } .hover\:border-primary-700\/15:hover { border-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 15%, transparent); } } .focus\:border-primary-700\/15:focus { border-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 15%, transparent); } } .group:hover .group-hover\:border-primary-700\/15 { border-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 15%, transparent); } } .border-primary-700\/20 { border-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 20%, transparent); } } .hover\:border-primary-700\/20:hover { border-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 20%, transparent); } } .focus\:border-primary-700\/20:focus { border-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 20%, transparent); } } .group:hover .group-hover\:border-primary-700\/20 { border-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 20%, transparent); } } .border-primary-700\/25 { border-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 25%, transparent); } } .hover\:border-primary-700\/25:hover { border-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 25%, transparent); } } .focus\:border-primary-700\/25:focus { border-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 25%, transparent); } } .group:hover .group-hover\:border-primary-700\/25 { border-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 25%, transparent); } } .border-primary-700\/30 { border-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 30%, transparent); } } .hover\:border-primary-700\/30:hover { border-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 30%, transparent); } } .focus\:border-primary-700\/30:focus { border-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 30%, transparent); } } .group:hover .group-hover\:border-primary-700\/30 { border-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 30%, transparent); } } .border-primary-700\/35 { border-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 35%, transparent); } } .hover\:border-primary-700\/35:hover { border-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 35%, transparent); } } .focus\:border-primary-700\/35:focus { border-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 35%, transparent); } } .group:hover .group-hover\:border-primary-700\/35 { border-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 35%, transparent); } } .border-primary-700\/40 { border-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 40%, transparent); } } .hover\:border-primary-700\/40:hover { border-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 40%, transparent); } } .focus\:border-primary-700\/40:focus { border-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 40%, transparent); } } .group:hover .group-hover\:border-primary-700\/40 { border-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 40%, transparent); } } .border-primary-700\/45 { border-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 45%, transparent); } } .hover\:border-primary-700\/45:hover { border-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 45%, transparent); } } .focus\:border-primary-700\/45:focus { border-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 45%, transparent); } } .group:hover .group-hover\:border-primary-700\/45 { border-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 45%, transparent); } } .border-primary-700\/50 { border-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 50%, transparent); } } .hover\:border-primary-700\/50:hover { border-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 50%, transparent); } } .focus\:border-primary-700\/50:focus { border-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 50%, transparent); } } .group:hover .group-hover\:border-primary-700\/50 { border-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 50%, transparent); } } .border-primary-700\/55 { border-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 55%, transparent); } } .hover\:border-primary-700\/55:hover { border-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 55%, transparent); } } .focus\:border-primary-700\/55:focus { border-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 55%, transparent); } } .group:hover .group-hover\:border-primary-700\/55 { border-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 55%, transparent); } } .border-primary-700\/60 { border-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 60%, transparent); } } .hover\:border-primary-700\/60:hover { border-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 60%, transparent); } } .focus\:border-primary-700\/60:focus { border-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 60%, transparent); } } .group:hover .group-hover\:border-primary-700\/60 { border-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 60%, transparent); } } .border-primary-700\/65 { border-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 65%, transparent); } } .hover\:border-primary-700\/65:hover { border-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 65%, transparent); } } .focus\:border-primary-700\/65:focus { border-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 65%, transparent); } } .group:hover .group-hover\:border-primary-700\/65 { border-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 65%, transparent); } } .border-primary-700\/70 { border-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 70%, transparent); } } .hover\:border-primary-700\/70:hover { border-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 70%, transparent); } } .focus\:border-primary-700\/70:focus { border-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 70%, transparent); } } .group:hover .group-hover\:border-primary-700\/70 { border-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 70%, transparent); } } .border-primary-700\/75 { border-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 75%, transparent); } } .hover\:border-primary-700\/75:hover { border-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 75%, transparent); } } .focus\:border-primary-700\/75:focus { border-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 75%, transparent); } } .group:hover .group-hover\:border-primary-700\/75 { border-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 75%, transparent); } } .border-primary-700\/80 { border-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 80%, transparent); } } .hover\:border-primary-700\/80:hover { border-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 80%, transparent); } } .focus\:border-primary-700\/80:focus { border-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 80%, transparent); } } .group:hover .group-hover\:border-primary-700\/80 { border-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 80%, transparent); } } .border-primary-700\/85 { border-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 85%, transparent); } } .hover\:border-primary-700\/85:hover { border-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 85%, transparent); } } .focus\:border-primary-700\/85:focus { border-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 85%, transparent); } } .group:hover .group-hover\:border-primary-700\/85 { border-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 85%, transparent); } } .border-primary-700\/90 { border-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 90%, transparent); } } .hover\:border-primary-700\/90:hover { border-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 90%, transparent); } } .focus\:border-primary-700\/90:focus { border-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 90%, transparent); } } .group:hover .group-hover\:border-primary-700\/90 { border-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 90%, transparent); } } .border-primary-700\/95 { border-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 95%, transparent); } } .hover\:border-primary-700\/95:hover { border-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 95%, transparent); } } .focus\:border-primary-700\/95:focus { border-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 95%, transparent); } } .group:hover .group-hover\:border-primary-700\/95 { border-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #07576e 95%, transparent); } } .border-primary-800\/5 { border-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 5%, transparent); } } .hover\:border-primary-800\/5:hover { border-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 5%, transparent); } } .focus\:border-primary-800\/5:focus { border-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 5%, transparent); } } .group:hover .group-hover\:border-primary-800\/5 { border-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 5%, transparent); } } .border-primary-800\/10 { border-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 10%, transparent); } } .hover\:border-primary-800\/10:hover { border-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 10%, transparent); } } .focus\:border-primary-800\/10:focus { border-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 10%, transparent); } } .group:hover .group-hover\:border-primary-800\/10 { border-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 10%, transparent); } } .border-primary-800\/15 { border-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 15%, transparent); } } .hover\:border-primary-800\/15:hover { border-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 15%, transparent); } } .focus\:border-primary-800\/15:focus { border-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 15%, transparent); } } .group:hover .group-hover\:border-primary-800\/15 { border-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 15%, transparent); } } .border-primary-800\/20 { border-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 20%, transparent); } } .hover\:border-primary-800\/20:hover { border-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 20%, transparent); } } .focus\:border-primary-800\/20:focus { border-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 20%, transparent); } } .group:hover .group-hover\:border-primary-800\/20 { border-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 20%, transparent); } } .border-primary-800\/25 { border-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 25%, transparent); } } .hover\:border-primary-800\/25:hover { border-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 25%, transparent); } } .focus\:border-primary-800\/25:focus { border-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 25%, transparent); } } .group:hover .group-hover\:border-primary-800\/25 { border-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 25%, transparent); } } .border-primary-800\/30 { border-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 30%, transparent); } } .hover\:border-primary-800\/30:hover { border-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 30%, transparent); } } .focus\:border-primary-800\/30:focus { border-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 30%, transparent); } } .group:hover .group-hover\:border-primary-800\/30 { border-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 30%, transparent); } } .border-primary-800\/35 { border-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 35%, transparent); } } .hover\:border-primary-800\/35:hover { border-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 35%, transparent); } } .focus\:border-primary-800\/35:focus { border-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 35%, transparent); } } .group:hover .group-hover\:border-primary-800\/35 { border-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 35%, transparent); } } .border-primary-800\/40 { border-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 40%, transparent); } } .hover\:border-primary-800\/40:hover { border-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 40%, transparent); } } .focus\:border-primary-800\/40:focus { border-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 40%, transparent); } } .group:hover .group-hover\:border-primary-800\/40 { border-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 40%, transparent); } } .border-primary-800\/45 { border-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 45%, transparent); } } .hover\:border-primary-800\/45:hover { border-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 45%, transparent); } } .focus\:border-primary-800\/45:focus { border-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 45%, transparent); } } .group:hover .group-hover\:border-primary-800\/45 { border-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 45%, transparent); } } .border-primary-800\/50 { border-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 50%, transparent); } } .hover\:border-primary-800\/50:hover { border-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 50%, transparent); } } .focus\:border-primary-800\/50:focus { border-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 50%, transparent); } } .group:hover .group-hover\:border-primary-800\/50 { border-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 50%, transparent); } } .border-primary-800\/55 { border-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 55%, transparent); } } .hover\:border-primary-800\/55:hover { border-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 55%, transparent); } } .focus\:border-primary-800\/55:focus { border-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 55%, transparent); } } .group:hover .group-hover\:border-primary-800\/55 { border-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 55%, transparent); } } .border-primary-800\/60 { border-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 60%, transparent); } } .hover\:border-primary-800\/60:hover { border-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 60%, transparent); } } .focus\:border-primary-800\/60:focus { border-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 60%, transparent); } } .group:hover .group-hover\:border-primary-800\/60 { border-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 60%, transparent); } } .border-primary-800\/65 { border-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 65%, transparent); } } .hover\:border-primary-800\/65:hover { border-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 65%, transparent); } } .focus\:border-primary-800\/65:focus { border-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 65%, transparent); } } .group:hover .group-hover\:border-primary-800\/65 { border-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 65%, transparent); } } .border-primary-800\/70 { border-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 70%, transparent); } } .hover\:border-primary-800\/70:hover { border-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 70%, transparent); } } .focus\:border-primary-800\/70:focus { border-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 70%, transparent); } } .group:hover .group-hover\:border-primary-800\/70 { border-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 70%, transparent); } } .border-primary-800\/75 { border-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 75%, transparent); } } .hover\:border-primary-800\/75:hover { border-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 75%, transparent); } } .focus\:border-primary-800\/75:focus { border-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 75%, transparent); } } .group:hover .group-hover\:border-primary-800\/75 { border-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 75%, transparent); } } .border-primary-800\/80 { border-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 80%, transparent); } } .hover\:border-primary-800\/80:hover { border-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 80%, transparent); } } .focus\:border-primary-800\/80:focus { border-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 80%, transparent); } } .group:hover .group-hover\:border-primary-800\/80 { border-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 80%, transparent); } } .border-primary-800\/85 { border-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 85%, transparent); } } .hover\:border-primary-800\/85:hover { border-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 85%, transparent); } } .focus\:border-primary-800\/85:focus { border-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 85%, transparent); } } .group:hover .group-hover\:border-primary-800\/85 { border-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 85%, transparent); } } .border-primary-800\/90 { border-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 90%, transparent); } } .hover\:border-primary-800\/90:hover { border-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 90%, transparent); } } .focus\:border-primary-800\/90:focus { border-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 90%, transparent); } } .group:hover .group-hover\:border-primary-800\/90 { border-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 90%, transparent); } } .border-primary-800\/95 { border-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 95%, transparent); } } .hover\:border-primary-800\/95:hover { border-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 95%, transparent); } } .focus\:border-primary-800\/95:focus { border-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 95%, transparent); } } .group:hover .group-hover\:border-primary-800\/95 { border-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #024456 95%, transparent); } } .border-primary-900\/5 { border-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 5%, transparent); } } .hover\:border-primary-900\/5:hover { border-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 5%, transparent); } } .focus\:border-primary-900\/5:focus { border-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 5%, transparent); } } .group:hover .group-hover\:border-primary-900\/5 { border-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 5%, transparent); } } .border-primary-900\/10 { border-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 10%, transparent); } } .hover\:border-primary-900\/10:hover { border-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 10%, transparent); } } .focus\:border-primary-900\/10:focus { border-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 10%, transparent); } } .group:hover .group-hover\:border-primary-900\/10 { border-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 10%, transparent); } } .border-primary-900\/15 { border-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 15%, transparent); } } .hover\:border-primary-900\/15:hover { border-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 15%, transparent); } } .focus\:border-primary-900\/15:focus { border-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 15%, transparent); } } .group:hover .group-hover\:border-primary-900\/15 { border-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 15%, transparent); } } .border-primary-900\/20 { border-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 20%, transparent); } } .hover\:border-primary-900\/20:hover { border-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 20%, transparent); } } .focus\:border-primary-900\/20:focus { border-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 20%, transparent); } } .group:hover .group-hover\:border-primary-900\/20 { border-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 20%, transparent); } } .border-primary-900\/25 { border-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 25%, transparent); } } .hover\:border-primary-900\/25:hover { border-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 25%, transparent); } } .focus\:border-primary-900\/25:focus { border-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 25%, transparent); } } .group:hover .group-hover\:border-primary-900\/25 { border-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 25%, transparent); } } .border-primary-900\/30 { border-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 30%, transparent); } } .hover\:border-primary-900\/30:hover { border-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 30%, transparent); } } .focus\:border-primary-900\/30:focus { border-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 30%, transparent); } } .group:hover .group-hover\:border-primary-900\/30 { border-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 30%, transparent); } } .border-primary-900\/35 { border-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 35%, transparent); } } .hover\:border-primary-900\/35:hover { border-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 35%, transparent); } } .focus\:border-primary-900\/35:focus { border-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 35%, transparent); } } .group:hover .group-hover\:border-primary-900\/35 { border-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 35%, transparent); } } .border-primary-900\/40 { border-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 40%, transparent); } } .hover\:border-primary-900\/40:hover { border-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 40%, transparent); } } .focus\:border-primary-900\/40:focus { border-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 40%, transparent); } } .group:hover .group-hover\:border-primary-900\/40 { border-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 40%, transparent); } } .border-primary-900\/45 { border-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 45%, transparent); } } .hover\:border-primary-900\/45:hover { border-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 45%, transparent); } } .focus\:border-primary-900\/45:focus { border-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 45%, transparent); } } .group:hover .group-hover\:border-primary-900\/45 { border-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 45%, transparent); } } .border-primary-900\/50 { border-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 50%, transparent); } } .hover\:border-primary-900\/50:hover { border-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 50%, transparent); } } .focus\:border-primary-900\/50:focus { border-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 50%, transparent); } } .group:hover .group-hover\:border-primary-900\/50 { border-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 50%, transparent); } } .border-primary-900\/55 { border-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 55%, transparent); } } .hover\:border-primary-900\/55:hover { border-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 55%, transparent); } } .focus\:border-primary-900\/55:focus { border-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 55%, transparent); } } .group:hover .group-hover\:border-primary-900\/55 { border-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 55%, transparent); } } .border-primary-900\/60 { border-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 60%, transparent); } } .hover\:border-primary-900\/60:hover { border-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 60%, transparent); } } .focus\:border-primary-900\/60:focus { border-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 60%, transparent); } } .group:hover .group-hover\:border-primary-900\/60 { border-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 60%, transparent); } } .border-primary-900\/65 { border-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 65%, transparent); } } .hover\:border-primary-900\/65:hover { border-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 65%, transparent); } } .focus\:border-primary-900\/65:focus { border-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 65%, transparent); } } .group:hover .group-hover\:border-primary-900\/65 { border-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 65%, transparent); } } .border-primary-900\/70 { border-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 70%, transparent); } } .hover\:border-primary-900\/70:hover { border-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 70%, transparent); } } .focus\:border-primary-900\/70:focus { border-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 70%, transparent); } } .group:hover .group-hover\:border-primary-900\/70 { border-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 70%, transparent); } } .border-primary-900\/75 { border-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 75%, transparent); } } .hover\:border-primary-900\/75:hover { border-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 75%, transparent); } } .focus\:border-primary-900\/75:focus { border-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 75%, transparent); } } .group:hover .group-hover\:border-primary-900\/75 { border-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 75%, transparent); } } .border-primary-900\/80 { border-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 80%, transparent); } } .hover\:border-primary-900\/80:hover { border-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 80%, transparent); } } .focus\:border-primary-900\/80:focus { border-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 80%, transparent); } } .group:hover .group-hover\:border-primary-900\/80 { border-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 80%, transparent); } } .border-primary-900\/85 { border-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 85%, transparent); } } .hover\:border-primary-900\/85:hover { border-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 85%, transparent); } } .focus\:border-primary-900\/85:focus { border-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 85%, transparent); } } .group:hover .group-hover\:border-primary-900\/85 { border-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 85%, transparent); } } .border-primary-900\/90 { border-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 90%, transparent); } } .hover\:border-primary-900\/90:hover { border-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 90%, transparent); } } .focus\:border-primary-900\/90:focus { border-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 90%, transparent); } } .group:hover .group-hover\:border-primary-900\/90 { border-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 90%, transparent); } } .border-primary-900\/95 { border-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 95%, transparent); } } .hover\:border-primary-900\/95:hover { border-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 95%, transparent); } } .focus\:border-primary-900\/95:focus { border-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 95%, transparent); } } .group:hover .group-hover\:border-primary-900\/95 { border-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #012b36 95%, transparent); } } .ring-primary-50\/5 { --ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .hover\:ring-primary-50\/5:hover { --ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .focus\:ring-primary-50\/5:focus { --ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .group:hover .group-hover\:ring-primary-50\/5 { --ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 5%, transparent); } } .ring-primary-50\/10 { --ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .hover\:ring-primary-50\/10:hover { --ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .focus\:ring-primary-50\/10:focus { --ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .group:hover .group-hover\:ring-primary-50\/10 { --ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 10%, transparent); } } .ring-primary-50\/15 { --ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .hover\:ring-primary-50\/15:hover { --ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .focus\:ring-primary-50\/15:focus { --ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .group:hover .group-hover\:ring-primary-50\/15 { --ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 15%, transparent); } } .ring-primary-50\/20 { --ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .hover\:ring-primary-50\/20:hover { --ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .focus\:ring-primary-50\/20:focus { --ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .group:hover .group-hover\:ring-primary-50\/20 { --ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 20%, transparent); } } .ring-primary-50\/25 { --ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .hover\:ring-primary-50\/25:hover { --ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .focus\:ring-primary-50\/25:focus { --ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .group:hover .group-hover\:ring-primary-50\/25 { --ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 25%, transparent); } } .ring-primary-50\/30 { --ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .hover\:ring-primary-50\/30:hover { --ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .focus\:ring-primary-50\/30:focus { --ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .group:hover .group-hover\:ring-primary-50\/30 { --ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 30%, transparent); } } .ring-primary-50\/35 { --ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .hover\:ring-primary-50\/35:hover { --ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .focus\:ring-primary-50\/35:focus { --ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .group:hover .group-hover\:ring-primary-50\/35 { --ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 35%, transparent); } } .ring-primary-50\/40 { --ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .hover\:ring-primary-50\/40:hover { --ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .focus\:ring-primary-50\/40:focus { --ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .group:hover .group-hover\:ring-primary-50\/40 { --ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 40%, transparent); } } .ring-primary-50\/45 { --ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .hover\:ring-primary-50\/45:hover { --ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .focus\:ring-primary-50\/45:focus { --ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .group:hover .group-hover\:ring-primary-50\/45 { --ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 45%, transparent); } } .ring-primary-50\/50 { --ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .hover\:ring-primary-50\/50:hover { --ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .focus\:ring-primary-50\/50:focus { --ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .group:hover .group-hover\:ring-primary-50\/50 { --ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 50%, transparent); } } .ring-primary-50\/55 { --ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .hover\:ring-primary-50\/55:hover { --ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .focus\:ring-primary-50\/55:focus { --ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .group:hover .group-hover\:ring-primary-50\/55 { --ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 55%, transparent); } } .ring-primary-50\/60 { --ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .hover\:ring-primary-50\/60:hover { --ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .focus\:ring-primary-50\/60:focus { --ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .group:hover .group-hover\:ring-primary-50\/60 { --ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 60%, transparent); } } .ring-primary-50\/65 { --ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .hover\:ring-primary-50\/65:hover { --ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .focus\:ring-primary-50\/65:focus { --ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .group:hover .group-hover\:ring-primary-50\/65 { --ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 65%, transparent); } } .ring-primary-50\/70 { --ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .hover\:ring-primary-50\/70:hover { --ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .focus\:ring-primary-50\/70:focus { --ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .group:hover .group-hover\:ring-primary-50\/70 { --ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 70%, transparent); } } .ring-primary-50\/75 { --ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .hover\:ring-primary-50\/75:hover { --ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .focus\:ring-primary-50\/75:focus { --ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .group:hover .group-hover\:ring-primary-50\/75 { --ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 75%, transparent); } } .ring-primary-50\/80 { --ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .hover\:ring-primary-50\/80:hover { --ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .focus\:ring-primary-50\/80:focus { --ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .group:hover .group-hover\:ring-primary-50\/80 { --ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 80%, transparent); } } .ring-primary-50\/85 { --ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .hover\:ring-primary-50\/85:hover { --ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .focus\:ring-primary-50\/85:focus { --ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .group:hover .group-hover\:ring-primary-50\/85 { --ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 85%, transparent); } } .ring-primary-50\/90 { --ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .hover\:ring-primary-50\/90:hover { --ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .focus\:ring-primary-50\/90:focus { --ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .group:hover .group-hover\:ring-primary-50\/90 { --ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 90%, transparent); } } .ring-primary-50\/95 { --ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .hover\:ring-primary-50\/95:hover { --ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .focus\:ring-primary-50\/95:focus { --ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .group:hover .group-hover\:ring-primary-50\/95 { --ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-ring-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e3f1f6 95%, transparent); } } .ring-primary-100\/5 { --ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .hover\:ring-primary-100\/5:hover { --ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .focus\:ring-primary-100\/5:focus { --ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .group:hover .group-hover\:ring-primary-100\/5 { --ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 5%, transparent); } } .ring-primary-100\/10 { --ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .hover\:ring-primary-100\/10:hover { --ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .focus\:ring-primary-100\/10:focus { --ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .group:hover .group-hover\:ring-primary-100\/10 { --ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 10%, transparent); } } .ring-primary-100\/15 { --ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .hover\:ring-primary-100\/15:hover { --ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .focus\:ring-primary-100\/15:focus { --ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .group:hover .group-hover\:ring-primary-100\/15 { --ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 15%, transparent); } } .ring-primary-100\/20 { --ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .hover\:ring-primary-100\/20:hover { --ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .focus\:ring-primary-100\/20:focus { --ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .group:hover .group-hover\:ring-primary-100\/20 { --ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 20%, transparent); } } .ring-primary-100\/25 { --ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .hover\:ring-primary-100\/25:hover { --ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .focus\:ring-primary-100\/25:focus { --ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .group:hover .group-hover\:ring-primary-100\/25 { --ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 25%, transparent); } } .ring-primary-100\/30 { --ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .hover\:ring-primary-100\/30:hover { --ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .focus\:ring-primary-100\/30:focus { --ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .group:hover .group-hover\:ring-primary-100\/30 { --ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 30%, transparent); } } .ring-primary-100\/35 { --ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .hover\:ring-primary-100\/35:hover { --ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .focus\:ring-primary-100\/35:focus { --ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .group:hover .group-hover\:ring-primary-100\/35 { --ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 35%, transparent); } } .ring-primary-100\/40 { --ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .hover\:ring-primary-100\/40:hover { --ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .focus\:ring-primary-100\/40:focus { --ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .group:hover .group-hover\:ring-primary-100\/40 { --ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 40%, transparent); } } .ring-primary-100\/45 { --ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .hover\:ring-primary-100\/45:hover { --ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .focus\:ring-primary-100\/45:focus { --ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .group:hover .group-hover\:ring-primary-100\/45 { --ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 45%, transparent); } } .ring-primary-100\/50 { --ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .hover\:ring-primary-100\/50:hover { --ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .focus\:ring-primary-100\/50:focus { --ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .group:hover .group-hover\:ring-primary-100\/50 { --ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 50%, transparent); } } .ring-primary-100\/55 { --ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .hover\:ring-primary-100\/55:hover { --ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .focus\:ring-primary-100\/55:focus { --ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .group:hover .group-hover\:ring-primary-100\/55 { --ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 55%, transparent); } } .ring-primary-100\/60 { --ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .hover\:ring-primary-100\/60:hover { --ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .focus\:ring-primary-100\/60:focus { --ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .group:hover .group-hover\:ring-primary-100\/60 { --ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 60%, transparent); } } .ring-primary-100\/65 { --ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .hover\:ring-primary-100\/65:hover { --ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .focus\:ring-primary-100\/65:focus { --ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .group:hover .group-hover\:ring-primary-100\/65 { --ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 65%, transparent); } } .ring-primary-100\/70 { --ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .hover\:ring-primary-100\/70:hover { --ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .focus\:ring-primary-100\/70:focus { --ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .group:hover .group-hover\:ring-primary-100\/70 { --ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 70%, transparent); } } .ring-primary-100\/75 { --ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .hover\:ring-primary-100\/75:hover { --ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .focus\:ring-primary-100\/75:focus { --ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .group:hover .group-hover\:ring-primary-100\/75 { --ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 75%, transparent); } } .ring-primary-100\/80 { --ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .hover\:ring-primary-100\/80:hover { --ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .focus\:ring-primary-100\/80:focus { --ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .group:hover .group-hover\:ring-primary-100\/80 { --ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 80%, transparent); } } .ring-primary-100\/85 { --ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .hover\:ring-primary-100\/85:hover { --ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .focus\:ring-primary-100\/85:focus { --ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .group:hover .group-hover\:ring-primary-100\/85 { --ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 85%, transparent); } } .ring-primary-100\/90 { --ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .hover\:ring-primary-100\/90:hover { --ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .focus\:ring-primary-100\/90:focus { --ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .group:hover .group-hover\:ring-primary-100\/90 { --ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 90%, transparent); } } .ring-primary-100\/95 { --ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .hover\:ring-primary-100\/95:hover { --ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .focus\:ring-primary-100\/95:focus { --ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .group:hover .group-hover\:ring-primary-100\/95 { --ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-ring-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #c6ecf6 95%, transparent); } } .ring-primary-200\/5 { --ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .hover\:ring-primary-200\/5:hover { --ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .focus\:ring-primary-200\/5:focus { --ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .group:hover .group-hover\:ring-primary-200\/5 { --ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 5%, transparent); } } .ring-primary-200\/10 { --ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .hover\:ring-primary-200\/10:hover { --ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .focus\:ring-primary-200\/10:focus { --ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .group:hover .group-hover\:ring-primary-200\/10 { --ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 10%, transparent); } } .ring-primary-200\/15 { --ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .hover\:ring-primary-200\/15:hover { --ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .focus\:ring-primary-200\/15:focus { --ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .group:hover .group-hover\:ring-primary-200\/15 { --ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 15%, transparent); } } .ring-primary-200\/20 { --ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .hover\:ring-primary-200\/20:hover { --ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .focus\:ring-primary-200\/20:focus { --ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .group:hover .group-hover\:ring-primary-200\/20 { --ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 20%, transparent); } } .ring-primary-200\/25 { --ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .hover\:ring-primary-200\/25:hover { --ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .focus\:ring-primary-200\/25:focus { --ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .group:hover .group-hover\:ring-primary-200\/25 { --ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 25%, transparent); } } .ring-primary-200\/30 { --ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .hover\:ring-primary-200\/30:hover { --ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .focus\:ring-primary-200\/30:focus { --ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .group:hover .group-hover\:ring-primary-200\/30 { --ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 30%, transparent); } } .ring-primary-200\/35 { --ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .hover\:ring-primary-200\/35:hover { --ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .focus\:ring-primary-200\/35:focus { --ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .group:hover .group-hover\:ring-primary-200\/35 { --ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 35%, transparent); } } .ring-primary-200\/40 { --ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .hover\:ring-primary-200\/40:hover { --ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .focus\:ring-primary-200\/40:focus { --ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .group:hover .group-hover\:ring-primary-200\/40 { --ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 40%, transparent); } } .ring-primary-200\/45 { --ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .hover\:ring-primary-200\/45:hover { --ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .focus\:ring-primary-200\/45:focus { --ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .group:hover .group-hover\:ring-primary-200\/45 { --ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 45%, transparent); } } .ring-primary-200\/50 { --ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .hover\:ring-primary-200\/50:hover { --ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .focus\:ring-primary-200\/50:focus { --ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .group:hover .group-hover\:ring-primary-200\/50 { --ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 50%, transparent); } } .ring-primary-200\/55 { --ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .hover\:ring-primary-200\/55:hover { --ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .focus\:ring-primary-200\/55:focus { --ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .group:hover .group-hover\:ring-primary-200\/55 { --ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 55%, transparent); } } .ring-primary-200\/60 { --ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .hover\:ring-primary-200\/60:hover { --ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .focus\:ring-primary-200\/60:focus { --ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .group:hover .group-hover\:ring-primary-200\/60 { --ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 60%, transparent); } } .ring-primary-200\/65 { --ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .hover\:ring-primary-200\/65:hover { --ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .focus\:ring-primary-200\/65:focus { --ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .group:hover .group-hover\:ring-primary-200\/65 { --ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 65%, transparent); } } .ring-primary-200\/70 { --ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .hover\:ring-primary-200\/70:hover { --ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .focus\:ring-primary-200\/70:focus { --ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .group:hover .group-hover\:ring-primary-200\/70 { --ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 70%, transparent); } } .ring-primary-200\/75 { --ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .hover\:ring-primary-200\/75:hover { --ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .focus\:ring-primary-200\/75:focus { --ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .group:hover .group-hover\:ring-primary-200\/75 { --ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 75%, transparent); } } .ring-primary-200\/80 { --ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .hover\:ring-primary-200\/80:hover { --ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .focus\:ring-primary-200\/80:focus { --ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .group:hover .group-hover\:ring-primary-200\/80 { --ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 80%, transparent); } } .ring-primary-200\/85 { --ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .hover\:ring-primary-200\/85:hover { --ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .focus\:ring-primary-200\/85:focus { --ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .group:hover .group-hover\:ring-primary-200\/85 { --ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 85%, transparent); } } .ring-primary-200\/90 { --ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .hover\:ring-primary-200\/90:hover { --ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .focus\:ring-primary-200\/90:focus { --ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .group:hover .group-hover\:ring-primary-200\/90 { --ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 90%, transparent); } } .ring-primary-200\/95 { --ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .hover\:ring-primary-200\/95:hover { --ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .focus\:ring-primary-200\/95:focus { --ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .group:hover .group-hover\:ring-primary-200\/95 { --ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-ring-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #91dcf1 95%, transparent); } } .ring-primary-300\/5 { --ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 5%, transparent); } } .hover\:ring-primary-300\/5:hover { --ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 5%, transparent); } } .focus\:ring-primary-300\/5:focus { --ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 5%, transparent); } } .group:hover .group-hover\:ring-primary-300\/5 { --ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 5%, transparent); } } .ring-primary-300\/10 { --ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 10%, transparent); } } .hover\:ring-primary-300\/10:hover { --ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 10%, transparent); } } .focus\:ring-primary-300\/10:focus { --ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 10%, transparent); } } .group:hover .group-hover\:ring-primary-300\/10 { --ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 10%, transparent); } } .ring-primary-300\/15 { --ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 15%, transparent); } } .hover\:ring-primary-300\/15:hover { --ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 15%, transparent); } } .focus\:ring-primary-300\/15:focus { --ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 15%, transparent); } } .group:hover .group-hover\:ring-primary-300\/15 { --ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 15%, transparent); } } .ring-primary-300\/20 { --ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 20%, transparent); } } .hover\:ring-primary-300\/20:hover { --ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 20%, transparent); } } .focus\:ring-primary-300\/20:focus { --ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 20%, transparent); } } .group:hover .group-hover\:ring-primary-300\/20 { --ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 20%, transparent); } } .ring-primary-300\/25 { --ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 25%, transparent); } } .hover\:ring-primary-300\/25:hover { --ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 25%, transparent); } } .focus\:ring-primary-300\/25:focus { --ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 25%, transparent); } } .group:hover .group-hover\:ring-primary-300\/25 { --ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 25%, transparent); } } .ring-primary-300\/30 { --ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 30%, transparent); } } .hover\:ring-primary-300\/30:hover { --ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 30%, transparent); } } .focus\:ring-primary-300\/30:focus { --ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 30%, transparent); } } .group:hover .group-hover\:ring-primary-300\/30 { --ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 30%, transparent); } } .ring-primary-300\/35 { --ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 35%, transparent); } } .hover\:ring-primary-300\/35:hover { --ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 35%, transparent); } } .focus\:ring-primary-300\/35:focus { --ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 35%, transparent); } } .group:hover .group-hover\:ring-primary-300\/35 { --ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 35%, transparent); } } .ring-primary-300\/40 { --ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 40%, transparent); } } .hover\:ring-primary-300\/40:hover { --ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 40%, transparent); } } .focus\:ring-primary-300\/40:focus { --ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 40%, transparent); } } .group:hover .group-hover\:ring-primary-300\/40 { --ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 40%, transparent); } } .ring-primary-300\/45 { --ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 45%, transparent); } } .hover\:ring-primary-300\/45:hover { --ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 45%, transparent); } } .focus\:ring-primary-300\/45:focus { --ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 45%, transparent); } } .group:hover .group-hover\:ring-primary-300\/45 { --ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 45%, transparent); } } .ring-primary-300\/50 { --ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 50%, transparent); } } .hover\:ring-primary-300\/50:hover { --ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 50%, transparent); } } .focus\:ring-primary-300\/50:focus { --ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 50%, transparent); } } .group:hover .group-hover\:ring-primary-300\/50 { --ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 50%, transparent); } } .ring-primary-300\/55 { --ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 55%, transparent); } } .hover\:ring-primary-300\/55:hover { --ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 55%, transparent); } } .focus\:ring-primary-300\/55:focus { --ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 55%, transparent); } } .group:hover .group-hover\:ring-primary-300\/55 { --ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 55%, transparent); } } .ring-primary-300\/60 { --ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 60%, transparent); } } .hover\:ring-primary-300\/60:hover { --ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 60%, transparent); } } .focus\:ring-primary-300\/60:focus { --ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 60%, transparent); } } .group:hover .group-hover\:ring-primary-300\/60 { --ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 60%, transparent); } } .ring-primary-300\/65 { --ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 65%, transparent); } } .hover\:ring-primary-300\/65:hover { --ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 65%, transparent); } } .focus\:ring-primary-300\/65:focus { --ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 65%, transparent); } } .group:hover .group-hover\:ring-primary-300\/65 { --ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 65%, transparent); } } .ring-primary-300\/70 { --ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 70%, transparent); } } .hover\:ring-primary-300\/70:hover { --ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 70%, transparent); } } .focus\:ring-primary-300\/70:focus { --ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 70%, transparent); } } .group:hover .group-hover\:ring-primary-300\/70 { --ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 70%, transparent); } } .ring-primary-300\/75 { --ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 75%, transparent); } } .hover\:ring-primary-300\/75:hover { --ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 75%, transparent); } } .focus\:ring-primary-300\/75:focus { --ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 75%, transparent); } } .group:hover .group-hover\:ring-primary-300\/75 { --ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 75%, transparent); } } .ring-primary-300\/80 { --ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 80%, transparent); } } .hover\:ring-primary-300\/80:hover { --ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 80%, transparent); } } .focus\:ring-primary-300\/80:focus { --ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 80%, transparent); } } .group:hover .group-hover\:ring-primary-300\/80 { --ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 80%, transparent); } } .ring-primary-300\/85 { --ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 85%, transparent); } } .hover\:ring-primary-300\/85:hover { --ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 85%, transparent); } } .focus\:ring-primary-300\/85:focus { --ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 85%, transparent); } } .group:hover .group-hover\:ring-primary-300\/85 { --ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 85%, transparent); } } .ring-primary-300\/90 { --ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 90%, transparent); } } .hover\:ring-primary-300\/90:hover { --ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 90%, transparent); } } .focus\:ring-primary-300\/90:focus { --ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 90%, transparent); } } .group:hover .group-hover\:ring-primary-300\/90 { --ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 90%, transparent); } } .ring-primary-300\/95 { --ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 95%, transparent); } } .hover\:ring-primary-300\/95:hover { --ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 95%, transparent); } } .focus\:ring-primary-300\/95:focus { --ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 95%, transparent); } } .group:hover .group-hover\:ring-primary-300\/95 { --ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-ring-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55cdee 95%, transparent); } } .ring-primary-400\/5 { --ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 5%, transparent); } } .hover\:ring-primary-400\/5:hover { --ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 5%, transparent); } } .focus\:ring-primary-400\/5:focus { --ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 5%, transparent); } } .group:hover .group-hover\:ring-primary-400\/5 { --ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 5%, transparent); } } .ring-primary-400\/10 { --ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 10%, transparent); } } .hover\:ring-primary-400\/10:hover { --ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 10%, transparent); } } .focus\:ring-primary-400\/10:focus { --ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 10%, transparent); } } .group:hover .group-hover\:ring-primary-400\/10 { --ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 10%, transparent); } } .ring-primary-400\/15 { --ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 15%, transparent); } } .hover\:ring-primary-400\/15:hover { --ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 15%, transparent); } } .focus\:ring-primary-400\/15:focus { --ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 15%, transparent); } } .group:hover .group-hover\:ring-primary-400\/15 { --ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 15%, transparent); } } .ring-primary-400\/20 { --ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 20%, transparent); } } .hover\:ring-primary-400\/20:hover { --ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 20%, transparent); } } .focus\:ring-primary-400\/20:focus { --ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 20%, transparent); } } .group:hover .group-hover\:ring-primary-400\/20 { --ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 20%, transparent); } } .ring-primary-400\/25 { --ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 25%, transparent); } } .hover\:ring-primary-400\/25:hover { --ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 25%, transparent); } } .focus\:ring-primary-400\/25:focus { --ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 25%, transparent); } } .group:hover .group-hover\:ring-primary-400\/25 { --ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 25%, transparent); } } .ring-primary-400\/30 { --ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 30%, transparent); } } .hover\:ring-primary-400\/30:hover { --ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 30%, transparent); } } .focus\:ring-primary-400\/30:focus { --ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 30%, transparent); } } .group:hover .group-hover\:ring-primary-400\/30 { --ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 30%, transparent); } } .ring-primary-400\/35 { --ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 35%, transparent); } } .hover\:ring-primary-400\/35:hover { --ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 35%, transparent); } } .focus\:ring-primary-400\/35:focus { --ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 35%, transparent); } } .group:hover .group-hover\:ring-primary-400\/35 { --ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 35%, transparent); } } .ring-primary-400\/40 { --ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 40%, transparent); } } .hover\:ring-primary-400\/40:hover { --ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 40%, transparent); } } .focus\:ring-primary-400\/40:focus { --ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 40%, transparent); } } .group:hover .group-hover\:ring-primary-400\/40 { --ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 40%, transparent); } } .ring-primary-400\/45 { --ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 45%, transparent); } } .hover\:ring-primary-400\/45:hover { --ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 45%, transparent); } } .focus\:ring-primary-400\/45:focus { --ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 45%, transparent); } } .group:hover .group-hover\:ring-primary-400\/45 { --ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 45%, transparent); } } .ring-primary-400\/50 { --ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 50%, transparent); } } .hover\:ring-primary-400\/50:hover { --ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 50%, transparent); } } .focus\:ring-primary-400\/50:focus { --ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 50%, transparent); } } .group:hover .group-hover\:ring-primary-400\/50 { --ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 50%, transparent); } } .ring-primary-400\/55 { --ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 55%, transparent); } } .hover\:ring-primary-400\/55:hover { --ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 55%, transparent); } } .focus\:ring-primary-400\/55:focus { --ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 55%, transparent); } } .group:hover .group-hover\:ring-primary-400\/55 { --ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 55%, transparent); } } .ring-primary-400\/60 { --ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 60%, transparent); } } .hover\:ring-primary-400\/60:hover { --ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 60%, transparent); } } .focus\:ring-primary-400\/60:focus { --ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 60%, transparent); } } .group:hover .group-hover\:ring-primary-400\/60 { --ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 60%, transparent); } } .ring-primary-400\/65 { --ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 65%, transparent); } } .hover\:ring-primary-400\/65:hover { --ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 65%, transparent); } } .focus\:ring-primary-400\/65:focus { --ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 65%, transparent); } } .group:hover .group-hover\:ring-primary-400\/65 { --ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 65%, transparent); } } .ring-primary-400\/70 { --ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 70%, transparent); } } .hover\:ring-primary-400\/70:hover { --ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 70%, transparent); } } .focus\:ring-primary-400\/70:focus { --ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 70%, transparent); } } .group:hover .group-hover\:ring-primary-400\/70 { --ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 70%, transparent); } } .ring-primary-400\/75 { --ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 75%, transparent); } } .hover\:ring-primary-400\/75:hover { --ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 75%, transparent); } } .focus\:ring-primary-400\/75:focus { --ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 75%, transparent); } } .group:hover .group-hover\:ring-primary-400\/75 { --ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 75%, transparent); } } .ring-primary-400\/80 { --ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 80%, transparent); } } .hover\:ring-primary-400\/80:hover { --ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 80%, transparent); } } .focus\:ring-primary-400\/80:focus { --ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 80%, transparent); } } .group:hover .group-hover\:ring-primary-400\/80 { --ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 80%, transparent); } } .ring-primary-400\/85 { --ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 85%, transparent); } } .hover\:ring-primary-400\/85:hover { --ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 85%, transparent); } } .focus\:ring-primary-400\/85:focus { --ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 85%, transparent); } } .group:hover .group-hover\:ring-primary-400\/85 { --ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 85%, transparent); } } .ring-primary-400\/90 { --ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 90%, transparent); } } .hover\:ring-primary-400\/90:hover { --ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 90%, transparent); } } .focus\:ring-primary-400\/90:focus { --ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 90%, transparent); } } .group:hover .group-hover\:ring-primary-400\/90 { --ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 90%, transparent); } } .ring-primary-400\/95 { --ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 95%, transparent); } } .hover\:ring-primary-400\/95:hover { --ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 95%, transparent); } } .focus\:ring-primary-400\/95:focus { --ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 95%, transparent); } } .group:hover .group-hover\:ring-primary-400\/95 { --ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-ring-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #12bceb 95%, transparent); } } .ring-primary-500\/5 { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .hover\:ring-primary-500\/5:hover { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .focus\:ring-primary-500\/5:focus { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .group:hover .group-hover\:ring-primary-500\/5 { --ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 5%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 5%, transparent); } } .ring-primary-500\/10 { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .hover\:ring-primary-500\/10:hover { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .focus\:ring-primary-500\/10:focus { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .group:hover .group-hover\:ring-primary-500\/10 { --ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 10%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 10%, transparent); } } .ring-primary-500\/15 { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .hover\:ring-primary-500\/15:hover { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .focus\:ring-primary-500\/15:focus { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .group:hover .group-hover\:ring-primary-500\/15 { --ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 15%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 15%, transparent); } } .ring-primary-500\/20 { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .hover\:ring-primary-500\/20:hover { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .focus\:ring-primary-500\/20:focus { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .group:hover .group-hover\:ring-primary-500\/20 { --ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 20%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 20%, transparent); } } .ring-primary-500\/25 { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .hover\:ring-primary-500\/25:hover { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .focus\:ring-primary-500\/25:focus { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .group:hover .group-hover\:ring-primary-500\/25 { --ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 25%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 25%, transparent); } } .ring-primary-500\/30 { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .hover\:ring-primary-500\/30:hover { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .focus\:ring-primary-500\/30:focus { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .group:hover .group-hover\:ring-primary-500\/30 { --ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 30%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 30%, transparent); } } .ring-primary-500\/35 { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .hover\:ring-primary-500\/35:hover { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .focus\:ring-primary-500\/35:focus { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .group:hover .group-hover\:ring-primary-500\/35 { --ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 35%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 35%, transparent); } } .ring-primary-500\/40 { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .hover\:ring-primary-500\/40:hover { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .focus\:ring-primary-500\/40:focus { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .group:hover .group-hover\:ring-primary-500\/40 { --ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 40%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 40%, transparent); } } .ring-primary-500\/45 { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .hover\:ring-primary-500\/45:hover { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .focus\:ring-primary-500\/45:focus { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .group:hover .group-hover\:ring-primary-500\/45 { --ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 45%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 45%, transparent); } } .ring-primary-500\/50 { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .hover\:ring-primary-500\/50:hover { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .focus\:ring-primary-500\/50:focus { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .group:hover .group-hover\:ring-primary-500\/50 { --ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 50%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 50%, transparent); } } .ring-primary-500\/55 { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .hover\:ring-primary-500\/55:hover { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .focus\:ring-primary-500\/55:focus { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .group:hover .group-hover\:ring-primary-500\/55 { --ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 55%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 55%, transparent); } } .ring-primary-500\/60 { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .hover\:ring-primary-500\/60:hover { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .focus\:ring-primary-500\/60:focus { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .group:hover .group-hover\:ring-primary-500\/60 { --ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 60%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 60%, transparent); } } .ring-primary-500\/65 { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .hover\:ring-primary-500\/65:hover { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .focus\:ring-primary-500\/65:focus { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .group:hover .group-hover\:ring-primary-500\/65 { --ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 65%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 65%, transparent); } } .ring-primary-500\/70 { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .hover\:ring-primary-500\/70:hover { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .focus\:ring-primary-500\/70:focus { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .group:hover .group-hover\:ring-primary-500\/70 { --ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 70%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 70%, transparent); } } .ring-primary-500\/75 { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .hover\:ring-primary-500\/75:hover { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .focus\:ring-primary-500\/75:focus { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .group:hover .group-hover\:ring-primary-500\/75 { --ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 75%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 75%, transparent); } } .ring-primary-500\/80 { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .hover\:ring-primary-500\/80:hover { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .focus\:ring-primary-500\/80:focus { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .group:hover .group-hover\:ring-primary-500\/80 { --ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 80%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 80%, transparent); } } .ring-primary-500\/85 { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .hover\:ring-primary-500\/85:hover { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .focus\:ring-primary-500\/85:focus { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .group:hover .group-hover\:ring-primary-500\/85 { --ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 85%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 85%, transparent); } } .ring-primary-500\/90 { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .hover\:ring-primary-500\/90:hover { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .focus\:ring-primary-500\/90:focus { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .group:hover .group-hover\:ring-primary-500\/90 { --ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 90%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 90%, transparent); } } .ring-primary-500\/95 { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .hover\:ring-primary-500\/95:hover { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .focus\:ring-primary-500\/95:focus { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .group:hover .group-hover\:ring-primary-500\/95 { --ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #087897 95%, transparent); } --tw-ring-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #087897 95%, transparent); } } .ring-primary-600\/5 { --ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 5%, transparent); } } .hover\:ring-primary-600\/5:hover { --ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 5%, transparent); } } .focus\:ring-primary-600\/5:focus { --ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 5%, transparent); } } .group:hover .group-hover\:ring-primary-600\/5 { --ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 5%, transparent); } } .ring-primary-600\/10 { --ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 10%, transparent); } } .hover\:ring-primary-600\/10:hover { --ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 10%, transparent); } } .focus\:ring-primary-600\/10:focus { --ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 10%, transparent); } } .group:hover .group-hover\:ring-primary-600\/10 { --ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 10%, transparent); } } .ring-primary-600\/15 { --ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 15%, transparent); } } .hover\:ring-primary-600\/15:hover { --ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 15%, transparent); } } .focus\:ring-primary-600\/15:focus { --ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 15%, transparent); } } .group:hover .group-hover\:ring-primary-600\/15 { --ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 15%, transparent); } } .ring-primary-600\/20 { --ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 20%, transparent); } } .hover\:ring-primary-600\/20:hover { --ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 20%, transparent); } } .focus\:ring-primary-600\/20:focus { --ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 20%, transparent); } } .group:hover .group-hover\:ring-primary-600\/20 { --ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 20%, transparent); } } .ring-primary-600\/25 { --ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 25%, transparent); } } .hover\:ring-primary-600\/25:hover { --ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 25%, transparent); } } .focus\:ring-primary-600\/25:focus { --ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 25%, transparent); } } .group:hover .group-hover\:ring-primary-600\/25 { --ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 25%, transparent); } } .ring-primary-600\/30 { --ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 30%, transparent); } } .hover\:ring-primary-600\/30:hover { --ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 30%, transparent); } } .focus\:ring-primary-600\/30:focus { --ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 30%, transparent); } } .group:hover .group-hover\:ring-primary-600\/30 { --ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 30%, transparent); } } .ring-primary-600\/35 { --ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 35%, transparent); } } .hover\:ring-primary-600\/35:hover { --ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 35%, transparent); } } .focus\:ring-primary-600\/35:focus { --ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 35%, transparent); } } .group:hover .group-hover\:ring-primary-600\/35 { --ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 35%, transparent); } } .ring-primary-600\/40 { --ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 40%, transparent); } } .hover\:ring-primary-600\/40:hover { --ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 40%, transparent); } } .focus\:ring-primary-600\/40:focus { --ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 40%, transparent); } } .group:hover .group-hover\:ring-primary-600\/40 { --ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 40%, transparent); } } .ring-primary-600\/45 { --ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 45%, transparent); } } .hover\:ring-primary-600\/45:hover { --ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 45%, transparent); } } .focus\:ring-primary-600\/45:focus { --ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 45%, transparent); } } .group:hover .group-hover\:ring-primary-600\/45 { --ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 45%, transparent); } } .ring-primary-600\/50 { --ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 50%, transparent); } } .hover\:ring-primary-600\/50:hover { --ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 50%, transparent); } } .focus\:ring-primary-600\/50:focus { --ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 50%, transparent); } } .group:hover .group-hover\:ring-primary-600\/50 { --ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 50%, transparent); } } .ring-primary-600\/55 { --ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 55%, transparent); } } .hover\:ring-primary-600\/55:hover { --ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 55%, transparent); } } .focus\:ring-primary-600\/55:focus { --ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 55%, transparent); } } .group:hover .group-hover\:ring-primary-600\/55 { --ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 55%, transparent); } } .ring-primary-600\/60 { --ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 60%, transparent); } } .hover\:ring-primary-600\/60:hover { --ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 60%, transparent); } } .focus\:ring-primary-600\/60:focus { --ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 60%, transparent); } } .group:hover .group-hover\:ring-primary-600\/60 { --ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 60%, transparent); } } .ring-primary-600\/65 { --ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 65%, transparent); } } .hover\:ring-primary-600\/65:hover { --ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 65%, transparent); } } .focus\:ring-primary-600\/65:focus { --ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 65%, transparent); } } .group:hover .group-hover\:ring-primary-600\/65 { --ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 65%, transparent); } } .ring-primary-600\/70 { --ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 70%, transparent); } } .hover\:ring-primary-600\/70:hover { --ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 70%, transparent); } } .focus\:ring-primary-600\/70:focus { --ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 70%, transparent); } } .group:hover .group-hover\:ring-primary-600\/70 { --ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 70%, transparent); } } .ring-primary-600\/75 { --ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 75%, transparent); } } .hover\:ring-primary-600\/75:hover { --ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 75%, transparent); } } .focus\:ring-primary-600\/75:focus { --ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 75%, transparent); } } .group:hover .group-hover\:ring-primary-600\/75 { --ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 75%, transparent); } } .ring-primary-600\/80 { --ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 80%, transparent); } } .hover\:ring-primary-600\/80:hover { --ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 80%, transparent); } } .focus\:ring-primary-600\/80:focus { --ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 80%, transparent); } } .group:hover .group-hover\:ring-primary-600\/80 { --ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 80%, transparent); } } .ring-primary-600\/85 { --ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 85%, transparent); } } .hover\:ring-primary-600\/85:hover { --ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 85%, transparent); } } .focus\:ring-primary-600\/85:focus { --ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 85%, transparent); } } .group:hover .group-hover\:ring-primary-600\/85 { --ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 85%, transparent); } } .ring-primary-600\/90 { --ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 90%, transparent); } } .hover\:ring-primary-600\/90:hover { --ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 90%, transparent); } } .focus\:ring-primary-600\/90:focus { --ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 90%, transparent); } } .group:hover .group-hover\:ring-primary-600\/90 { --ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 90%, transparent); } } .ring-primary-600\/95 { --ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 95%, transparent); } } .hover\:ring-primary-600\/95:hover { --ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 95%, transparent); } } .focus\:ring-primary-600\/95:focus { --ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 95%, transparent); } } .group:hover .group-hover\:ring-primary-600\/95 { --ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-ring-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #076b86 95%, transparent); } } .ring-primary-700\/5 { --ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 5%, transparent); } } .hover\:ring-primary-700\/5:hover { --ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 5%, transparent); } } .focus\:ring-primary-700\/5:focus { --ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 5%, transparent); } } .group:hover .group-hover\:ring-primary-700\/5 { --ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 5%, transparent); } } .ring-primary-700\/10 { --ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 10%, transparent); } } .hover\:ring-primary-700\/10:hover { --ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 10%, transparent); } } .focus\:ring-primary-700\/10:focus { --ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 10%, transparent); } } .group:hover .group-hover\:ring-primary-700\/10 { --ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 10%, transparent); } } .ring-primary-700\/15 { --ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 15%, transparent); } } .hover\:ring-primary-700\/15:hover { --ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 15%, transparent); } } .focus\:ring-primary-700\/15:focus { --ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 15%, transparent); } } .group:hover .group-hover\:ring-primary-700\/15 { --ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 15%, transparent); } } .ring-primary-700\/20 { --ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 20%, transparent); } } .hover\:ring-primary-700\/20:hover { --ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 20%, transparent); } } .focus\:ring-primary-700\/20:focus { --ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 20%, transparent); } } .group:hover .group-hover\:ring-primary-700\/20 { --ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 20%, transparent); } } .ring-primary-700\/25 { --ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 25%, transparent); } } .hover\:ring-primary-700\/25:hover { --ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 25%, transparent); } } .focus\:ring-primary-700\/25:focus { --ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 25%, transparent); } } .group:hover .group-hover\:ring-primary-700\/25 { --ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 25%, transparent); } } .ring-primary-700\/30 { --ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 30%, transparent); } } .hover\:ring-primary-700\/30:hover { --ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 30%, transparent); } } .focus\:ring-primary-700\/30:focus { --ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 30%, transparent); } } .group:hover .group-hover\:ring-primary-700\/30 { --ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 30%, transparent); } } .ring-primary-700\/35 { --ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 35%, transparent); } } .hover\:ring-primary-700\/35:hover { --ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 35%, transparent); } } .focus\:ring-primary-700\/35:focus { --ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 35%, transparent); } } .group:hover .group-hover\:ring-primary-700\/35 { --ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 35%, transparent); } } .ring-primary-700\/40 { --ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 40%, transparent); } } .hover\:ring-primary-700\/40:hover { --ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 40%, transparent); } } .focus\:ring-primary-700\/40:focus { --ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 40%, transparent); } } .group:hover .group-hover\:ring-primary-700\/40 { --ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 40%, transparent); } } .ring-primary-700\/45 { --ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 45%, transparent); } } .hover\:ring-primary-700\/45:hover { --ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 45%, transparent); } } .focus\:ring-primary-700\/45:focus { --ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 45%, transparent); } } .group:hover .group-hover\:ring-primary-700\/45 { --ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 45%, transparent); } } .ring-primary-700\/50 { --ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 50%, transparent); } } .hover\:ring-primary-700\/50:hover { --ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 50%, transparent); } } .focus\:ring-primary-700\/50:focus { --ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 50%, transparent); } } .group:hover .group-hover\:ring-primary-700\/50 { --ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 50%, transparent); } } .ring-primary-700\/55 { --ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 55%, transparent); } } .hover\:ring-primary-700\/55:hover { --ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 55%, transparent); } } .focus\:ring-primary-700\/55:focus { --ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 55%, transparent); } } .group:hover .group-hover\:ring-primary-700\/55 { --ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 55%, transparent); } } .ring-primary-700\/60 { --ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 60%, transparent); } } .hover\:ring-primary-700\/60:hover { --ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 60%, transparent); } } .focus\:ring-primary-700\/60:focus { --ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 60%, transparent); } } .group:hover .group-hover\:ring-primary-700\/60 { --ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 60%, transparent); } } .ring-primary-700\/65 { --ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 65%, transparent); } } .hover\:ring-primary-700\/65:hover { --ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 65%, transparent); } } .focus\:ring-primary-700\/65:focus { --ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 65%, transparent); } } .group:hover .group-hover\:ring-primary-700\/65 { --ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 65%, transparent); } } .ring-primary-700\/70 { --ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 70%, transparent); } } .hover\:ring-primary-700\/70:hover { --ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 70%, transparent); } } .focus\:ring-primary-700\/70:focus { --ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 70%, transparent); } } .group:hover .group-hover\:ring-primary-700\/70 { --ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 70%, transparent); } } .ring-primary-700\/75 { --ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 75%, transparent); } } .hover\:ring-primary-700\/75:hover { --ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 75%, transparent); } } .focus\:ring-primary-700\/75:focus { --ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 75%, transparent); } } .group:hover .group-hover\:ring-primary-700\/75 { --ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 75%, transparent); } } .ring-primary-700\/80 { --ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 80%, transparent); } } .hover\:ring-primary-700\/80:hover { --ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 80%, transparent); } } .focus\:ring-primary-700\/80:focus { --ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 80%, transparent); } } .group:hover .group-hover\:ring-primary-700\/80 { --ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 80%, transparent); } } .ring-primary-700\/85 { --ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 85%, transparent); } } .hover\:ring-primary-700\/85:hover { --ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 85%, transparent); } } .focus\:ring-primary-700\/85:focus { --ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 85%, transparent); } } .group:hover .group-hover\:ring-primary-700\/85 { --ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 85%, transparent); } } .ring-primary-700\/90 { --ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 90%, transparent); } } .hover\:ring-primary-700\/90:hover { --ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 90%, transparent); } } .focus\:ring-primary-700\/90:focus { --ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 90%, transparent); } } .group:hover .group-hover\:ring-primary-700\/90 { --ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 90%, transparent); } } .ring-primary-700\/95 { --ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 95%, transparent); } } .hover\:ring-primary-700\/95:hover { --ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 95%, transparent); } } .focus\:ring-primary-700\/95:focus { --ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 95%, transparent); } } .group:hover .group-hover\:ring-primary-700\/95 { --ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-ring-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #07576e 95%, transparent); } } .ring-primary-800\/5 { --ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 5%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 5%, transparent); } } .hover\:ring-primary-800\/5:hover { --ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 5%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 5%, transparent); } } .focus\:ring-primary-800\/5:focus { --ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 5%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 5%, transparent); } } .group:hover .group-hover\:ring-primary-800\/5 { --ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 5%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 5%, transparent); } } .ring-primary-800\/10 { --ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 10%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 10%, transparent); } } .hover\:ring-primary-800\/10:hover { --ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 10%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 10%, transparent); } } .focus\:ring-primary-800\/10:focus { --ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 10%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 10%, transparent); } } .group:hover .group-hover\:ring-primary-800\/10 { --ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 10%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 10%, transparent); } } .ring-primary-800\/15 { --ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 15%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 15%, transparent); } } .hover\:ring-primary-800\/15:hover { --ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 15%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 15%, transparent); } } .focus\:ring-primary-800\/15:focus { --ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 15%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 15%, transparent); } } .group:hover .group-hover\:ring-primary-800\/15 { --ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 15%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 15%, transparent); } } .ring-primary-800\/20 { --ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 20%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 20%, transparent); } } .hover\:ring-primary-800\/20:hover { --ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 20%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 20%, transparent); } } .focus\:ring-primary-800\/20:focus { --ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 20%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 20%, transparent); } } .group:hover .group-hover\:ring-primary-800\/20 { --ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 20%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 20%, transparent); } } .ring-primary-800\/25 { --ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 25%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 25%, transparent); } } .hover\:ring-primary-800\/25:hover { --ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 25%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 25%, transparent); } } .focus\:ring-primary-800\/25:focus { --ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 25%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 25%, transparent); } } .group:hover .group-hover\:ring-primary-800\/25 { --ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 25%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 25%, transparent); } } .ring-primary-800\/30 { --ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 30%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 30%, transparent); } } .hover\:ring-primary-800\/30:hover { --ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 30%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 30%, transparent); } } .focus\:ring-primary-800\/30:focus { --ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 30%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 30%, transparent); } } .group:hover .group-hover\:ring-primary-800\/30 { --ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 30%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 30%, transparent); } } .ring-primary-800\/35 { --ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 35%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 35%, transparent); } } .hover\:ring-primary-800\/35:hover { --ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 35%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 35%, transparent); } } .focus\:ring-primary-800\/35:focus { --ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 35%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 35%, transparent); } } .group:hover .group-hover\:ring-primary-800\/35 { --ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 35%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 35%, transparent); } } .ring-primary-800\/40 { --ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 40%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 40%, transparent); } } .hover\:ring-primary-800\/40:hover { --ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 40%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 40%, transparent); } } .focus\:ring-primary-800\/40:focus { --ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 40%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 40%, transparent); } } .group:hover .group-hover\:ring-primary-800\/40 { --ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 40%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 40%, transparent); } } .ring-primary-800\/45 { --ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 45%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 45%, transparent); } } .hover\:ring-primary-800\/45:hover { --ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 45%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 45%, transparent); } } .focus\:ring-primary-800\/45:focus { --ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 45%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 45%, transparent); } } .group:hover .group-hover\:ring-primary-800\/45 { --ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 45%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 45%, transparent); } } .ring-primary-800\/50 { --ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 50%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 50%, transparent); } } .hover\:ring-primary-800\/50:hover { --ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 50%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 50%, transparent); } } .focus\:ring-primary-800\/50:focus { --ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 50%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 50%, transparent); } } .group:hover .group-hover\:ring-primary-800\/50 { --ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 50%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 50%, transparent); } } .ring-primary-800\/55 { --ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 55%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 55%, transparent); } } .hover\:ring-primary-800\/55:hover { --ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 55%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 55%, transparent); } } .focus\:ring-primary-800\/55:focus { --ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 55%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 55%, transparent); } } .group:hover .group-hover\:ring-primary-800\/55 { --ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 55%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 55%, transparent); } } .ring-primary-800\/60 { --ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 60%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 60%, transparent); } } .hover\:ring-primary-800\/60:hover { --ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 60%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 60%, transparent); } } .focus\:ring-primary-800\/60:focus { --ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 60%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 60%, transparent); } } .group:hover .group-hover\:ring-primary-800\/60 { --ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 60%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 60%, transparent); } } .ring-primary-800\/65 { --ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 65%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 65%, transparent); } } .hover\:ring-primary-800\/65:hover { --ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 65%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 65%, transparent); } } .focus\:ring-primary-800\/65:focus { --ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 65%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 65%, transparent); } } .group:hover .group-hover\:ring-primary-800\/65 { --ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 65%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 65%, transparent); } } .ring-primary-800\/70 { --ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 70%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 70%, transparent); } } .hover\:ring-primary-800\/70:hover { --ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 70%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 70%, transparent); } } .focus\:ring-primary-800\/70:focus { --ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 70%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 70%, transparent); } } .group:hover .group-hover\:ring-primary-800\/70 { --ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 70%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 70%, transparent); } } .ring-primary-800\/75 { --ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 75%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 75%, transparent); } } .hover\:ring-primary-800\/75:hover { --ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 75%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 75%, transparent); } } .focus\:ring-primary-800\/75:focus { --ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 75%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 75%, transparent); } } .group:hover .group-hover\:ring-primary-800\/75 { --ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 75%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 75%, transparent); } } .ring-primary-800\/80 { --ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 80%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 80%, transparent); } } .hover\:ring-primary-800\/80:hover { --ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 80%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 80%, transparent); } } .focus\:ring-primary-800\/80:focus { --ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 80%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 80%, transparent); } } .group:hover .group-hover\:ring-primary-800\/80 { --ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 80%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 80%, transparent); } } .ring-primary-800\/85 { --ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 85%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 85%, transparent); } } .hover\:ring-primary-800\/85:hover { --ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 85%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 85%, transparent); } } .focus\:ring-primary-800\/85:focus { --ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 85%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 85%, transparent); } } .group:hover .group-hover\:ring-primary-800\/85 { --ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 85%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 85%, transparent); } } .ring-primary-800\/90 { --ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 90%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 90%, transparent); } } .hover\:ring-primary-800\/90:hover { --ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 90%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 90%, transparent); } } .focus\:ring-primary-800\/90:focus { --ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 90%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 90%, transparent); } } .group:hover .group-hover\:ring-primary-800\/90 { --ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 90%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 90%, transparent); } } .ring-primary-800\/95 { --ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 95%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 95%, transparent); } } .hover\:ring-primary-800\/95:hover { --ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 95%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 95%, transparent); } } .focus\:ring-primary-800\/95:focus { --ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 95%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 95%, transparent); } } .group:hover .group-hover\:ring-primary-800\/95 { --ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #024456 95%, transparent); } --tw-ring-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #024456 95%, transparent); } } .ring-primary-900\/5 { --ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 5%, transparent); } } .hover\:ring-primary-900\/5:hover { --ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 5%, transparent); } } .focus\:ring-primary-900\/5:focus { --ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 5%, transparent); } } .group:hover .group-hover\:ring-primary-900\/5 { --ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 5%, transparent); } } .ring-primary-900\/10 { --ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 10%, transparent); } } .hover\:ring-primary-900\/10:hover { --ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 10%, transparent); } } .focus\:ring-primary-900\/10:focus { --ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 10%, transparent); } } .group:hover .group-hover\:ring-primary-900\/10 { --ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 10%, transparent); } } .ring-primary-900\/15 { --ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 15%, transparent); } } .hover\:ring-primary-900\/15:hover { --ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 15%, transparent); } } .focus\:ring-primary-900\/15:focus { --ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 15%, transparent); } } .group:hover .group-hover\:ring-primary-900\/15 { --ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 15%, transparent); } } .ring-primary-900\/20 { --ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 20%, transparent); } } .hover\:ring-primary-900\/20:hover { --ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 20%, transparent); } } .focus\:ring-primary-900\/20:focus { --ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 20%, transparent); } } .group:hover .group-hover\:ring-primary-900\/20 { --ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 20%, transparent); } } .ring-primary-900\/25 { --ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 25%, transparent); } } .hover\:ring-primary-900\/25:hover { --ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 25%, transparent); } } .focus\:ring-primary-900\/25:focus { --ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 25%, transparent); } } .group:hover .group-hover\:ring-primary-900\/25 { --ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 25%, transparent); } } .ring-primary-900\/30 { --ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 30%, transparent); } } .hover\:ring-primary-900\/30:hover { --ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 30%, transparent); } } .focus\:ring-primary-900\/30:focus { --ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 30%, transparent); } } .group:hover .group-hover\:ring-primary-900\/30 { --ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 30%, transparent); } } .ring-primary-900\/35 { --ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 35%, transparent); } } .hover\:ring-primary-900\/35:hover { --ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 35%, transparent); } } .focus\:ring-primary-900\/35:focus { --ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 35%, transparent); } } .group:hover .group-hover\:ring-primary-900\/35 { --ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 35%, transparent); } } .ring-primary-900\/40 { --ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 40%, transparent); } } .hover\:ring-primary-900\/40:hover { --ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 40%, transparent); } } .focus\:ring-primary-900\/40:focus { --ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 40%, transparent); } } .group:hover .group-hover\:ring-primary-900\/40 { --ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 40%, transparent); } } .ring-primary-900\/45 { --ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 45%, transparent); } } .hover\:ring-primary-900\/45:hover { --ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 45%, transparent); } } .focus\:ring-primary-900\/45:focus { --ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 45%, transparent); } } .group:hover .group-hover\:ring-primary-900\/45 { --ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 45%, transparent); } } .ring-primary-900\/50 { --ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 50%, transparent); } } .hover\:ring-primary-900\/50:hover { --ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 50%, transparent); } } .focus\:ring-primary-900\/50:focus { --ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 50%, transparent); } } .group:hover .group-hover\:ring-primary-900\/50 { --ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 50%, transparent); } } .ring-primary-900\/55 { --ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 55%, transparent); } } .hover\:ring-primary-900\/55:hover { --ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 55%, transparent); } } .focus\:ring-primary-900\/55:focus { --ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 55%, transparent); } } .group:hover .group-hover\:ring-primary-900\/55 { --ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 55%, transparent); } } .ring-primary-900\/60 { --ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 60%, transparent); } } .hover\:ring-primary-900\/60:hover { --ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 60%, transparent); } } .focus\:ring-primary-900\/60:focus { --ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 60%, transparent); } } .group:hover .group-hover\:ring-primary-900\/60 { --ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 60%, transparent); } } .ring-primary-900\/65 { --ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 65%, transparent); } } .hover\:ring-primary-900\/65:hover { --ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 65%, transparent); } } .focus\:ring-primary-900\/65:focus { --ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 65%, transparent); } } .group:hover .group-hover\:ring-primary-900\/65 { --ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 65%, transparent); } } .ring-primary-900\/70 { --ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 70%, transparent); } } .hover\:ring-primary-900\/70:hover { --ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 70%, transparent); } } .focus\:ring-primary-900\/70:focus { --ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 70%, transparent); } } .group:hover .group-hover\:ring-primary-900\/70 { --ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 70%, transparent); } } .ring-primary-900\/75 { --ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 75%, transparent); } } .hover\:ring-primary-900\/75:hover { --ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 75%, transparent); } } .focus\:ring-primary-900\/75:focus { --ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 75%, transparent); } } .group:hover .group-hover\:ring-primary-900\/75 { --ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 75%, transparent); } } .ring-primary-900\/80 { --ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 80%, transparent); } } .hover\:ring-primary-900\/80:hover { --ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 80%, transparent); } } .focus\:ring-primary-900\/80:focus { --ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 80%, transparent); } } .group:hover .group-hover\:ring-primary-900\/80 { --ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 80%, transparent); } } .ring-primary-900\/85 { --ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 85%, transparent); } } .hover\:ring-primary-900\/85:hover { --ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 85%, transparent); } } .focus\:ring-primary-900\/85:focus { --ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 85%, transparent); } } .group:hover .group-hover\:ring-primary-900\/85 { --ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 85%, transparent); } } .ring-primary-900\/90 { --ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 90%, transparent); } } .hover\:ring-primary-900\/90:hover { --ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 90%, transparent); } } .focus\:ring-primary-900\/90:focus { --ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 90%, transparent); } } .group:hover .group-hover\:ring-primary-900\/90 { --ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 90%, transparent); } } .ring-primary-900\/95 { --ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 95%, transparent); } } .hover\:ring-primary-900\/95:hover { --ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 95%, transparent); } } .focus\:ring-primary-900\/95:focus { --ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 95%, transparent); } } .group:hover .group-hover\:ring-primary-900\/95 { --ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-ring-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #012b36 95%, transparent); } } .shadow-primary-50\/5 { --tw-shadow-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/5:hover { --tw-shadow-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/5:focus { --tw-shadow-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/5 { --tw-shadow-color: rgba(227, 241, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/10 { --tw-shadow-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/10:hover { --tw-shadow-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/10:focus { --tw-shadow-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/10 { --tw-shadow-color: rgba(227, 241, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/15 { --tw-shadow-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/15:hover { --tw-shadow-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/15:focus { --tw-shadow-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/15 { --tw-shadow-color: rgba(227, 241, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/20 { --tw-shadow-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/20:hover { --tw-shadow-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/20:focus { --tw-shadow-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/20 { --tw-shadow-color: rgba(227, 241, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/25 { --tw-shadow-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/25:hover { --tw-shadow-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/25:focus { --tw-shadow-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/25 { --tw-shadow-color: rgba(227, 241, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/30 { --tw-shadow-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/30:hover { --tw-shadow-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/30:focus { --tw-shadow-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/30 { --tw-shadow-color: rgba(227, 241, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/35 { --tw-shadow-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/35:hover { --tw-shadow-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/35:focus { --tw-shadow-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/35 { --tw-shadow-color: rgba(227, 241, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/40 { --tw-shadow-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/40:hover { --tw-shadow-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/40:focus { --tw-shadow-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/40 { --tw-shadow-color: rgba(227, 241, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/45 { --tw-shadow-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/45:hover { --tw-shadow-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/45:focus { --tw-shadow-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/45 { --tw-shadow-color: rgba(227, 241, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/50 { --tw-shadow-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/50:hover { --tw-shadow-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/50:focus { --tw-shadow-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/50 { --tw-shadow-color: rgba(227, 241, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/55 { --tw-shadow-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/55:hover { --tw-shadow-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/55:focus { --tw-shadow-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/55 { --tw-shadow-color: rgba(227, 241, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/60 { --tw-shadow-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/60:hover { --tw-shadow-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/60:focus { --tw-shadow-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/60 { --tw-shadow-color: rgba(227, 241, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/65 { --tw-shadow-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/65:hover { --tw-shadow-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/65:focus { --tw-shadow-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/65 { --tw-shadow-color: rgba(227, 241, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/70 { --tw-shadow-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/70:hover { --tw-shadow-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/70:focus { --tw-shadow-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/70 { --tw-shadow-color: rgba(227, 241, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/75 { --tw-shadow-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/75:hover { --tw-shadow-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/75:focus { --tw-shadow-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/75 { --tw-shadow-color: rgba(227, 241, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/80 { --tw-shadow-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/80:hover { --tw-shadow-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/80:focus { --tw-shadow-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/80 { --tw-shadow-color: rgba(227, 241, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/85 { --tw-shadow-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/85:hover { --tw-shadow-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/85:focus { --tw-shadow-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/85 { --tw-shadow-color: rgba(227, 241, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/90 { --tw-shadow-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/90:hover { --tw-shadow-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/90:focus { --tw-shadow-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/90 { --tw-shadow-color: rgba(227, 241, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/95 { --tw-shadow-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/95:hover { --tw-shadow-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/95:focus { --tw-shadow-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/95 { --tw-shadow-color: rgba(227, 241, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e3f1f6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/5 { --tw-shadow-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/5:hover { --tw-shadow-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/5:focus { --tw-shadow-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/5 { --tw-shadow-color: rgba(198, 236, 246, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/10 { --tw-shadow-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/10:hover { --tw-shadow-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/10:focus { --tw-shadow-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/10 { --tw-shadow-color: rgba(198, 236, 246, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/15 { --tw-shadow-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/15:hover { --tw-shadow-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/15:focus { --tw-shadow-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/15 { --tw-shadow-color: rgba(198, 236, 246, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/20 { --tw-shadow-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/20:hover { --tw-shadow-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/20:focus { --tw-shadow-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/20 { --tw-shadow-color: rgba(198, 236, 246, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/25 { --tw-shadow-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/25:hover { --tw-shadow-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/25:focus { --tw-shadow-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/25 { --tw-shadow-color: rgba(198, 236, 246, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/30 { --tw-shadow-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/30:hover { --tw-shadow-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/30:focus { --tw-shadow-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/30 { --tw-shadow-color: rgba(198, 236, 246, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/35 { --tw-shadow-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/35:hover { --tw-shadow-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/35:focus { --tw-shadow-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/35 { --tw-shadow-color: rgba(198, 236, 246, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/40 { --tw-shadow-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/40:hover { --tw-shadow-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/40:focus { --tw-shadow-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/40 { --tw-shadow-color: rgba(198, 236, 246, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/45 { --tw-shadow-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/45:hover { --tw-shadow-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/45:focus { --tw-shadow-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/45 { --tw-shadow-color: rgba(198, 236, 246, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/50 { --tw-shadow-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/50:hover { --tw-shadow-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/50:focus { --tw-shadow-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/50 { --tw-shadow-color: rgba(198, 236, 246, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/55 { --tw-shadow-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/55:hover { --tw-shadow-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/55:focus { --tw-shadow-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/55 { --tw-shadow-color: rgba(198, 236, 246, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/60 { --tw-shadow-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/60:hover { --tw-shadow-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/60:focus { --tw-shadow-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/60 { --tw-shadow-color: rgba(198, 236, 246, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/65 { --tw-shadow-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/65:hover { --tw-shadow-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/65:focus { --tw-shadow-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/65 { --tw-shadow-color: rgba(198, 236, 246, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/70 { --tw-shadow-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/70:hover { --tw-shadow-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/70:focus { --tw-shadow-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/70 { --tw-shadow-color: rgba(198, 236, 246, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/75 { --tw-shadow-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/75:hover { --tw-shadow-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/75:focus { --tw-shadow-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/75 { --tw-shadow-color: rgba(198, 236, 246, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/80 { --tw-shadow-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/80:hover { --tw-shadow-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/80:focus { --tw-shadow-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/80 { --tw-shadow-color: rgba(198, 236, 246, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/85 { --tw-shadow-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/85:hover { --tw-shadow-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/85:focus { --tw-shadow-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/85 { --tw-shadow-color: rgba(198, 236, 246, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/90 { --tw-shadow-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/90:hover { --tw-shadow-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/90:focus { --tw-shadow-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/90 { --tw-shadow-color: rgba(198, 236, 246, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/95 { --tw-shadow-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/95:hover { --tw-shadow-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/95:focus { --tw-shadow-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/95 { --tw-shadow-color: rgba(198, 236, 246, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #c6ecf6 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/5 { --tw-shadow-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/5:hover { --tw-shadow-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/5:focus { --tw-shadow-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/5 { --tw-shadow-color: rgba(145, 220, 241, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/10 { --tw-shadow-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/10:hover { --tw-shadow-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/10:focus { --tw-shadow-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/10 { --tw-shadow-color: rgba(145, 220, 241, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/15 { --tw-shadow-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/15:hover { --tw-shadow-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/15:focus { --tw-shadow-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/15 { --tw-shadow-color: rgba(145, 220, 241, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/20 { --tw-shadow-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/20:hover { --tw-shadow-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/20:focus { --tw-shadow-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/20 { --tw-shadow-color: rgba(145, 220, 241, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/25 { --tw-shadow-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/25:hover { --tw-shadow-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/25:focus { --tw-shadow-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/25 { --tw-shadow-color: rgba(145, 220, 241, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/30 { --tw-shadow-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/30:hover { --tw-shadow-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/30:focus { --tw-shadow-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/30 { --tw-shadow-color: rgba(145, 220, 241, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/35 { --tw-shadow-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/35:hover { --tw-shadow-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/35:focus { --tw-shadow-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/35 { --tw-shadow-color: rgba(145, 220, 241, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/40 { --tw-shadow-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/40:hover { --tw-shadow-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/40:focus { --tw-shadow-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/40 { --tw-shadow-color: rgba(145, 220, 241, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/45 { --tw-shadow-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/45:hover { --tw-shadow-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/45:focus { --tw-shadow-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/45 { --tw-shadow-color: rgba(145, 220, 241, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/50 { --tw-shadow-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/50:hover { --tw-shadow-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/50:focus { --tw-shadow-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/50 { --tw-shadow-color: rgba(145, 220, 241, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/55 { --tw-shadow-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/55:hover { --tw-shadow-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/55:focus { --tw-shadow-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/55 { --tw-shadow-color: rgba(145, 220, 241, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/60 { --tw-shadow-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/60:hover { --tw-shadow-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/60:focus { --tw-shadow-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/60 { --tw-shadow-color: rgba(145, 220, 241, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/65 { --tw-shadow-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/65:hover { --tw-shadow-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/65:focus { --tw-shadow-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/65 { --tw-shadow-color: rgba(145, 220, 241, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/70 { --tw-shadow-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/70:hover { --tw-shadow-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/70:focus { --tw-shadow-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/70 { --tw-shadow-color: rgba(145, 220, 241, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/75 { --tw-shadow-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/75:hover { --tw-shadow-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/75:focus { --tw-shadow-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/75 { --tw-shadow-color: rgba(145, 220, 241, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/80 { --tw-shadow-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/80:hover { --tw-shadow-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/80:focus { --tw-shadow-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/80 { --tw-shadow-color: rgba(145, 220, 241, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/85 { --tw-shadow-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/85:hover { --tw-shadow-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/85:focus { --tw-shadow-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/85 { --tw-shadow-color: rgba(145, 220, 241, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/90 { --tw-shadow-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/90:hover { --tw-shadow-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/90:focus { --tw-shadow-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/90 { --tw-shadow-color: rgba(145, 220, 241, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/95 { --tw-shadow-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/95:hover { --tw-shadow-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/95:focus { --tw-shadow-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/95 { --tw-shadow-color: rgba(145, 220, 241, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #91dcf1 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/5 { --tw-shadow-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/5:hover { --tw-shadow-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/5:focus { --tw-shadow-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/5 { --tw-shadow-color: rgba(85, 205, 238, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/10 { --tw-shadow-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/10:hover { --tw-shadow-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/10:focus { --tw-shadow-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/10 { --tw-shadow-color: rgba(85, 205, 238, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/15 { --tw-shadow-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/15:hover { --tw-shadow-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/15:focus { --tw-shadow-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/15 { --tw-shadow-color: rgba(85, 205, 238, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/20 { --tw-shadow-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/20:hover { --tw-shadow-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/20:focus { --tw-shadow-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/20 { --tw-shadow-color: rgba(85, 205, 238, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/25 { --tw-shadow-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/25:hover { --tw-shadow-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/25:focus { --tw-shadow-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/25 { --tw-shadow-color: rgba(85, 205, 238, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/30 { --tw-shadow-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/30:hover { --tw-shadow-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/30:focus { --tw-shadow-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/30 { --tw-shadow-color: rgba(85, 205, 238, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/35 { --tw-shadow-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/35:hover { --tw-shadow-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/35:focus { --tw-shadow-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/35 { --tw-shadow-color: rgba(85, 205, 238, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/40 { --tw-shadow-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/40:hover { --tw-shadow-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/40:focus { --tw-shadow-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/40 { --tw-shadow-color: rgba(85, 205, 238, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/45 { --tw-shadow-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/45:hover { --tw-shadow-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/45:focus { --tw-shadow-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/45 { --tw-shadow-color: rgba(85, 205, 238, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/50 { --tw-shadow-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/50:hover { --tw-shadow-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/50:focus { --tw-shadow-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/50 { --tw-shadow-color: rgba(85, 205, 238, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/55 { --tw-shadow-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/55:hover { --tw-shadow-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/55:focus { --tw-shadow-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/55 { --tw-shadow-color: rgba(85, 205, 238, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/60 { --tw-shadow-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/60:hover { --tw-shadow-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/60:focus { --tw-shadow-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/60 { --tw-shadow-color: rgba(85, 205, 238, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/65 { --tw-shadow-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/65:hover { --tw-shadow-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/65:focus { --tw-shadow-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/65 { --tw-shadow-color: rgba(85, 205, 238, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/70 { --tw-shadow-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/70:hover { --tw-shadow-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/70:focus { --tw-shadow-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/70 { --tw-shadow-color: rgba(85, 205, 238, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/75 { --tw-shadow-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/75:hover { --tw-shadow-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/75:focus { --tw-shadow-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/75 { --tw-shadow-color: rgba(85, 205, 238, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/80 { --tw-shadow-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/80:hover { --tw-shadow-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/80:focus { --tw-shadow-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/80 { --tw-shadow-color: rgba(85, 205, 238, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/85 { --tw-shadow-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/85:hover { --tw-shadow-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/85:focus { --tw-shadow-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/85 { --tw-shadow-color: rgba(85, 205, 238, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/90 { --tw-shadow-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/90:hover { --tw-shadow-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/90:focus { --tw-shadow-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/90 { --tw-shadow-color: rgba(85, 205, 238, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/95 { --tw-shadow-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/95:hover { --tw-shadow-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/95:focus { --tw-shadow-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/95 { --tw-shadow-color: rgba(85, 205, 238, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55cdee 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/5 { --tw-shadow-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/5:hover { --tw-shadow-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/5:focus { --tw-shadow-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/5 { --tw-shadow-color: rgba(18, 188, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/10 { --tw-shadow-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/10:hover { --tw-shadow-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/10:focus { --tw-shadow-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/10 { --tw-shadow-color: rgba(18, 188, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/15 { --tw-shadow-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/15:hover { --tw-shadow-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/15:focus { --tw-shadow-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/15 { --tw-shadow-color: rgba(18, 188, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/20 { --tw-shadow-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/20:hover { --tw-shadow-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/20:focus { --tw-shadow-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/20 { --tw-shadow-color: rgba(18, 188, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/25 { --tw-shadow-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/25:hover { --tw-shadow-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/25:focus { --tw-shadow-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/25 { --tw-shadow-color: rgba(18, 188, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/30 { --tw-shadow-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/30:hover { --tw-shadow-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/30:focus { --tw-shadow-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/30 { --tw-shadow-color: rgba(18, 188, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/35 { --tw-shadow-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/35:hover { --tw-shadow-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/35:focus { --tw-shadow-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/35 { --tw-shadow-color: rgba(18, 188, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/40 { --tw-shadow-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/40:hover { --tw-shadow-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/40:focus { --tw-shadow-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/40 { --tw-shadow-color: rgba(18, 188, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/45 { --tw-shadow-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/45:hover { --tw-shadow-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/45:focus { --tw-shadow-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/45 { --tw-shadow-color: rgba(18, 188, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/50 { --tw-shadow-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/50:hover { --tw-shadow-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/50:focus { --tw-shadow-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/50 { --tw-shadow-color: rgba(18, 188, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/55 { --tw-shadow-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/55:hover { --tw-shadow-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/55:focus { --tw-shadow-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/55 { --tw-shadow-color: rgba(18, 188, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/60 { --tw-shadow-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/60:hover { --tw-shadow-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/60:focus { --tw-shadow-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/60 { --tw-shadow-color: rgba(18, 188, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/65 { --tw-shadow-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/65:hover { --tw-shadow-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/65:focus { --tw-shadow-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/65 { --tw-shadow-color: rgba(18, 188, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/70 { --tw-shadow-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/70:hover { --tw-shadow-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/70:focus { --tw-shadow-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/70 { --tw-shadow-color: rgba(18, 188, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/75 { --tw-shadow-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/75:hover { --tw-shadow-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/75:focus { --tw-shadow-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/75 { --tw-shadow-color: rgba(18, 188, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/80 { --tw-shadow-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/80:hover { --tw-shadow-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/80:focus { --tw-shadow-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/80 { --tw-shadow-color: rgba(18, 188, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/85 { --tw-shadow-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/85:hover { --tw-shadow-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/85:focus { --tw-shadow-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/85 { --tw-shadow-color: rgba(18, 188, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/90 { --tw-shadow-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/90:hover { --tw-shadow-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/90:focus { --tw-shadow-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/90 { --tw-shadow-color: rgba(18, 188, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/95 { --tw-shadow-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/95:hover { --tw-shadow-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/95:focus { --tw-shadow-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/95 { --tw-shadow-color: rgba(18, 188, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #12bceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/5 { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/5:hover { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/5:focus { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/5 { --tw-shadow-color: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/10 { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/10:hover { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/10:focus { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/10 { --tw-shadow-color: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/15 { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/15:hover { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/15:focus { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/15 { --tw-shadow-color: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/20 { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/20:hover { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/20:focus { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/20 { --tw-shadow-color: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/25 { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/25:hover { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/25:focus { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/25 { --tw-shadow-color: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/30 { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/30:hover { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/30:focus { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/30 { --tw-shadow-color: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/35 { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/35:hover { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/35:focus { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/35 { --tw-shadow-color: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/40 { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/40:hover { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/40:focus { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/40 { --tw-shadow-color: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/45 { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/45:hover { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/45:focus { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/45 { --tw-shadow-color: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/50 { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/50:hover { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/50:focus { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/50 { --tw-shadow-color: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/55 { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/55:hover { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/55:focus { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/55 { --tw-shadow-color: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/60 { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/60:hover { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/60:focus { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/60 { --tw-shadow-color: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/65 { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/65:hover { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/65:focus { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/65 { --tw-shadow-color: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/70 { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/70:hover { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/70:focus { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/70 { --tw-shadow-color: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/75 { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/75:hover { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/75:focus { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/75 { --tw-shadow-color: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/80 { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/80:hover { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/80:focus { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/80 { --tw-shadow-color: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/85 { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/85:hover { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/85:focus { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/85 { --tw-shadow-color: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/90 { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/90:hover { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/90:focus { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/90 { --tw-shadow-color: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/95 { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/95:hover { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/95:focus { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/95 { --tw-shadow-color: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #087897 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/5 { --tw-shadow-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/5:hover { --tw-shadow-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/5:focus { --tw-shadow-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/5 { --tw-shadow-color: rgba(7, 107, 134, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/10 { --tw-shadow-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/10:hover { --tw-shadow-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/10:focus { --tw-shadow-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/10 { --tw-shadow-color: rgba(7, 107, 134, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/15 { --tw-shadow-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/15:hover { --tw-shadow-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/15:focus { --tw-shadow-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/15 { --tw-shadow-color: rgba(7, 107, 134, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/20 { --tw-shadow-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/20:hover { --tw-shadow-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/20:focus { --tw-shadow-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/20 { --tw-shadow-color: rgba(7, 107, 134, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/25 { --tw-shadow-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/25:hover { --tw-shadow-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/25:focus { --tw-shadow-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/25 { --tw-shadow-color: rgba(7, 107, 134, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/30 { --tw-shadow-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/30:hover { --tw-shadow-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/30:focus { --tw-shadow-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/30 { --tw-shadow-color: rgba(7, 107, 134, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/35 { --tw-shadow-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/35:hover { --tw-shadow-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/35:focus { --tw-shadow-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/35 { --tw-shadow-color: rgba(7, 107, 134, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/40 { --tw-shadow-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/40:hover { --tw-shadow-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/40:focus { --tw-shadow-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/40 { --tw-shadow-color: rgba(7, 107, 134, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/45 { --tw-shadow-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/45:hover { --tw-shadow-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/45:focus { --tw-shadow-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/45 { --tw-shadow-color: rgba(7, 107, 134, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/50 { --tw-shadow-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/50:hover { --tw-shadow-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/50:focus { --tw-shadow-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/50 { --tw-shadow-color: rgba(7, 107, 134, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/55 { --tw-shadow-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/55:hover { --tw-shadow-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/55:focus { --tw-shadow-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/55 { --tw-shadow-color: rgba(7, 107, 134, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/60 { --tw-shadow-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/60:hover { --tw-shadow-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/60:focus { --tw-shadow-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/60 { --tw-shadow-color: rgba(7, 107, 134, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/65 { --tw-shadow-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/65:hover { --tw-shadow-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/65:focus { --tw-shadow-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/65 { --tw-shadow-color: rgba(7, 107, 134, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/70 { --tw-shadow-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/70:hover { --tw-shadow-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/70:focus { --tw-shadow-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/70 { --tw-shadow-color: rgba(7, 107, 134, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/75 { --tw-shadow-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/75:hover { --tw-shadow-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/75:focus { --tw-shadow-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/75 { --tw-shadow-color: rgba(7, 107, 134, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/80 { --tw-shadow-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/80:hover { --tw-shadow-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/80:focus { --tw-shadow-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/80 { --tw-shadow-color: rgba(7, 107, 134, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/85 { --tw-shadow-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/85:hover { --tw-shadow-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/85:focus { --tw-shadow-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/85 { --tw-shadow-color: rgba(7, 107, 134, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/90 { --tw-shadow-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/90:hover { --tw-shadow-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/90:focus { --tw-shadow-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/90 { --tw-shadow-color: rgba(7, 107, 134, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/95 { --tw-shadow-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/95:hover { --tw-shadow-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/95:focus { --tw-shadow-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/95 { --tw-shadow-color: rgba(7, 107, 134, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #076b86 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/5 { --tw-shadow-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/5:hover { --tw-shadow-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/5:focus { --tw-shadow-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/5 { --tw-shadow-color: rgba(7, 87, 110, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/10 { --tw-shadow-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/10:hover { --tw-shadow-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/10:focus { --tw-shadow-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/10 { --tw-shadow-color: rgba(7, 87, 110, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/15 { --tw-shadow-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/15:hover { --tw-shadow-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/15:focus { --tw-shadow-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/15 { --tw-shadow-color: rgba(7, 87, 110, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/20 { --tw-shadow-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/20:hover { --tw-shadow-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/20:focus { --tw-shadow-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/20 { --tw-shadow-color: rgba(7, 87, 110, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/25 { --tw-shadow-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/25:hover { --tw-shadow-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/25:focus { --tw-shadow-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/25 { --tw-shadow-color: rgba(7, 87, 110, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/30 { --tw-shadow-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/30:hover { --tw-shadow-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/30:focus { --tw-shadow-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/30 { --tw-shadow-color: rgba(7, 87, 110, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/35 { --tw-shadow-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/35:hover { --tw-shadow-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/35:focus { --tw-shadow-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/35 { --tw-shadow-color: rgba(7, 87, 110, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/40 { --tw-shadow-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/40:hover { --tw-shadow-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/40:focus { --tw-shadow-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/40 { --tw-shadow-color: rgba(7, 87, 110, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/45 { --tw-shadow-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/45:hover { --tw-shadow-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/45:focus { --tw-shadow-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/45 { --tw-shadow-color: rgba(7, 87, 110, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/50 { --tw-shadow-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/50:hover { --tw-shadow-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/50:focus { --tw-shadow-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/50 { --tw-shadow-color: rgba(7, 87, 110, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/55 { --tw-shadow-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/55:hover { --tw-shadow-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/55:focus { --tw-shadow-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/55 { --tw-shadow-color: rgba(7, 87, 110, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/60 { --tw-shadow-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/60:hover { --tw-shadow-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/60:focus { --tw-shadow-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/60 { --tw-shadow-color: rgba(7, 87, 110, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/65 { --tw-shadow-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/65:hover { --tw-shadow-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/65:focus { --tw-shadow-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/65 { --tw-shadow-color: rgba(7, 87, 110, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/70 { --tw-shadow-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/70:hover { --tw-shadow-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/70:focus { --tw-shadow-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/70 { --tw-shadow-color: rgba(7, 87, 110, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/75 { --tw-shadow-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/75:hover { --tw-shadow-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/75:focus { --tw-shadow-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/75 { --tw-shadow-color: rgba(7, 87, 110, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/80 { --tw-shadow-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/80:hover { --tw-shadow-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/80:focus { --tw-shadow-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/80 { --tw-shadow-color: rgba(7, 87, 110, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/85 { --tw-shadow-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/85:hover { --tw-shadow-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/85:focus { --tw-shadow-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/85 { --tw-shadow-color: rgba(7, 87, 110, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/90 { --tw-shadow-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/90:hover { --tw-shadow-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/90:focus { --tw-shadow-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/90 { --tw-shadow-color: rgba(7, 87, 110, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/95 { --tw-shadow-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/95:hover { --tw-shadow-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/95:focus { --tw-shadow-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/95 { --tw-shadow-color: rgba(7, 87, 110, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #07576e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/5 { --tw-shadow-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/5:hover { --tw-shadow-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/5:focus { --tw-shadow-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/5 { --tw-shadow-color: rgba(2, 68, 86, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/10 { --tw-shadow-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/10:hover { --tw-shadow-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/10:focus { --tw-shadow-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/10 { --tw-shadow-color: rgba(2, 68, 86, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/15 { --tw-shadow-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/15:hover { --tw-shadow-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/15:focus { --tw-shadow-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/15 { --tw-shadow-color: rgba(2, 68, 86, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/20 { --tw-shadow-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/20:hover { --tw-shadow-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/20:focus { --tw-shadow-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/20 { --tw-shadow-color: rgba(2, 68, 86, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/25 { --tw-shadow-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/25:hover { --tw-shadow-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/25:focus { --tw-shadow-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/25 { --tw-shadow-color: rgba(2, 68, 86, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/30 { --tw-shadow-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/30:hover { --tw-shadow-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/30:focus { --tw-shadow-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/30 { --tw-shadow-color: rgba(2, 68, 86, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/35 { --tw-shadow-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/35:hover { --tw-shadow-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/35:focus { --tw-shadow-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/35 { --tw-shadow-color: rgba(2, 68, 86, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/40 { --tw-shadow-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/40:hover { --tw-shadow-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/40:focus { --tw-shadow-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/40 { --tw-shadow-color: rgba(2, 68, 86, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/45 { --tw-shadow-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/45:hover { --tw-shadow-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/45:focus { --tw-shadow-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/45 { --tw-shadow-color: rgba(2, 68, 86, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/50 { --tw-shadow-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/50:hover { --tw-shadow-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/50:focus { --tw-shadow-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/50 { --tw-shadow-color: rgba(2, 68, 86, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/55 { --tw-shadow-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/55:hover { --tw-shadow-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/55:focus { --tw-shadow-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/55 { --tw-shadow-color: rgba(2, 68, 86, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/60 { --tw-shadow-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/60:hover { --tw-shadow-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/60:focus { --tw-shadow-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/60 { --tw-shadow-color: rgba(2, 68, 86, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/65 { --tw-shadow-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/65:hover { --tw-shadow-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/65:focus { --tw-shadow-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/65 { --tw-shadow-color: rgba(2, 68, 86, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/70 { --tw-shadow-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/70:hover { --tw-shadow-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/70:focus { --tw-shadow-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/70 { --tw-shadow-color: rgba(2, 68, 86, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/75 { --tw-shadow-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/75:hover { --tw-shadow-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/75:focus { --tw-shadow-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/75 { --tw-shadow-color: rgba(2, 68, 86, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/80 { --tw-shadow-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/80:hover { --tw-shadow-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/80:focus { --tw-shadow-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/80 { --tw-shadow-color: rgba(2, 68, 86, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/85 { --tw-shadow-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/85:hover { --tw-shadow-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/85:focus { --tw-shadow-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/85 { --tw-shadow-color: rgba(2, 68, 86, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/90 { --tw-shadow-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/90:hover { --tw-shadow-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/90:focus { --tw-shadow-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/90 { --tw-shadow-color: rgba(2, 68, 86, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/95 { --tw-shadow-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/95:hover { --tw-shadow-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/95:focus { --tw-shadow-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/95 { --tw-shadow-color: rgba(2, 68, 86, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #024456 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/5 { --tw-shadow-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/5:hover { --tw-shadow-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/5:focus { --tw-shadow-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/5 { --tw-shadow-color: rgba(1, 43, 54, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/10 { --tw-shadow-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/10:hover { --tw-shadow-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/10:focus { --tw-shadow-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/10 { --tw-shadow-color: rgba(1, 43, 54, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/15 { --tw-shadow-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/15:hover { --tw-shadow-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/15:focus { --tw-shadow-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/15 { --tw-shadow-color: rgba(1, 43, 54, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/20 { --tw-shadow-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/20:hover { --tw-shadow-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/20:focus { --tw-shadow-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/20 { --tw-shadow-color: rgba(1, 43, 54, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/25 { --tw-shadow-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/25:hover { --tw-shadow-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/25:focus { --tw-shadow-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/25 { --tw-shadow-color: rgba(1, 43, 54, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/30 { --tw-shadow-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/30:hover { --tw-shadow-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/30:focus { --tw-shadow-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/30 { --tw-shadow-color: rgba(1, 43, 54, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/35 { --tw-shadow-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/35:hover { --tw-shadow-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/35:focus { --tw-shadow-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/35 { --tw-shadow-color: rgba(1, 43, 54, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/40 { --tw-shadow-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/40:hover { --tw-shadow-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/40:focus { --tw-shadow-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/40 { --tw-shadow-color: rgba(1, 43, 54, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/45 { --tw-shadow-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/45:hover { --tw-shadow-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/45:focus { --tw-shadow-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/45 { --tw-shadow-color: rgba(1, 43, 54, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/50 { --tw-shadow-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/50:hover { --tw-shadow-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/50:focus { --tw-shadow-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/50 { --tw-shadow-color: rgba(1, 43, 54, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/55 { --tw-shadow-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/55:hover { --tw-shadow-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/55:focus { --tw-shadow-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/55 { --tw-shadow-color: rgba(1, 43, 54, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/60 { --tw-shadow-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/60:hover { --tw-shadow-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/60:focus { --tw-shadow-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/60 { --tw-shadow-color: rgba(1, 43, 54, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/65 { --tw-shadow-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/65:hover { --tw-shadow-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/65:focus { --tw-shadow-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/65 { --tw-shadow-color: rgba(1, 43, 54, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/70 { --tw-shadow-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/70:hover { --tw-shadow-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/70:focus { --tw-shadow-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/70 { --tw-shadow-color: rgba(1, 43, 54, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/75 { --tw-shadow-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/75:hover { --tw-shadow-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/75:focus { --tw-shadow-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/75 { --tw-shadow-color: rgba(1, 43, 54, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/80 { --tw-shadow-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/80:hover { --tw-shadow-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/80:focus { --tw-shadow-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/80 { --tw-shadow-color: rgba(1, 43, 54, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/85 { --tw-shadow-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/85:hover { --tw-shadow-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/85:focus { --tw-shadow-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/85 { --tw-shadow-color: rgba(1, 43, 54, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/90 { --tw-shadow-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/90:hover { --tw-shadow-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/90:focus { --tw-shadow-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/90 { --tw-shadow-color: rgba(1, 43, 54, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/95 { --tw-shadow-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/95:hover { --tw-shadow-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/95:focus { --tw-shadow-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/95 { --tw-shadow-color: rgba(1, 43, 54, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #012b36 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:text-white { color: #fff; } .from-primary { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary:hover { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary { --tw-gradient-from: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/95 { --tw-gradient-from: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/95:hover { --tw-gradient-from: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/95 { --tw-gradient-from: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/90 { --tw-gradient-from: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/90:hover { --tw-gradient-from: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/90 { --tw-gradient-from: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/85 { --tw-gradient-from: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/85:hover { --tw-gradient-from: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/85 { --tw-gradient-from: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/80 { --tw-gradient-from: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/80:hover { --tw-gradient-from: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/80 { --tw-gradient-from: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/75 { --tw-gradient-from: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/75:hover { --tw-gradient-from: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/75 { --tw-gradient-from: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/70 { --tw-gradient-from: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/70:hover { --tw-gradient-from: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/70 { --tw-gradient-from: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/65 { --tw-gradient-from: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/65:hover { --tw-gradient-from: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/65 { --tw-gradient-from: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/60 { --tw-gradient-from: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/60:hover { --tw-gradient-from: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/60 { --tw-gradient-from: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/55 { --tw-gradient-from: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/55:hover { --tw-gradient-from: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/55 { --tw-gradient-from: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/50 { --tw-gradient-from: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/50:hover { --tw-gradient-from: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/50 { --tw-gradient-from: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/45 { --tw-gradient-from: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/45:hover { --tw-gradient-from: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/45 { --tw-gradient-from: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/40 { --tw-gradient-from: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/40:hover { --tw-gradient-from: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/40 { --tw-gradient-from: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/35 { --tw-gradient-from: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/35:hover { --tw-gradient-from: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/35 { --tw-gradient-from: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/30 { --tw-gradient-from: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/30:hover { --tw-gradient-from: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/30 { --tw-gradient-from: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/25 { --tw-gradient-from: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/25:hover { --tw-gradient-from: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/25 { --tw-gradient-from: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/20 { --tw-gradient-from: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/20:hover { --tw-gradient-from: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/20 { --tw-gradient-from: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/15 { --tw-gradient-from: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/15:hover { --tw-gradient-from: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/15 { --tw-gradient-from: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/10 { --tw-gradient-from: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/10:hover { --tw-gradient-from: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/10 { --tw-gradient-from: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/5 { --tw-gradient-from: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-primary\/5:hover { --tw-gradient-from: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:from-primary\/5 { --tw-gradient-from: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-primary { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary:hover { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary { --tw-gradient-via: #087897; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/95 { --tw-gradient-via: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/95:hover { --tw-gradient-via: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/95 { --tw-gradient-via: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/90 { --tw-gradient-via: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/90:hover { --tw-gradient-via: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/90 { --tw-gradient-via: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/85 { --tw-gradient-via: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/85:hover { --tw-gradient-via: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/85 { --tw-gradient-via: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/80 { --tw-gradient-via: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/80:hover { --tw-gradient-via: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/80 { --tw-gradient-via: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/75 { --tw-gradient-via: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/75:hover { --tw-gradient-via: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/75 { --tw-gradient-via: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/70 { --tw-gradient-via: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/70:hover { --tw-gradient-via: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/70 { --tw-gradient-via: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/65 { --tw-gradient-via: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/65:hover { --tw-gradient-via: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/65 { --tw-gradient-via: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/60 { --tw-gradient-via: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/60:hover { --tw-gradient-via: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/60 { --tw-gradient-via: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/55 { --tw-gradient-via: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/55:hover { --tw-gradient-via: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/55 { --tw-gradient-via: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/50 { --tw-gradient-via: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/50:hover { --tw-gradient-via: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/50 { --tw-gradient-via: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/45 { --tw-gradient-via: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/45:hover { --tw-gradient-via: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/45 { --tw-gradient-via: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/40 { --tw-gradient-via: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/40:hover { --tw-gradient-via: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/40 { --tw-gradient-via: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/35 { --tw-gradient-via: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/35:hover { --tw-gradient-via: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/35 { --tw-gradient-via: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/30 { --tw-gradient-via: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/30:hover { --tw-gradient-via: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/30 { --tw-gradient-via: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/25 { --tw-gradient-via: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/25:hover { --tw-gradient-via: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/25 { --tw-gradient-via: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/20 { --tw-gradient-via: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/20:hover { --tw-gradient-via: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/20 { --tw-gradient-via: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/15 { --tw-gradient-via: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/15:hover { --tw-gradient-via: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/15 { --tw-gradient-via: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/10 { --tw-gradient-via: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/10:hover { --tw-gradient-via: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/10 { --tw-gradient-via: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/5 { --tw-gradient-via: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .hover\:via-primary\/5:hover { --tw-gradient-via: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .group:hover .group-hover\:via-primary\/5 { --tw-gradient-via: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-primary { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary:hover { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary { --tw-gradient-to: #087897; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/95 { --tw-gradient-to: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/95:hover { --tw-gradient-to: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/95 { --tw-gradient-to: rgba(8, 120, 151, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/90 { --tw-gradient-to: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/90:hover { --tw-gradient-to: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/90 { --tw-gradient-to: rgba(8, 120, 151, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/85 { --tw-gradient-to: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/85:hover { --tw-gradient-to: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/85 { --tw-gradient-to: rgba(8, 120, 151, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/80 { --tw-gradient-to: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/80:hover { --tw-gradient-to: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/80 { --tw-gradient-to: rgba(8, 120, 151, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/75 { --tw-gradient-to: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/75:hover { --tw-gradient-to: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/75 { --tw-gradient-to: rgba(8, 120, 151, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/70 { --tw-gradient-to: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/70:hover { --tw-gradient-to: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/70 { --tw-gradient-to: rgba(8, 120, 151, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/65 { --tw-gradient-to: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/65:hover { --tw-gradient-to: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/65 { --tw-gradient-to: rgba(8, 120, 151, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 65%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/60 { --tw-gradient-to: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/60:hover { --tw-gradient-to: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/60 { --tw-gradient-to: rgba(8, 120, 151, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/55 { --tw-gradient-to: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/55:hover { --tw-gradient-to: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/55 { --tw-gradient-to: rgba(8, 120, 151, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 55%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/50 { --tw-gradient-to: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/50:hover { --tw-gradient-to: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/50 { --tw-gradient-to: rgba(8, 120, 151, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/45 { --tw-gradient-to: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/45:hover { --tw-gradient-to: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/45 { --tw-gradient-to: rgba(8, 120, 151, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 45%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/40 { --tw-gradient-to: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/40:hover { --tw-gradient-to: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/40 { --tw-gradient-to: rgba(8, 120, 151, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/35 { --tw-gradient-to: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/35:hover { --tw-gradient-to: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/35 { --tw-gradient-to: rgba(8, 120, 151, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 35%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/30 { --tw-gradient-to: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/30:hover { --tw-gradient-to: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/30 { --tw-gradient-to: rgba(8, 120, 151, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/25 { --tw-gradient-to: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/25:hover { --tw-gradient-to: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/25 { --tw-gradient-to: rgba(8, 120, 151, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 25%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/20 { --tw-gradient-to: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/20:hover { --tw-gradient-to: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/20 { --tw-gradient-to: rgba(8, 120, 151, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/15 { --tw-gradient-to: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/15:hover { --tw-gradient-to: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/15 { --tw-gradient-to: rgba(8, 120, 151, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/10 { --tw-gradient-to: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/10:hover { --tw-gradient-to: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/10 { --tw-gradient-to: rgba(8, 120, 151, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/5 { --tw-gradient-to: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-primary\/5:hover { --tw-gradient-to: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group:hover .group-hover\:to-primary\/5 { --tw-gradient-to: rgba(8, 120, 151, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #087897 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } a.underlinedlink { background-image: linear-gradient(180deg, transparent 85%, #c6ecf6 0); } a.underlinedlinksmall { background-image: linear-gradient(180deg, transparent 88%, #c6ecf6 0); } a:hover.underlinedlinksmall { background-image: linear-gradient(180deg, transparent 88%, #91dcf1 0); } .cms__content a, .ce-bodytext a, .cke_editable a { text-decoration: none; background-image: linear-gradient(180deg, transparent 85%, #c6ecf6 0); } a.highlight { color: #0e7490 !important; } a.highlight:hover { color: #076b86 !important; } .cms__content .button-primary:hover { background-color: #076b86 !important; border-color: #076b86 !important; } .cms__content h1 { /*  color: #0e7490 !important;*/ } .cms__content .button-primary { background-color: #0e7490 !important; border-color: #0e7490 !important; } .prose a { color: #0e7490 !important; } bg-opacity-10{ --bg-opacity: 0.1; } .bg-opacity-20{ --bg-opacity: 0.2; } .bg-opacity-30{ --bg-opacity: 0.3; } .bg-opacity-40{ --bg-opacity: 0.4; } .bg-opacity-50{ --bg-opacity: 0.5; } .bg-opacity-60{ --bg-opacity: 0.6; } .bg-opacity-70{ --bg-opacity: 0.7; } .bg-opacity-80{ --bg-opacity: 0.8; } .bg-opacity-90{ --bg-opacity: 0.9; } .bg-opacity-100{ --bg-opacity: 1; } .bg-custom-1027-50 { --bg-opacity: 1; background-color: rgba(249, 239, 233, var(--bg-opacity)); } .hover\:bg-custom-1027-50:hover { --bg-opacity: 1; background-color: rgba(249, 239, 233, var(--bg-opacity)); } .bg-custom-1027-100 { --bg-opacity: 1; background-color: rgba(250, 228, 212, var(--bg-opacity)); } .hover\:bg-custom-1027-100:hover { --bg-opacity: 1; background-color: rgba(250, 228, 212, var(--bg-opacity)); } .bg-custom-1027-200 { --bg-opacity: 1; background-color: rgba(248, 205, 175, var(--bg-opacity)); } .hover\:bg-custom-1027-200:hover { --bg-opacity: 1; background-color: rgba(248, 205, 175, var(--bg-opacity)); } .bg-custom-1027-300 { --bg-opacity: 1; background-color: rgba(249, 180, 132, var(--bg-opacity)); } .hover\:bg-custom-1027-300:hover { --bg-opacity: 1; background-color: rgba(249, 180, 132, var(--bg-opacity)); } .bg-custom-1027-400 { --bg-opacity: 1; background-color: rgba(251, 152, 84, var(--bg-opacity)); } .hover\:bg-custom-1027-400:hover { --bg-opacity: 1; background-color: rgba(251, 152, 84, var(--bg-opacity)); } .bg-custom-1027-500 { --bg-opacity: 1; background-color: rgba(255, 114, 16, var(--bg-opacity)); } .hover\:bg-custom-1027-500:hover { --bg-opacity: 1; background-color: rgba(255, 114, 16, var(--bg-opacity)); } .bg-custom-1027-600 { --bg-opacity: 1; background-color: rgba(241, 99, 1, var(--bg-opacity)); } .hover\:bg-custom-1027-600:hover { --bg-opacity: 1; background-color: rgba(241, 99, 1, var(--bg-opacity)); } .bg-custom-1027-700 { --bg-opacity: 1; background-color: rgba(197, 82, 2, var(--bg-opacity)); } .hover\:bg-custom-1027-700:hover { --bg-opacity: 1; background-color: rgba(197, 82, 2, var(--bg-opacity)); } .bg-custom-1027-800 { --bg-opacity: 1; background-color: rgba(150, 61, 0, var(--bg-opacity)); } .hover\:bg-custom-1027-800:hover { --bg-opacity: 1; background-color: rgba(150, 61, 0, var(--bg-opacity)); } .bg-custom-1027-900 { --bg-opacity: 1; background-color: rgba(95, 39, 0, var(--bg-opacity)); } .hover\:bg-custom-1027-900:hover { --bg-opacity: 1; background-color: rgba(95, 39, 0, var(--bg-opacity)); } .text-custom-1027-50 { color: #f9efe9; } .hover\:text-custom-1027-50:hover { color: #f9efe9; } .text-custom-1027-100 { color: #fae4d4; } .hover\:text-custom-1027-100:hover { color: #fae4d4; } .text-custom-1027-200 { color: #f8cdaf; } .hover\:text-custom-1027-200:hover { color: #f8cdaf; } .text-custom-1027-300 { color: #f9b484; } .hover\:text-custom-1027-300:hover { color: #f9b484; } .text-custom-1027-400 { color: #fb9854; } .hover\:text-custom-1027-400:hover { color: #fb9854; } .text-custom-1027-500 { color: #ff7210; } .hover\:text-custom-1027-500:hover { color: #ff7210; } .text-custom-1027-600 { color: #f16301; } .hover\:text-custom-1027-600:hover { color: #f16301; } .text-custom-1027-700 { color: #c55202; } .hover\:text-custom-1027-700:hover { color: #c55202; } .text-custom-1027-800 { color: #963d00; } .hover\:text-custom-1027-800:hover { color: #963d00; } .text-custom-1027-900 { color: #5f2700; } .hover\:text-custom-1027-900:hover { color: #5f2700; } .border-custom-1027-50 { border-color: #f9efe9; } .hover\:border-custom-1027-50:hover { border-color: #f9efe9; } .border-custom-1027-100 { border-color: #fae4d4; } .hover\:border-custom-1027-100:hover { border-color: #fae4d4; } .border-custom-1027-200 { border-color: #f8cdaf; } .hover\:border-custom-1027-200:hover { border-color: #f8cdaf; } .border-custom-1027-300 { border-color: #f9b484; } .hover\:border-custom-1027-300:hover { border-color: #f9b484; } .border-custom-1027-400 { border-color: #fb9854; } .hover\:border-custom-1027-400:hover { border-color: #fb9854; } .border-custom-1027-500 { border-color: #ff7210; } .hover\:border-custom-1027-500:hover { border-color: #ff7210; } .border-custom-1027-600 { border-color: #f16301; } .hover\:border-custom-1027-600:hover { border-color: #f16301; } .border-custom-1027-700 { border-color: #c55202; } .hover\:border-custom-1027-700:hover { border-color: #c55202; } .border-custom-1027-800 { border-color: #963d00; } .hover\:border-custom-1027-800:hover { border-color: #963d00; } .border-custom-1027-900 { border-color: #5f2700; } .hover\:border-custom-1027-900:hover { border-color: #5f2700; } .bg-custom-1028-50 { --bg-opacity: 1; background-color: rgba(242, 242, 235, var(--bg-opacity)); } .hover\:bg-custom-1028-50:hover { --bg-opacity: 1; background-color: rgba(242, 242, 235, var(--bg-opacity)); } .bg-custom-1028-100 { --bg-opacity: 1; background-color: rgba(236, 236, 218, var(--bg-opacity)); } .hover\:bg-custom-1028-100:hover { --bg-opacity: 1; background-color: rgba(236, 236, 218, var(--bg-opacity)); } .bg-custom-1028-200 { --bg-opacity: 1; background-color: rgba(221, 221, 184, var(--bg-opacity)); } .hover\:bg-custom-1028-200:hover { --bg-opacity: 1; background-color: rgba(221, 221, 184, var(--bg-opacity)); } .bg-custom-1028-300 { --bg-opacity: 1; background-color: rgba(206, 206, 148, var(--bg-opacity)); } .hover\:bg-custom-1028-300:hover { --bg-opacity: 1; background-color: rgba(206, 206, 148, var(--bg-opacity)); } .bg-custom-1028-400 { --bg-opacity: 1; background-color: rgba(190, 191, 106, var(--bg-opacity)); } .hover\:bg-custom-1028-400:hover { --bg-opacity: 1; background-color: rgba(190, 191, 106, var(--bg-opacity)); } .bg-custom-1028-500 { --bg-opacity: 1; background-color: rgba(154, 155, 64, var(--bg-opacity)); } .hover\:bg-custom-1028-500:hover { --bg-opacity: 1; background-color: rgba(154, 155, 64, var(--bg-opacity)); } .bg-custom-1028-600 { --bg-opacity: 1; background-color: rgba(137, 138, 57, var(--bg-opacity)); } .hover\:bg-custom-1028-600:hover { --bg-opacity: 1; background-color: rgba(137, 138, 57, var(--bg-opacity)); } .bg-custom-1028-700 { --bg-opacity: 1; background-color: rgba(113, 114, 48, var(--bg-opacity)); } .hover\:bg-custom-1028-700:hover { --bg-opacity: 1; background-color: rgba(113, 114, 48, var(--bg-opacity)); } .bg-custom-1028-800 { --bg-opacity: 1; background-color: rgba(87, 87, 34, var(--bg-opacity)); } .hover\:bg-custom-1028-800:hover { --bg-opacity: 1; background-color: rgba(87, 87, 34, var(--bg-opacity)); } .bg-custom-1028-900 { --bg-opacity: 1; background-color: rgba(55, 55, 22, var(--bg-opacity)); } .hover\:bg-custom-1028-900:hover { --bg-opacity: 1; background-color: rgba(55, 55, 22, var(--bg-opacity)); } .text-custom-1028-50 { color: #f2f2eb; } .hover\:text-custom-1028-50:hover { color: #f2f2eb; } .text-custom-1028-100 { color: #ececda; } .hover\:text-custom-1028-100:hover { color: #ececda; } .text-custom-1028-200 { color: #ddddb8; } .hover\:text-custom-1028-200:hover { color: #ddddb8; } .text-custom-1028-300 { color: #cece94; } .hover\:text-custom-1028-300:hover { color: #cece94; } .text-custom-1028-400 { color: #bebf6a; } .hover\:text-custom-1028-400:hover { color: #bebf6a; } .text-custom-1028-500 { color: #9a9b40; } .hover\:text-custom-1028-500:hover { color: #9a9b40; } .text-custom-1028-600 { color: #898a39; } .hover\:text-custom-1028-600:hover { color: #898a39; } .text-custom-1028-700 { color: #717230; } .hover\:text-custom-1028-700:hover { color: #717230; } .text-custom-1028-800 { color: #575722; } .hover\:text-custom-1028-800:hover { color: #575722; } .text-custom-1028-900 { color: #373716; } .hover\:text-custom-1028-900:hover { color: #373716; } .border-custom-1028-50 { border-color: #f2f2eb; } .hover\:border-custom-1028-50:hover { border-color: #f2f2eb; } .border-custom-1028-100 { border-color: #ececda; } .hover\:border-custom-1028-100:hover { border-color: #ececda; } .border-custom-1028-200 { border-color: #ddddb8; } .hover\:border-custom-1028-200:hover { border-color: #ddddb8; } .border-custom-1028-300 { border-color: #cece94; } .hover\:border-custom-1028-300:hover { border-color: #cece94; } .border-custom-1028-400 { border-color: #bebf6a; } .hover\:border-custom-1028-400:hover { border-color: #bebf6a; } .border-custom-1028-500 { border-color: #9a9b40; } .hover\:border-custom-1028-500:hover { border-color: #9a9b40; } .border-custom-1028-600 { border-color: #898a39; } .hover\:border-custom-1028-600:hover { border-color: #898a39; } .border-custom-1028-700 { border-color: #717230; } .hover\:border-custom-1028-700:hover { border-color: #717230; } .border-custom-1028-800 { border-color: #575722; } .hover\:border-custom-1028-800:hover { border-color: #575722; } .border-custom-1028-900 { border-color: #373716; } .hover\:border-custom-1028-900:hover { border-color: #373716; } .bg-custom-1029-50 { --bg-opacity: 1; background-color: rgba(235, 240, 249, var(--bg-opacity)); } .hover\:bg-custom-1029-50:hover { --bg-opacity: 1; background-color: rgba(235, 240, 249, var(--bg-opacity)); } .bg-custom-1029-100 { --bg-opacity: 1; background-color: rgba(217, 230, 251, var(--bg-opacity)); } .hover\:bg-custom-1029-100:hover { --bg-opacity: 1; background-color: rgba(217, 230, 251, var(--bg-opacity)); } .bg-custom-1029-200 { --bg-opacity: 1; background-color: rgba(185, 209, 249, var(--bg-opacity)); } .hover\:bg-custom-1029-200:hover { --bg-opacity: 1; background-color: rgba(185, 209, 249, var(--bg-opacity)); } .bg-custom-1029-300 { --bg-opacity: 1; background-color: rgba(149, 187, 249, var(--bg-opacity)); } .hover\:bg-custom-1029-300:hover { --bg-opacity: 1; background-color: rgba(149, 187, 249, var(--bg-opacity)); } .bg-custom-1029-400 { --bg-opacity: 1; background-color: rgba(108, 162, 251, var(--bg-opacity)); } .hover\:bg-custom-1029-400:hover { --bg-opacity: 1; background-color: rgba(108, 162, 251, var(--bg-opacity)); } .bg-custom-1029-500 { --bg-opacity: 1; background-color: rgba(50, 128, 255, var(--bg-opacity)); } .hover\:bg-custom-1029-500:hover { --bg-opacity: 1; background-color: rgba(50, 128, 255, var(--bg-opacity)); } .bg-custom-1029-600 { --bg-opacity: 1; background-color: rgba(18, 108, 254, var(--bg-opacity)); } .hover\:bg-custom-1029-600:hover { --bg-opacity: 1; background-color: rgba(18, 108, 254, var(--bg-opacity)); } .bg-custom-1029-700 { --bg-opacity: 1; background-color: rgba(2, 86, 222, var(--bg-opacity)); } .hover\:bg-custom-1029-700:hover { --bg-opacity: 1; background-color: rgba(2, 86, 222, var(--bg-opacity)); } .bg-custom-1029-800 { --bg-opacity: 1; background-color: rgba(0, 64, 169, var(--bg-opacity)); } .hover\:bg-custom-1029-800:hover { --bg-opacity: 1; background-color: rgba(0, 64, 169, var(--bg-opacity)); } .bg-custom-1029-900 { --bg-opacity: 1; background-color: rgba(0, 41, 107, var(--bg-opacity)); } .hover\:bg-custom-1029-900:hover { --bg-opacity: 1; background-color: rgba(0, 41, 107, var(--bg-opacity)); } .text-custom-1029-50 { color: #ebf0f9; } .hover\:text-custom-1029-50:hover { color: #ebf0f9; } .text-custom-1029-100 { color: #d9e6fb; } .hover\:text-custom-1029-100:hover { color: #d9e6fb; } .text-custom-1029-200 { color: #b9d1f9; } .hover\:text-custom-1029-200:hover { color: #b9d1f9; } .text-custom-1029-300 { color: #95bbf9; } .hover\:text-custom-1029-300:hover { color: #95bbf9; } .text-custom-1029-400 { color: #6ca2fb; } .hover\:text-custom-1029-400:hover { color: #6ca2fb; } .text-custom-1029-500 { color: #3280ff; } .hover\:text-custom-1029-500:hover { color: #3280ff; } .text-custom-1029-600 { color: #126cfe; } .hover\:text-custom-1029-600:hover { color: #126cfe; } .text-custom-1029-700 { color: #0256de; } .hover\:text-custom-1029-700:hover { color: #0256de; } .text-custom-1029-800 { color: #0040a9; } .hover\:text-custom-1029-800:hover { color: #0040a9; } .text-custom-1029-900 { color: #00296b; } .hover\:text-custom-1029-900:hover { color: #00296b; } .border-custom-1029-50 { border-color: #ebf0f9; } .hover\:border-custom-1029-50:hover { border-color: #ebf0f9; } .border-custom-1029-100 { border-color: #d9e6fb; } .hover\:border-custom-1029-100:hover { border-color: #d9e6fb; } .border-custom-1029-200 { border-color: #b9d1f9; } .hover\:border-custom-1029-200:hover { border-color: #b9d1f9; } .border-custom-1029-300 { border-color: #95bbf9; } .hover\:border-custom-1029-300:hover { border-color: #95bbf9; } .border-custom-1029-400 { border-color: #6ca2fb; } .hover\:border-custom-1029-400:hover { border-color: #6ca2fb; } .border-custom-1029-500 { border-color: #3280ff; } .hover\:border-custom-1029-500:hover { border-color: #3280ff; } .border-custom-1029-600 { border-color: #126cfe; } .hover\:border-custom-1029-600:hover { border-color: #126cfe; } .border-custom-1029-700 { border-color: #0256de; } .hover\:border-custom-1029-700:hover { border-color: #0256de; } .border-custom-1029-800 { border-color: #0040a9; } .hover\:border-custom-1029-800:hover { border-color: #0040a9; } .border-custom-1029-900 { border-color: #00296b; } .hover\:border-custom-1029-900:hover { border-color: #00296b; } .bg-custom-1030-50 { --bg-opacity: 1; background-color: rgba(248, 247, 232, var(--bg-opacity)); } .hover\:bg-custom-1030-50:hover { --bg-opacity: 1; background-color: rgba(248, 247, 232, var(--bg-opacity)); } .bg-custom-1030-100 { --bg-opacity: 1; background-color: rgba(250, 247, 210, var(--bg-opacity)); } .hover\:bg-custom-1030-100:hover { --bg-opacity: 1; background-color: rgba(250, 247, 210, var(--bg-opacity)); } .bg-custom-1030-200 { --bg-opacity: 1; background-color: rgba(248, 243, 170, var(--bg-opacity)); } .hover\:bg-custom-1030-200:hover { --bg-opacity: 1; background-color: rgba(248, 243, 170, var(--bg-opacity)); } .bg-custom-1030-300 { --bg-opacity: 1; background-color: rgba(248, 239, 124, var(--bg-opacity)); } .hover\:bg-custom-1030-300:hover { --bg-opacity: 1; background-color: rgba(248, 239, 124, var(--bg-opacity)); } .bg-custom-1030-400 { --bg-opacity: 1; background-color: rgba(250, 238, 72, var(--bg-opacity)); } .hover\:bg-custom-1030-400:hover { --bg-opacity: 1; background-color: rgba(250, 238, 72, var(--bg-opacity)); } .bg-custom-1030-500 { --bg-opacity: 1; background-color: rgba(255, 237, 0, var(--bg-opacity)); } .hover\:bg-custom-1030-500:hover { --bg-opacity: 1; background-color: rgba(255, 237, 0, var(--bg-opacity)); } .bg-custom-1030-600 { --bg-opacity: 1; background-color: rgba(227, 211, 1, var(--bg-opacity)); } .hover\:bg-custom-1030-600:hover { --bg-opacity: 1; background-color: rgba(227, 211, 1, var(--bg-opacity)); } .bg-custom-1030-700 { --bg-opacity: 1; background-color: rgba(186, 173, 2, var(--bg-opacity)); } .hover\:bg-custom-1030-700:hover { --bg-opacity: 1; background-color: rgba(186, 173, 2, var(--bg-opacity)); } .bg-custom-1030-800 { --bg-opacity: 1; background-color: rgba(141, 131, 0, var(--bg-opacity)); } .hover\:bg-custom-1030-800:hover { --bg-opacity: 1; background-color: rgba(141, 131, 0, var(--bg-opacity)); } .bg-custom-1030-900 { --bg-opacity: 1; background-color: rgba(89, 83, 0, var(--bg-opacity)); } .hover\:bg-custom-1030-900:hover { --bg-opacity: 1; background-color: rgba(89, 83, 0, var(--bg-opacity)); } .text-custom-1030-50 { color: #f8f7e8; } .hover\:text-custom-1030-50:hover { color: #f8f7e8; } .text-custom-1030-100 { color: #faf7d2; } .hover\:text-custom-1030-100:hover { color: #faf7d2; } .text-custom-1030-200 { color: #f8f3aa; } .hover\:text-custom-1030-200:hover { color: #f8f3aa; } .text-custom-1030-300 { color: #f8ef7c; } .hover\:text-custom-1030-300:hover { color: #f8ef7c; } .text-custom-1030-400 { color: #faee48; } .hover\:text-custom-1030-400:hover { color: #faee48; } .text-custom-1030-500 { color: #ffed00; } .hover\:text-custom-1030-500:hover { color: #ffed00; } .text-custom-1030-600 { color: #e3d301; } .hover\:text-custom-1030-600:hover { color: #e3d301; } .text-custom-1030-700 { color: #baad02; } .hover\:text-custom-1030-700:hover { color: #baad02; } .text-custom-1030-800 { color: #8d8300; } .hover\:text-custom-1030-800:hover { color: #8d8300; } .text-custom-1030-900 { color: #595300; } .hover\:text-custom-1030-900:hover { color: #595300; } .border-custom-1030-50 { border-color: #f8f7e8; } .hover\:border-custom-1030-50:hover { border-color: #f8f7e8; } .border-custom-1030-100 { border-color: #faf7d2; } .hover\:border-custom-1030-100:hover { border-color: #faf7d2; } .border-custom-1030-200 { border-color: #f8f3aa; } .hover\:border-custom-1030-200:hover { border-color: #f8f3aa; } .border-custom-1030-300 { border-color: #f8ef7c; } .hover\:border-custom-1030-300:hover { border-color: #f8ef7c; } .border-custom-1030-400 { border-color: #faee48; } .hover\:border-custom-1030-400:hover { border-color: #faee48; } .border-custom-1030-500 { border-color: #ffed00; } .hover\:border-custom-1030-500:hover { border-color: #ffed00; } .border-custom-1030-600 { border-color: #e3d301; } .hover\:border-custom-1030-600:hover { border-color: #e3d301; } .border-custom-1030-700 { border-color: #baad02; } .hover\:border-custom-1030-700:hover { border-color: #baad02; } .border-custom-1030-800 { border-color: #8d8300; } .hover\:border-custom-1030-800:hover { border-color: #8d8300; } .border-custom-1030-900 { border-color: #595300; } .hover\:border-custom-1030-900:hover { border-color: #595300; } .bg-custom-1031-50 { --bg-opacity: 1; background-color: rgba(247, 230, 234, var(--bg-opacity)); } .hover\:bg-custom-1031-50:hover { --bg-opacity: 1; background-color: rgba(247, 230, 234, var(--bg-opacity)); } .bg-custom-1031-100 { --bg-opacity: 1; background-color: rgba(247, 205, 215, var(--bg-opacity)); } .hover\:bg-custom-1031-100:hover { --bg-opacity: 1; background-color: rgba(247, 205, 215, var(--bg-opacity)); } .bg-custom-1031-200 { --bg-opacity: 1; background-color: rgba(243, 159, 180, var(--bg-opacity)); } .hover\:bg-custom-1031-200:hover { --bg-opacity: 1; background-color: rgba(243, 159, 180, var(--bg-opacity)); } .bg-custom-1031-300 { --bg-opacity: 1; background-color: rgba(240, 108, 140, var(--bg-opacity)); } .hover\:bg-custom-1031-300:hover { --bg-opacity: 1; background-color: rgba(240, 108, 140, var(--bg-opacity)); } .bg-custom-1031-400 { --bg-opacity: 1; background-color: rgba(240, 49, 95, var(--bg-opacity)); } .hover\:bg-custom-1031-400:hover { --bg-opacity: 1; background-color: rgba(240, 49, 95, var(--bg-opacity)); } .bg-custom-1031-500 { --bg-opacity: 1; background-color: rgba(199, 9, 56, var(--bg-opacity)); } .hover\:bg-custom-1031-500:hover { --bg-opacity: 1; background-color: rgba(199, 9, 56, var(--bg-opacity)); } .bg-custom-1031-600 { --bg-opacity: 1; background-color: rgba(177, 9, 50, var(--bg-opacity)); } .hover\:bg-custom-1031-600:hover { --bg-opacity: 1; background-color: rgba(177, 9, 50, var(--bg-opacity)); } .bg-custom-1031-700 { --bg-opacity: 1; background-color: rgba(145, 8, 42, var(--bg-opacity)); } .hover\:bg-custom-1031-700:hover { --bg-opacity: 1; background-color: rgba(145, 8, 42, var(--bg-opacity)); } .bg-custom-1031-800 { --bg-opacity: 1; background-color: rgba(113, 2, 29, var(--bg-opacity)); } .hover\:bg-custom-1031-800:hover { --bg-opacity: 1; background-color: rgba(113, 2, 29, var(--bg-opacity)); } .bg-custom-1031-900 { --bg-opacity: 1; background-color: rgba(71, 2, 19, var(--bg-opacity)); } .hover\:bg-custom-1031-900:hover { --bg-opacity: 1; background-color: rgba(71, 2, 19, var(--bg-opacity)); } .text-custom-1031-50 { color: #f7e6ea; } .hover\:text-custom-1031-50:hover { color: #f7e6ea; } .text-custom-1031-100 { color: #f7cdd7; } .hover\:text-custom-1031-100:hover { color: #f7cdd7; } .text-custom-1031-200 { color: #f39fb4; } .hover\:text-custom-1031-200:hover { color: #f39fb4; } .text-custom-1031-300 { color: #f06c8c; } .hover\:text-custom-1031-300:hover { color: #f06c8c; } .text-custom-1031-400 { color: #f0315f; } .hover\:text-custom-1031-400:hover { color: #f0315f; } .text-custom-1031-500 { color: #c70938; } .hover\:text-custom-1031-500:hover { color: #c70938; } .text-custom-1031-600 { color: #b10932; } .hover\:text-custom-1031-600:hover { color: #b10932; } .text-custom-1031-700 { color: #91082a; } .hover\:text-custom-1031-700:hover { color: #91082a; } .text-custom-1031-800 { color: #71021d; } .hover\:text-custom-1031-800:hover { color: #71021d; } .text-custom-1031-900 { color: #470213; } .hover\:text-custom-1031-900:hover { color: #470213; } .border-custom-1031-50 { border-color: #f7e6ea; } .hover\:border-custom-1031-50:hover { border-color: #f7e6ea; } .border-custom-1031-100 { border-color: #f7cdd7; } .hover\:border-custom-1031-100:hover { border-color: #f7cdd7; } .border-custom-1031-200 { border-color: #f39fb4; } .hover\:border-custom-1031-200:hover { border-color: #f39fb4; } .border-custom-1031-300 { border-color: #f06c8c; } .hover\:border-custom-1031-300:hover { border-color: #f06c8c; } .border-custom-1031-400 { border-color: #f0315f; } .hover\:border-custom-1031-400:hover { border-color: #f0315f; } .border-custom-1031-500 { border-color: #c70938; } .hover\:border-custom-1031-500:hover { border-color: #c70938; } .border-custom-1031-600 { border-color: #b10932; } .hover\:border-custom-1031-600:hover { border-color: #b10932; } .border-custom-1031-700 { border-color: #91082a; } .hover\:border-custom-1031-700:hover { border-color: #91082a; } .border-custom-1031-800 { border-color: #71021d; } .hover\:border-custom-1031-800:hover { border-color: #71021d; } .border-custom-1031-900 { border-color: #470213; } .hover\:border-custom-1031-900:hover { border-color: #470213; } .bg-custom-1032-50 { --bg-opacity: 1; background-color: rgba(232, 246, 237, var(--bg-opacity)); } .hover\:bg-custom-1032-50:hover { --bg-opacity: 1; background-color: rgba(232, 246, 237, var(--bg-opacity)); } .bg-custom-1032-100 { --bg-opacity: 1; background-color: rgba(211, 245, 223, var(--bg-opacity)); } .hover\:bg-custom-1032-100:hover { --bg-opacity: 1; background-color: rgba(211, 245, 223, var(--bg-opacity)); } .bg-custom-1032-200 { --bg-opacity: 1; background-color: rgba(172, 238, 196, var(--bg-opacity)); } .hover\:bg-custom-1032-200:hover { --bg-opacity: 1; background-color: rgba(172, 238, 196, var(--bg-opacity)); } .bg-custom-1032-300 { --bg-opacity: 1; background-color: rgba(128, 232, 166, var(--bg-opacity)); } .hover\:bg-custom-1032-300:hover { --bg-opacity: 1; background-color: rgba(128, 232, 166, var(--bg-opacity)); } .bg-custom-1032-400 { --bg-opacity: 1; background-color: rgba(77, 228, 133, var(--bg-opacity)); } .hover\:bg-custom-1032-400:hover { --bg-opacity: 1; background-color: rgba(77, 228, 133, var(--bg-opacity)); } .bg-custom-1032-500 { --bg-opacity: 1; background-color: rgba(26, 205, 92, var(--bg-opacity)); } .hover\:bg-custom-1032-500:hover { --bg-opacity: 1; background-color: rgba(26, 205, 92, var(--bg-opacity)); } .bg-custom-1032-600 { --bg-opacity: 1; background-color: rgba(24, 182, 82, var(--bg-opacity)); } .hover\:bg-custom-1032-600:hover { --bg-opacity: 1; background-color: rgba(24, 182, 82, var(--bg-opacity)); } .bg-custom-1032-700 { --bg-opacity: 1; background-color: rgba(20, 150, 68, var(--bg-opacity)); } .hover\:bg-custom-1032-700:hover { --bg-opacity: 1; background-color: rgba(20, 150, 68, var(--bg-opacity)); } .bg-custom-1032-800 { --bg-opacity: 1; background-color: rgba(11, 116, 50, var(--bg-opacity)); } .hover\:bg-custom-1032-800:hover { --bg-opacity: 1; background-color: rgba(11, 116, 50, var(--bg-opacity)); } .bg-custom-1032-900 { --bg-opacity: 1; background-color: rgba(8, 73, 32, var(--bg-opacity)); } .hover\:bg-custom-1032-900:hover { --bg-opacity: 1; background-color: rgba(8, 73, 32, var(--bg-opacity)); } .text-custom-1032-50 { color: #e8f6ed; } .hover\:text-custom-1032-50:hover { color: #e8f6ed; } .text-custom-1032-100 { color: #d3f5df; } .hover\:text-custom-1032-100:hover { color: #d3f5df; } .text-custom-1032-200 { color: #aceec4; } .hover\:text-custom-1032-200:hover { color: #aceec4; } .text-custom-1032-300 { color: #80e8a6; } .hover\:text-custom-1032-300:hover { color: #80e8a6; } .text-custom-1032-400 { color: #4de485; } .hover\:text-custom-1032-400:hover { color: #4de485; } .text-custom-1032-500 { color: #1acd5c; } .hover\:text-custom-1032-500:hover { color: #1acd5c; } .text-custom-1032-600 { color: #18b652; } .hover\:text-custom-1032-600:hover { color: #18b652; } .text-custom-1032-700 { color: #149644; } .hover\:text-custom-1032-700:hover { color: #149644; } .text-custom-1032-800 { color: #0b7432; } .hover\:text-custom-1032-800:hover { color: #0b7432; } .text-custom-1032-900 { color: #084920; } .hover\:text-custom-1032-900:hover { color: #084920; } .border-custom-1032-50 { border-color: #e8f6ed; } .hover\:border-custom-1032-50:hover { border-color: #e8f6ed; } .border-custom-1032-100 { border-color: #d3f5df; } .hover\:border-custom-1032-100:hover { border-color: #d3f5df; } .border-custom-1032-200 { border-color: #aceec4; } .hover\:border-custom-1032-200:hover { border-color: #aceec4; } .border-custom-1032-300 { border-color: #80e8a6; } .hover\:border-custom-1032-300:hover { border-color: #80e8a6; } .border-custom-1032-400 { border-color: #4de485; } .hover\:border-custom-1032-400:hover { border-color: #4de485; } .border-custom-1032-500 { border-color: #1acd5c; } .hover\:border-custom-1032-500:hover { border-color: #1acd5c; } .border-custom-1032-600 { border-color: #18b652; } .hover\:border-custom-1032-600:hover { border-color: #18b652; } .border-custom-1032-700 { border-color: #149644; } .hover\:border-custom-1032-700:hover { border-color: #149644; } .border-custom-1032-800 { border-color: #0b7432; } .hover\:border-custom-1032-800:hover { border-color: #0b7432; } .border-custom-1032-900 { border-color: #084920; } .hover\:border-custom-1032-900:hover { border-color: #084920; } .bg-custom-1033-50 { --bg-opacity: 1; background-color: rgba(251, 242, 242, var(--bg-opacity)); } .hover\:bg-custom-1033-50:hover { --bg-opacity: 1; background-color: rgba(251, 242, 242, var(--bg-opacity)); } .bg-custom-1033-100 { --bg-opacity: 1; background-color: rgba(253, 234, 234, var(--bg-opacity)); } .hover\:bg-custom-1033-100:hover { --bg-opacity: 1; background-color: rgba(253, 234, 234, var(--bg-opacity)); } .bg-custom-1033-200 { --bg-opacity: 1; background-color: rgba(252, 220, 220, var(--bg-opacity)); } .hover\:bg-custom-1033-200:hover { --bg-opacity: 1; background-color: rgba(252, 220, 220, var(--bg-opacity)); } .bg-custom-1033-300 { --bg-opacity: 1; background-color: rgba(252, 204, 204, var(--bg-opacity)); } .hover\:bg-custom-1033-300:hover { --bg-opacity: 1; background-color: rgba(252, 204, 204, var(--bg-opacity)); } .bg-custom-1033-400 { --bg-opacity: 1; background-color: rgba(253, 187, 187, var(--bg-opacity)); } .hover\:bg-custom-1033-400:hover { --bg-opacity: 1; background-color: rgba(253, 187, 187, var(--bg-opacity)); } .bg-custom-1033-500 { --bg-opacity: 1; background-color: rgba(255, 162, 162, var(--bg-opacity)); } .hover\:bg-custom-1033-500:hover { --bg-opacity: 1; background-color: rgba(255, 162, 162, var(--bg-opacity)); } .bg-custom-1033-600 { --bg-opacity: 1; background-color: rgba(254, 118, 118, var(--bg-opacity)); } .hover\:bg-custom-1033-600:hover { --bg-opacity: 1; background-color: rgba(254, 118, 118, var(--bg-opacity)); } .bg-custom-1033-700 { --bg-opacity: 1; background-color: rgba(253, 54, 54, var(--bg-opacity)); } .hover\:bg-custom-1033-700:hover { --bg-opacity: 1; background-color: rgba(253, 54, 54, var(--bg-opacity)); } .bg-custom-1033-800 { --bg-opacity: 1; background-color: rgba(231, 0, 0, var(--bg-opacity)); } .hover\:bg-custom-1033-800:hover { --bg-opacity: 1; background-color: rgba(231, 0, 0, var(--bg-opacity)); } .bg-custom-1033-900 { --bg-opacity: 1; background-color: rgba(146, 0, 0, var(--bg-opacity)); } .hover\:bg-custom-1033-900:hover { --bg-opacity: 1; background-color: rgba(146, 0, 0, var(--bg-opacity)); } .text-custom-1033-50 { color: #fbf2f2; } .hover\:text-custom-1033-50:hover { color: #fbf2f2; } .text-custom-1033-100 { color: #fdeaea; } .hover\:text-custom-1033-100:hover { color: #fdeaea; } .text-custom-1033-200 { color: #fcdcdc; } .hover\:text-custom-1033-200:hover { color: #fcdcdc; } .text-custom-1033-300 { color: #fccccc; } .hover\:text-custom-1033-300:hover { color: #fccccc; } .text-custom-1033-400 { color: #fdbbbb; } .hover\:text-custom-1033-400:hover { color: #fdbbbb; } .text-custom-1033-500 { color: #ffa2a2; } .hover\:text-custom-1033-500:hover { color: #ffa2a2; } .text-custom-1033-600 { color: #fe7676; } .hover\:text-custom-1033-600:hover { color: #fe7676; } .text-custom-1033-700 { color: #fd3636; } .hover\:text-custom-1033-700:hover { color: #fd3636; } .text-custom-1033-800 { color: #e70000; } .hover\:text-custom-1033-800:hover { color: #e70000; } .text-custom-1033-900 { color: #920000; } .hover\:text-custom-1033-900:hover { color: #920000; } .border-custom-1033-50 { border-color: #fbf2f2; } .hover\:border-custom-1033-50:hover { border-color: #fbf2f2; } .border-custom-1033-100 { border-color: #fdeaea; } .hover\:border-custom-1033-100:hover { border-color: #fdeaea; } .border-custom-1033-200 { border-color: #fcdcdc; } .hover\:border-custom-1033-200:hover { border-color: #fcdcdc; } .border-custom-1033-300 { border-color: #fccccc; } .hover\:border-custom-1033-300:hover { border-color: #fccccc; } .border-custom-1033-400 { border-color: #fdbbbb; } .hover\:border-custom-1033-400:hover { border-color: #fdbbbb; } .border-custom-1033-500 { border-color: #ffa2a2; } .hover\:border-custom-1033-500:hover { border-color: #ffa2a2; } .border-custom-1033-600 { border-color: #fe7676; } .hover\:border-custom-1033-600:hover { border-color: #fe7676; } .border-custom-1033-700 { border-color: #fd3636; } .hover\:border-custom-1033-700:hover { border-color: #fd3636; } .border-custom-1033-800 { border-color: #e70000; } .hover\:border-custom-1033-800:hover { border-color: #e70000; } .border-custom-1033-900 { border-color: #920000; } .hover\:border-custom-1033-900:hover { border-color: #920000; } .bg-custom-1035-50 { --bg-opacity: 1; background-color: rgba(241, 237, 250, var(--bg-opacity)); } .hover\:bg-custom-1035-50:hover { --bg-opacity: 1; background-color: rgba(241, 237, 250, var(--bg-opacity)); } .bg-custom-1035-100 { --bg-opacity: 1; background-color: rgba(231, 222, 251, var(--bg-opacity)); } .hover\:bg-custom-1035-100:hover { --bg-opacity: 1; background-color: rgba(231, 222, 251, var(--bg-opacity)); } .bg-custom-1035-200 { --bg-opacity: 1; background-color: rgba(212, 196, 250, var(--bg-opacity)); } .hover\:bg-custom-1035-200:hover { --bg-opacity: 1; background-color: rgba(212, 196, 250, var(--bg-opacity)); } .bg-custom-1035-300 { --bg-opacity: 1; background-color: rgba(192, 166, 250, var(--bg-opacity)); } .hover\:bg-custom-1035-300:hover { --bg-opacity: 1; background-color: rgba(192, 166, 250, var(--bg-opacity)); } .bg-custom-1035-400 { --bg-opacity: 1; background-color: rgba(168, 132, 251, var(--bg-opacity)); } .hover\:bg-custom-1035-400:hover { --bg-opacity: 1; background-color: rgba(168, 132, 251, var(--bg-opacity)); } .bg-custom-1035-500 { --bg-opacity: 1; background-color: rgba(136, 84, 254, var(--bg-opacity)); } .hover\:bg-custom-1035-500:hover { --bg-opacity: 1; background-color: rgba(136, 84, 254, var(--bg-opacity)); } .bg-custom-1035-600 { --bg-opacity: 1; background-color: rgba(111, 49, 253, var(--bg-opacity)); } .hover\:bg-custom-1035-600:hover { --bg-opacity: 1; background-color: rgba(111, 49, 253, var(--bg-opacity)); } .bg-custom-1035-700 { --bg-opacity: 1; background-color: rgba(78, 4, 244, var(--bg-opacity)); } .hover\:bg-custom-1035-700:hover { --bg-opacity: 1; background-color: rgba(78, 4, 244, var(--bg-opacity)); } .bg-custom-1035-800 { --bg-opacity: 1; background-color: rgba(57, 0, 187, var(--bg-opacity)); } .hover\:bg-custom-1035-800:hover { --bg-opacity: 1; background-color: rgba(57, 0, 187, var(--bg-opacity)); } .bg-custom-1035-900 { --bg-opacity: 1; background-color: rgba(36, 0, 118, var(--bg-opacity)); } .hover\:bg-custom-1035-900:hover { --bg-opacity: 1; background-color: rgba(36, 0, 118, var(--bg-opacity)); } .text-custom-1035-50 { color: #f1edfa; } .hover\:text-custom-1035-50:hover { color: #f1edfa; } .text-custom-1035-100 { color: #e7defb; } .hover\:text-custom-1035-100:hover { color: #e7defb; } .text-custom-1035-200 { color: #d4c4fa; } .hover\:text-custom-1035-200:hover { color: #d4c4fa; } .text-custom-1035-300 { color: #c0a6fa; } .hover\:text-custom-1035-300:hover { color: #c0a6fa; } .text-custom-1035-400 { color: #a884fb; } .hover\:text-custom-1035-400:hover { color: #a884fb; } .text-custom-1035-500 { color: #8854fe; } .hover\:text-custom-1035-500:hover { color: #8854fe; } .text-custom-1035-600 { color: #6f31fd; } .hover\:text-custom-1035-600:hover { color: #6f31fd; } .text-custom-1035-700 { color: #4e04f4; } .hover\:text-custom-1035-700:hover { color: #4e04f4; } .text-custom-1035-800 { color: #3900bb; } .hover\:text-custom-1035-800:hover { color: #3900bb; } .text-custom-1035-900 { color: #240076; } .hover\:text-custom-1035-900:hover { color: #240076; } .border-custom-1035-50 { border-color: #f1edfa; } .hover\:border-custom-1035-50:hover { border-color: #f1edfa; } .border-custom-1035-100 { border-color: #e7defb; } .hover\:border-custom-1035-100:hover { border-color: #e7defb; } .border-custom-1035-200 { border-color: #d4c4fa; } .hover\:border-custom-1035-200:hover { border-color: #d4c4fa; } .border-custom-1035-300 { border-color: #c0a6fa; } .hover\:border-custom-1035-300:hover { border-color: #c0a6fa; } .border-custom-1035-400 { border-color: #a884fb; } .hover\:border-custom-1035-400:hover { border-color: #a884fb; } .border-custom-1035-500 { border-color: #8854fe; } .hover\:border-custom-1035-500:hover { border-color: #8854fe; } .border-custom-1035-600 { border-color: #6f31fd; } .hover\:border-custom-1035-600:hover { border-color: #6f31fd; } .border-custom-1035-700 { border-color: #4e04f4; } .hover\:border-custom-1035-700:hover { border-color: #4e04f4; } .border-custom-1035-800 { border-color: #3900bb; } .hover\:border-custom-1035-800:hover { border-color: #3900bb; } .border-custom-1035-900 { border-color: #240076; } .hover\:border-custom-1035-900:hover { border-color: #240076; } .bg-custom-1036-50 { --bg-opacity: 1; background-color: rgba(229, 245, 248, var(--bg-opacity)); } .hover\:bg-custom-1036-50:hover { --bg-opacity: 1; background-color: rgba(229, 245, 248, var(--bg-opacity)); } .bg-custom-1036-100 { --bg-opacity: 1; background-color: rgba(204, 243, 249, var(--bg-opacity)); } .hover\:bg-custom-1036-100:hover { --bg-opacity: 1; background-color: rgba(204, 243, 249, var(--bg-opacity)); } .bg-custom-1036-200 { --bg-opacity: 1; background-color: rgba(158, 234, 247, var(--bg-opacity)); } .hover\:bg-custom-1036-200:hover { --bg-opacity: 1; background-color: rgba(158, 234, 247, var(--bg-opacity)); } .bg-custom-1036-300 { --bg-opacity: 1; background-color: rgba(106, 227, 247, var(--bg-opacity)); } .hover\:bg-custom-1036-300:hover { --bg-opacity: 1; background-color: rgba(106, 227, 247, var(--bg-opacity)); } .bg-custom-1036-400 { --bg-opacity: 1; background-color: rgba(46, 220, 250, var(--bg-opacity)); } .hover\:bg-custom-1036-400:hover { --bg-opacity: 1; background-color: rgba(46, 220, 250, var(--bg-opacity)); } .bg-custom-1036-500 { --bg-opacity: 1; background-color: rgba(0, 186, 218, var(--bg-opacity)); } .hover\:bg-custom-1036-500:hover { --bg-opacity: 1; background-color: rgba(0, 186, 218, var(--bg-opacity)); } .bg-custom-1036-600 { --bg-opacity: 1; background-color: rgba(1, 166, 194, var(--bg-opacity)); } .hover\:bg-custom-1036-600:hover { --bg-opacity: 1; background-color: rgba(1, 166, 194, var(--bg-opacity)); } .bg-custom-1036-700 { --bg-opacity: 1; background-color: rgba(2, 136, 159, var(--bg-opacity)); } .hover\:bg-custom-1036-700:hover { --bg-opacity: 1; background-color: rgba(2, 136, 159, var(--bg-opacity)); } .bg-custom-1036-800 { --bg-opacity: 1; background-color: rgba(0, 103, 121, var(--bg-opacity)); } .hover\:bg-custom-1036-800:hover { --bg-opacity: 1; background-color: rgba(0, 103, 121, var(--bg-opacity)); } .bg-custom-1036-900 { --bg-opacity: 1; background-color: rgba(0, 65, 76, var(--bg-opacity)); } .hover\:bg-custom-1036-900:hover { --bg-opacity: 1; background-color: rgba(0, 65, 76, var(--bg-opacity)); } .text-custom-1036-50 { color: #e5f5f8; } .hover\:text-custom-1036-50:hover { color: #e5f5f8; } .text-custom-1036-100 { color: #ccf3f9; } .hover\:text-custom-1036-100:hover { color: #ccf3f9; } .text-custom-1036-200 { color: #9eeaf7; } .hover\:text-custom-1036-200:hover { color: #9eeaf7; } .text-custom-1036-300 { color: #6ae3f7; } .hover\:text-custom-1036-300:hover { color: #6ae3f7; } .text-custom-1036-400 { color: #2edcfa; } .hover\:text-custom-1036-400:hover { color: #2edcfa; } .text-custom-1036-500 { color: #00bada; } .hover\:text-custom-1036-500:hover { color: #00bada; } .text-custom-1036-600 { color: #01a6c2; } .hover\:text-custom-1036-600:hover { color: #01a6c2; } .text-custom-1036-700 { color: #02889f; } .hover\:text-custom-1036-700:hover { color: #02889f; } .text-custom-1036-800 { color: #006779; } .hover\:text-custom-1036-800:hover { color: #006779; } .text-custom-1036-900 { color: #00414c; } .hover\:text-custom-1036-900:hover { color: #00414c; } .border-custom-1036-50 { border-color: #e5f5f8; } .hover\:border-custom-1036-50:hover { border-color: #e5f5f8; } .border-custom-1036-100 { border-color: #ccf3f9; } .hover\:border-custom-1036-100:hover { border-color: #ccf3f9; } .border-custom-1036-200 { border-color: #9eeaf7; } .hover\:border-custom-1036-200:hover { border-color: #9eeaf7; } .border-custom-1036-300 { border-color: #6ae3f7; } .hover\:border-custom-1036-300:hover { border-color: #6ae3f7; } .border-custom-1036-400 { border-color: #2edcfa; } .hover\:border-custom-1036-400:hover { border-color: #2edcfa; } .border-custom-1036-500 { border-color: #00bada; } .hover\:border-custom-1036-500:hover { border-color: #00bada; } .border-custom-1036-600 { border-color: #01a6c2; } .hover\:border-custom-1036-600:hover { border-color: #01a6c2; } .border-custom-1036-700 { border-color: #02889f; } .hover\:border-custom-1036-700:hover { border-color: #02889f; } .border-custom-1036-800 { border-color: #006779; } .hover\:border-custom-1036-800:hover { border-color: #006779; } .border-custom-1036-900 { border-color: #00414c; } .hover\:border-custom-1036-900:hover { border-color: #00414c; } .bg-custom-1037-50 { --bg-opacity: 1; background-color: rgba(247, 236, 249, var(--bg-opacity)); } .hover\:bg-custom-1037-50:hover { --bg-opacity: 1; background-color: rgba(247, 236, 249, var(--bg-opacity)); } .bg-custom-1037-100 { --bg-opacity: 1; background-color: rgba(246, 219, 250, var(--bg-opacity)); } .hover\:bg-custom-1037-100:hover { --bg-opacity: 1; background-color: rgba(246, 219, 250, var(--bg-opacity)); } .bg-custom-1037-200 { --bg-opacity: 1; background-color: rgba(239, 189, 247, var(--bg-opacity)); } .hover\:bg-custom-1037-200:hover { --bg-opacity: 1; background-color: rgba(239, 189, 247, var(--bg-opacity)); } .bg-custom-1037-300 { --bg-opacity: 1; background-color: rgba(234, 155, 246, var(--bg-opacity)); } .hover\:bg-custom-1037-300:hover { --bg-opacity: 1; background-color: rgba(234, 155, 246, var(--bg-opacity)); } .bg-custom-1037-400 { --bg-opacity: 1; background-color: rgba(229, 116, 246, var(--bg-opacity)); } .hover\:bg-custom-1037-400:hover { --bg-opacity: 1; background-color: rgba(229, 116, 246, var(--bg-opacity)); } .bg-custom-1037-500 { --bg-opacity: 1; background-color: rgba(223, 62, 247, var(--bg-opacity)); } .hover\:bg-custom-1037-500:hover { --bg-opacity: 1; background-color: rgba(223, 62, 247, var(--bg-opacity)); } .bg-custom-1037-600 { --bg-opacity: 1; background-color: rgba(217, 31, 245, var(--bg-opacity)); } .hover\:bg-custom-1037-600:hover { --bg-opacity: 1; background-color: rgba(217, 31, 245, var(--bg-opacity)); } .bg-custom-1037-700 { --bg-opacity: 1; background-color: rgba(190, 11, 217, var(--bg-opacity)); } .hover\:bg-custom-1037-700:hover { --bg-opacity: 1; background-color: rgba(190, 11, 217, var(--bg-opacity)); } .bg-custom-1037-800 { --bg-opacity: 1; background-color: rgba(147, 2, 169, var(--bg-opacity)); } .hover\:bg-custom-1037-800:hover { --bg-opacity: 1; background-color: rgba(147, 2, 169, var(--bg-opacity)); } .bg-custom-1037-900 { --bg-opacity: 1; background-color: rgba(93, 2, 106, var(--bg-opacity)); } .hover\:bg-custom-1037-900:hover { --bg-opacity: 1; background-color: rgba(93, 2, 106, var(--bg-opacity)); } .text-custom-1037-50 { color: #f7ecf9; } .hover\:text-custom-1037-50:hover { color: #f7ecf9; } .text-custom-1037-100 { color: #f6dbfa; } .hover\:text-custom-1037-100:hover { color: #f6dbfa; } .text-custom-1037-200 { color: #efbdf7; } .hover\:text-custom-1037-200:hover { color: #efbdf7; } .text-custom-1037-300 { color: #ea9bf6; } .hover\:text-custom-1037-300:hover { color: #ea9bf6; } .text-custom-1037-400 { color: #e574f6; } .hover\:text-custom-1037-400:hover { color: #e574f6; } .text-custom-1037-500 { color: #df3ef7; } .hover\:text-custom-1037-500:hover { color: #df3ef7; } .text-custom-1037-600 { color: #d91ff5; } .hover\:text-custom-1037-600:hover { color: #d91ff5; } .text-custom-1037-700 { color: #be0bd9; } .hover\:text-custom-1037-700:hover { color: #be0bd9; } .text-custom-1037-800 { color: #9302a9; } .hover\:text-custom-1037-800:hover { color: #9302a9; } .text-custom-1037-900 { color: #5d026a; } .hover\:text-custom-1037-900:hover { color: #5d026a; } .border-custom-1037-50 { border-color: #f7ecf9; } .hover\:border-custom-1037-50:hover { border-color: #f7ecf9; } .border-custom-1037-100 { border-color: #f6dbfa; } .hover\:border-custom-1037-100:hover { border-color: #f6dbfa; } .border-custom-1037-200 { border-color: #efbdf7; } .hover\:border-custom-1037-200:hover { border-color: #efbdf7; } .border-custom-1037-300 { border-color: #ea9bf6; } .hover\:border-custom-1037-300:hover { border-color: #ea9bf6; } .border-custom-1037-400 { border-color: #e574f6; } .hover\:border-custom-1037-400:hover { border-color: #e574f6; } .border-custom-1037-500 { border-color: #df3ef7; } .hover\:border-custom-1037-500:hover { border-color: #df3ef7; } .border-custom-1037-600 { border-color: #d91ff5; } .hover\:border-custom-1037-600:hover { border-color: #d91ff5; } .border-custom-1037-700 { border-color: #be0bd9; } .hover\:border-custom-1037-700:hover { border-color: #be0bd9; } .border-custom-1037-800 { border-color: #9302a9; } .hover\:border-custom-1037-800:hover { border-color: #9302a9; } .border-custom-1037-900 { border-color: #5d026a; } .hover\:border-custom-1037-900:hover { border-color: #5d026a; } .bg-custom-1038-50 { --bg-opacity: 1; background-color: rgba(243, 248, 235, var(--bg-opacity)); } .hover\:bg-custom-1038-50:hover { --bg-opacity: 1; background-color: rgba(243, 248, 235, var(--bg-opacity)); } .bg-custom-1038-100 { --bg-opacity: 1; background-color: rgba(236, 248, 217, var(--bg-opacity)); } .hover\:bg-custom-1038-100:hover { --bg-opacity: 1; background-color: rgba(236, 248, 217, var(--bg-opacity)); } .bg-custom-1038-200 { --bg-opacity: 1; background-color: rgba(221, 244, 183, var(--bg-opacity)); } .hover\:bg-custom-1038-200:hover { --bg-opacity: 1; background-color: rgba(221, 244, 183, var(--bg-opacity)); } .bg-custom-1038-300 { --bg-opacity: 1; background-color: rgba(205, 241, 146, var(--bg-opacity)); } .hover\:bg-custom-1038-300:hover { --bg-opacity: 1; background-color: rgba(205, 241, 146, var(--bg-opacity)); } .bg-custom-1038-400 { --bg-opacity: 1; background-color: rgba(188, 240, 103, var(--bg-opacity)); } .hover\:bg-custom-1038-400:hover { --bg-opacity: 1; background-color: rgba(188, 240, 103, var(--bg-opacity)); } .bg-custom-1038-500 { --bg-opacity: 1; background-color: rgba(165, 239, 44, var(--bg-opacity)); } .hover\:bg-custom-1038-500:hover { --bg-opacity: 1; background-color: rgba(165, 239, 44, var(--bg-opacity)); } .bg-custom-1038-600 { --bg-opacity: 1; background-color: rgba(152, 234, 19, var(--bg-opacity)); } .hover\:bg-custom-1038-600:hover { --bg-opacity: 1; background-color: rgba(152, 234, 19, var(--bg-opacity)); } .bg-custom-1038-700 { --bg-opacity: 1; background-color: rgba(125, 192, 17, var(--bg-opacity)); } .hover\:bg-custom-1038-700:hover { --bg-opacity: 1; background-color: rgba(125, 192, 17, var(--bg-opacity)); } .bg-custom-1038-800 { --bg-opacity: 1; background-color: rgba(96, 149, 7, var(--bg-opacity)); } .hover\:bg-custom-1038-800:hover { --bg-opacity: 1; background-color: rgba(96, 149, 7, var(--bg-opacity)); } .bg-custom-1038-900 { --bg-opacity: 1; background-color: rgba(60, 94, 5, var(--bg-opacity)); } .hover\:bg-custom-1038-900:hover { --bg-opacity: 1; background-color: rgba(60, 94, 5, var(--bg-opacity)); } .text-custom-1038-50 { color: #f3f8eb; } .hover\:text-custom-1038-50:hover { color: #f3f8eb; } .text-custom-1038-100 { color: #ecf8d9; } .hover\:text-custom-1038-100:hover { color: #ecf8d9; } .text-custom-1038-200 { color: #ddf4b7; } .hover\:text-custom-1038-200:hover { color: #ddf4b7; } .text-custom-1038-300 { color: #cdf192; } .hover\:text-custom-1038-300:hover { color: #cdf192; } .text-custom-1038-400 { color: #bcf067; } .hover\:text-custom-1038-400:hover { color: #bcf067; } .text-custom-1038-500 { color: #a5ef2c; } .hover\:text-custom-1038-500:hover { color: #a5ef2c; } .text-custom-1038-600 { color: #98ea13; } .hover\:text-custom-1038-600:hover { color: #98ea13; } .text-custom-1038-700 { color: #7dc011; } .hover\:text-custom-1038-700:hover { color: #7dc011; } .text-custom-1038-800 { color: #609507; } .hover\:text-custom-1038-800:hover { color: #609507; } .text-custom-1038-900 { color: #3c5e05; } .hover\:text-custom-1038-900:hover { color: #3c5e05; } .border-custom-1038-50 { border-color: #f3f8eb; } .hover\:border-custom-1038-50:hover { border-color: #f3f8eb; } .border-custom-1038-100 { border-color: #ecf8d9; } .hover\:border-custom-1038-100:hover { border-color: #ecf8d9; } .border-custom-1038-200 { border-color: #ddf4b7; } .hover\:border-custom-1038-200:hover { border-color: #ddf4b7; } .border-custom-1038-300 { border-color: #cdf192; } .hover\:border-custom-1038-300:hover { border-color: #cdf192; } .border-custom-1038-400 { border-color: #bcf067; } .hover\:border-custom-1038-400:hover { border-color: #bcf067; } .border-custom-1038-500 { border-color: #a5ef2c; } .hover\:border-custom-1038-500:hover { border-color: #a5ef2c; } .border-custom-1038-600 { border-color: #98ea13; } .hover\:border-custom-1038-600:hover { border-color: #98ea13; } .border-custom-1038-700 { border-color: #7dc011; } .hover\:border-custom-1038-700:hover { border-color: #7dc011; } .border-custom-1038-800 { border-color: #609507; } .hover\:border-custom-1038-800:hover { border-color: #609507; } .border-custom-1038-900 { border-color: #3c5e05; } .hover\:border-custom-1038-900:hover { border-color: #3c5e05; } .bg-custom-1039-50 { --bg-opacity: 1; background-color: rgba(233, 246, 248, var(--bg-opacity)); } .hover\:bg-custom-1039-50:hover { --bg-opacity: 1; background-color: rgba(233, 246, 248, var(--bg-opacity)); } .bg-custom-1039-100 { --bg-opacity: 1; background-color: rgba(213, 244, 249, var(--bg-opacity)); } .hover\:bg-custom-1039-100:hover { --bg-opacity: 1; background-color: rgba(213, 244, 249, var(--bg-opacity)); } .bg-custom-1039-200 { --bg-opacity: 1; background-color: rgba(177, 237, 246, var(--bg-opacity)); } .hover\:bg-custom-1039-200:hover { --bg-opacity: 1; background-color: rgba(177, 237, 246, var(--bg-opacity)); } .bg-custom-1039-300 { --bg-opacity: 1; background-color: rgba(136, 231, 245, var(--bg-opacity)); } .hover\:bg-custom-1039-300:hover { --bg-opacity: 1; background-color: rgba(136, 231, 245, var(--bg-opacity)); } .bg-custom-1039-400 { --bg-opacity: 1; background-color: rgba(89, 225, 246, var(--bg-opacity)); } .hover\:bg-custom-1039-400:hover { --bg-opacity: 1; background-color: rgba(89, 225, 246, var(--bg-opacity)); } .bg-custom-1039-500 { --bg-opacity: 1; background-color: rgba(24, 218, 248, var(--bg-opacity)); } .hover\:bg-custom-1039-500:hover { --bg-opacity: 1; background-color: rgba(24, 218, 248, var(--bg-opacity)); } .bg-custom-1039-600 { --bg-opacity: 1; background-color: rgba(8, 205, 235, var(--bg-opacity)); } .hover\:bg-custom-1039-600:hover { --bg-opacity: 1; background-color: rgba(8, 205, 235, var(--bg-opacity)); } .bg-custom-1039-700 { --bg-opacity: 1; background-color: rgba(8, 168, 193, var(--bg-opacity)); } .hover\:bg-custom-1039-700:hover { --bg-opacity: 1; background-color: rgba(8, 168, 193, var(--bg-opacity)); } .bg-custom-1039-800 { --bg-opacity: 1; background-color: rgba(0, 130, 150, var(--bg-opacity)); } .hover\:bg-custom-1039-800:hover { --bg-opacity: 1; background-color: rgba(0, 130, 150, var(--bg-opacity)); } .bg-custom-1039-900 { --bg-opacity: 1; background-color: rgba(1, 82, 94, var(--bg-opacity)); } .hover\:bg-custom-1039-900:hover { --bg-opacity: 1; background-color: rgba(1, 82, 94, var(--bg-opacity)); } .text-custom-1039-50 { color: #e9f6f8; } .hover\:text-custom-1039-50:hover { color: #e9f6f8; } .text-custom-1039-100 { color: #d5f4f9; } .hover\:text-custom-1039-100:hover { color: #d5f4f9; } .text-custom-1039-200 { color: #b1edf6; } .hover\:text-custom-1039-200:hover { color: #b1edf6; } .text-custom-1039-300 { color: #88e7f5; } .hover\:text-custom-1039-300:hover { color: #88e7f5; } .text-custom-1039-400 { color: #59e1f6; } .hover\:text-custom-1039-400:hover { color: #59e1f6; } .text-custom-1039-500 { color: #18daf8; } .hover\:text-custom-1039-500:hover { color: #18daf8; } .text-custom-1039-600 { color: #08cdeb; } .hover\:text-custom-1039-600:hover { color: #08cdeb; } .text-custom-1039-700 { color: #08a8c1; } .hover\:text-custom-1039-700:hover { color: #08a8c1; } .text-custom-1039-800 { color: #008296; } .hover\:text-custom-1039-800:hover { color: #008296; } .text-custom-1039-900 { color: #01525e; } .hover\:text-custom-1039-900:hover { color: #01525e; } .border-custom-1039-50 { border-color: #e9f6f8; } .hover\:border-custom-1039-50:hover { border-color: #e9f6f8; } .border-custom-1039-100 { border-color: #d5f4f9; } .hover\:border-custom-1039-100:hover { border-color: #d5f4f9; } .border-custom-1039-200 { border-color: #b1edf6; } .hover\:border-custom-1039-200:hover { border-color: #b1edf6; } .border-custom-1039-300 { border-color: #88e7f5; } .hover\:border-custom-1039-300:hover { border-color: #88e7f5; } .border-custom-1039-400 { border-color: #59e1f6; } .hover\:border-custom-1039-400:hover { border-color: #59e1f6; } .border-custom-1039-500 { border-color: #18daf8; } .hover\:border-custom-1039-500:hover { border-color: #18daf8; } .border-custom-1039-600 { border-color: #08cdeb; } .hover\:border-custom-1039-600:hover { border-color: #08cdeb; } .border-custom-1039-700 { border-color: #08a8c1; } .hover\:border-custom-1039-700:hover { border-color: #08a8c1; } .border-custom-1039-800 { border-color: #008296; } .hover\:border-custom-1039-800:hover { border-color: #008296; } .border-custom-1039-900 { border-color: #01525e; } .hover\:border-custom-1039-900:hover { border-color: #01525e; } .bg-custom-1041-50 { --bg-opacity: 1; background-color: rgba(226, 226, 242, var(--bg-opacity)); } .hover\:bg-custom-1041-50:hover { --bg-opacity: 1; background-color: rgba(226, 226, 242, var(--bg-opacity)); } .bg-custom-1041-100 { --bg-opacity: 1; background-color: rgba(197, 197, 238, var(--bg-opacity)); } .hover\:bg-custom-1041-100:hover { --bg-opacity: 1; background-color: rgba(197, 197, 238, var(--bg-opacity)); } .bg-custom-1041-200 { --bg-opacity: 1; background-color: rgba(141, 141, 226, var(--bg-opacity)); } .hover\:bg-custom-1041-200:hover { --bg-opacity: 1; background-color: rgba(141, 141, 226, var(--bg-opacity)); } .bg-custom-1041-300 { --bg-opacity: 1; background-color: rgba(79, 79, 214, var(--bg-opacity)); } .hover\:bg-custom-1041-300:hover { --bg-opacity: 1; background-color: rgba(79, 79, 214, var(--bg-opacity)); } .bg-custom-1041-400 { --bg-opacity: 1; background-color: rgba(36, 36, 176, var(--bg-opacity)); } .hover\:bg-custom-1041-400:hover { --bg-opacity: 1; background-color: rgba(36, 36, 176, var(--bg-opacity)); } .bg-custom-1041-500 { --bg-opacity: 1; background-color: rgba(16, 16, 87, var(--bg-opacity)); } .hover\:bg-custom-1041-500:hover { --bg-opacity: 1; background-color: rgba(16, 16, 87, var(--bg-opacity)); } .bg-custom-1041-600 { --bg-opacity: 1; background-color: rgba(14, 14, 78, var(--bg-opacity)); } .hover\:bg-custom-1041-600:hover { --bg-opacity: 1; background-color: rgba(14, 14, 78, var(--bg-opacity)); } .bg-custom-1041-700 { --bg-opacity: 1; background-color: rgba(12, 12, 64, var(--bg-opacity)); } .hover\:bg-custom-1041-700:hover { --bg-opacity: 1; background-color: rgba(12, 12, 64, var(--bg-opacity)); } .bg-custom-1041-800 { --bg-opacity: 1; background-color: rgba(7, 7, 49, var(--bg-opacity)); } .hover\:bg-custom-1041-800:hover { --bg-opacity: 1; background-color: rgba(7, 7, 49, var(--bg-opacity)); } .bg-custom-1041-900 { --bg-opacity: 1; background-color: rgba(5, 5, 31, var(--bg-opacity)); } .hover\:bg-custom-1041-900:hover { --bg-opacity: 1; background-color: rgba(5, 5, 31, var(--bg-opacity)); } .text-custom-1041-50 { color: #e2e2f2; } .hover\:text-custom-1041-50:hover { color: #e2e2f2; } .text-custom-1041-100 { color: #c5c5ee; } .hover\:text-custom-1041-100:hover { color: #c5c5ee; } .text-custom-1041-200 { color: #8d8de2; } .hover\:text-custom-1041-200:hover { color: #8d8de2; } .text-custom-1041-300 { color: #4f4fd6; } .hover\:text-custom-1041-300:hover { color: #4f4fd6; } .text-custom-1041-400 { color: #2424b0; } .hover\:text-custom-1041-400:hover { color: #2424b0; } .text-custom-1041-500 { color: #101057; } .hover\:text-custom-1041-500:hover { color: #101057; } .text-custom-1041-600 { color: #0e0e4e; } .hover\:text-custom-1041-600:hover { color: #0e0e4e; } .text-custom-1041-700 { color: #0c0c40; } .hover\:text-custom-1041-700:hover { color: #0c0c40; } .text-custom-1041-800 { color: #070731; } .hover\:text-custom-1041-800:hover { color: #070731; } .text-custom-1041-900 { color: #05051f; } .hover\:text-custom-1041-900:hover { color: #05051f; } .border-custom-1041-50 { border-color: #e2e2f2; } .hover\:border-custom-1041-50:hover { border-color: #e2e2f2; } .border-custom-1041-100 { border-color: #c5c5ee; } .hover\:border-custom-1041-100:hover { border-color: #c5c5ee; } .border-custom-1041-200 { border-color: #8d8de2; } .hover\:border-custom-1041-200:hover { border-color: #8d8de2; } .border-custom-1041-300 { border-color: #4f4fd6; } .hover\:border-custom-1041-300:hover { border-color: #4f4fd6; } .border-custom-1041-400 { border-color: #2424b0; } .hover\:border-custom-1041-400:hover { border-color: #2424b0; } .border-custom-1041-500 { border-color: #101057; } .hover\:border-custom-1041-500:hover { border-color: #101057; } .border-custom-1041-600 { border-color: #0e0e4e; } .hover\:border-custom-1041-600:hover { border-color: #0e0e4e; } .border-custom-1041-700 { border-color: #0c0c40; } .hover\:border-custom-1041-700:hover { border-color: #0c0c40; } .border-custom-1041-800 { border-color: #070731; } .hover\:border-custom-1041-800:hover { border-color: #070731; } .border-custom-1041-900 { border-color: #05051f; } .hover\:border-custom-1041-900:hover { border-color: #05051f; } .bg-custom-1077-50 { --bg-opacity: 1; background-color: rgba(239, 239, 239, var(--bg-opacity)); } .hover\:bg-custom-1077-50:hover { --bg-opacity: 1; background-color: rgba(239, 239, 239, var(--bg-opacity)); } .bg-custom-1077-100 { --bg-opacity: 1; background-color: rgba(228, 228, 228, var(--bg-opacity)); } .hover\:bg-custom-1077-100:hover { --bg-opacity: 1; background-color: rgba(228, 228, 228, var(--bg-opacity)); } .bg-custom-1077-200 { --bg-opacity: 1; background-color: rgba(205, 205, 205, var(--bg-opacity)); } .hover\:bg-custom-1077-200:hover { --bg-opacity: 1; background-color: rgba(205, 205, 205, var(--bg-opacity)); } .bg-custom-1077-300 { --bg-opacity: 1; background-color: rgba(180, 180, 180, var(--bg-opacity)); } .hover\:bg-custom-1077-300:hover { --bg-opacity: 1; background-color: rgba(180, 180, 180, var(--bg-opacity)); } .bg-custom-1077-400 { --bg-opacity: 1; background-color: rgba(152, 152, 152, var(--bg-opacity)); } .hover\:bg-custom-1077-400:hover { --bg-opacity: 1; background-color: rgba(152, 152, 152, var(--bg-opacity)); } .bg-custom-1077-500 { --bg-opacity: 1; background-color: rgba(115, 115, 115, var(--bg-opacity)); } .hover\:bg-custom-1077-500:hover { --bg-opacity: 1; background-color: rgba(115, 115, 115, var(--bg-opacity)); } .bg-custom-1077-600 { --bg-opacity: 1; background-color: rgba(103, 103, 103, var(--bg-opacity)); } .hover\:bg-custom-1077-600:hover { --bg-opacity: 1; background-color: rgba(103, 103, 103, var(--bg-opacity)); } .bg-custom-1077-700 { --bg-opacity: 1; background-color: rgba(85, 85, 85, var(--bg-opacity)); } .hover\:bg-custom-1077-700:hover { --bg-opacity: 1; background-color: rgba(85, 85, 85, var(--bg-opacity)); } .bg-custom-1077-800 { --bg-opacity: 1; background-color: rgba(64, 64, 64, var(--bg-opacity)); } .hover\:bg-custom-1077-800:hover { --bg-opacity: 1; background-color: rgba(64, 64, 64, var(--bg-opacity)); } .bg-custom-1077-900 { --bg-opacity: 1; background-color: rgba(40, 40, 40, var(--bg-opacity)); } .hover\:bg-custom-1077-900:hover { --bg-opacity: 1; background-color: rgba(40, 40, 40, var(--bg-opacity)); } .text-custom-1077-50 { color: #efefef; } .hover\:text-custom-1077-50:hover { color: #efefef; } .text-custom-1077-100 { color: #e4e4e4; } .hover\:text-custom-1077-100:hover { color: #e4e4e4; } .text-custom-1077-200 { color: #cdcdcd; } .hover\:text-custom-1077-200:hover { color: #cdcdcd; } .text-custom-1077-300 { color: #b4b4b4; } .hover\:text-custom-1077-300:hover { color: #b4b4b4; } .text-custom-1077-400 { color: #989898; } .hover\:text-custom-1077-400:hover { color: #989898; } .text-custom-1077-500 { color: #737373; } .hover\:text-custom-1077-500:hover { color: #737373; } .text-custom-1077-600 { color: #676767; } .hover\:text-custom-1077-600:hover { color: #676767; } .text-custom-1077-700 { color: #555555; } .hover\:text-custom-1077-700:hover { color: #555555; } .text-custom-1077-800 { color: #404040; } .hover\:text-custom-1077-800:hover { color: #404040; } .text-custom-1077-900 { color: #282828; } .hover\:text-custom-1077-900:hover { color: #282828; } .border-custom-1077-50 { border-color: #efefef; } .hover\:border-custom-1077-50:hover { border-color: #efefef; } .border-custom-1077-100 { border-color: #e4e4e4; } .hover\:border-custom-1077-100:hover { border-color: #e4e4e4; } .border-custom-1077-200 { border-color: #cdcdcd; } .hover\:border-custom-1077-200:hover { border-color: #cdcdcd; } .border-custom-1077-300 { border-color: #b4b4b4; } .hover\:border-custom-1077-300:hover { border-color: #b4b4b4; } .border-custom-1077-400 { border-color: #989898; } .hover\:border-custom-1077-400:hover { border-color: #989898; } .border-custom-1077-500 { border-color: #737373; } .hover\:border-custom-1077-500:hover { border-color: #737373; } .border-custom-1077-600 { border-color: #676767; } .hover\:border-custom-1077-600:hover { border-color: #676767; } .border-custom-1077-700 { border-color: #555555; } .hover\:border-custom-1077-700:hover { border-color: #555555; } .border-custom-1077-800 { border-color: #404040; } .hover\:border-custom-1077-800:hover { border-color: #404040; } .border-custom-1077-900 { border-color: #282828; } .hover\:border-custom-1077-900:hover { border-color: #282828; }.multiselect__tag{background: #0e7490 !important};.multiselect__option--highlight:after {background: #0e7490 !important;} .multiselect__option--highlight { background: #0e7490 !important; }