.bg-primary-50 { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .dark .dark\:bg-primary-50 { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .bg-primary-50-important { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-50-important { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)) !important; } .focus\:bg-primary-50:focus { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .hover\:bg-primary-50:hover { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-50 { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-50:focus { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-50:hover { --bg-opacity: 1; background-color: rgba(247, 236, 235, var(--bg-opacity)); } .bg-primary-100 { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .dark .dark\:bg-primary-100 { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .bg-primary-100-important { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-100-important { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)) !important; } .focus\:bg-primary-100:focus { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .hover\:bg-primary-100:hover { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-100 { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-100:focus { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-100:hover { --bg-opacity: 1; background-color: rgba(246, 221, 217, var(--bg-opacity)); } .bg-primary-200 { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .dark .dark\:bg-primary-200 { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .bg-primary-200-important { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-200-important { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)) !important; } .focus\:bg-primary-200:focus { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .hover\:bg-primary-200:hover { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-200 { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-200:focus { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-200:hover { --bg-opacity: 1; background-color: rgba(240, 191, 184, var(--bg-opacity)); } .bg-primary-300 { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .dark .dark\:bg-primary-300 { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .bg-primary-300-important { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-300-important { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)) !important; } .focus\:bg-primary-300:focus { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .hover\:bg-primary-300:hover { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-300 { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-300:focus { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-300:hover { --bg-opacity: 1; background-color: rgba(235, 159, 147, var(--bg-opacity)); } .bg-primary-400 { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .dark .dark\:bg-primary-400 { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .bg-primary-400-important { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-400-important { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)) !important; } .focus\:bg-primary-400:focus { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .hover\:bg-primary-400:hover { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-400 { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-400:focus { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-400:hover { --bg-opacity: 1; background-color: rgba(230, 121, 104, var(--bg-opacity)); } .bg-primary-500 { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .dark .dark\:bg-primary-500 { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .bg-primary-500-important { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-500-important { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)) !important; } .focus\:bg-primary-500:focus { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .hover\:bg-primary-500:hover { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-500 { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-500:focus { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-500:hover { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .bg-primary-600 { --bg-opacity: 1; background-color: rgba(213, 55, 30, var(--bg-opacity)); } .dark .dark\:bg-primary-600 { --bg-opacity: 1; background-color: rgba(203, 52, 29, var(--bg-opacity)); } .bg-primary-600-important { --bg-opacity: 1; background-color: rgba(213, 55, 30, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-600-important { --bg-opacity: 1; background-color: rgba(203, 52, 29, var(--bg-opacity)) !important; } .focus\:bg-primary-600:focus { --bg-opacity: 1; background-color: rgba(213, 55, 30, var(--bg-opacity)); } .hover\:bg-primary-600:hover { --bg-opacity: 1; background-color: rgba(213, 55, 30, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-600 { --bg-opacity: 1; background-color: rgba(213, 55, 30, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-600:focus { --bg-opacity: 1; background-color: rgba(203, 52, 29, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-600:hover { --bg-opacity: 1; background-color: rgba(203, 52, 29, var(--bg-opacity)); } .bg-primary-700 { --bg-opacity: 1; background-color: rgba(174, 46, 26, var(--bg-opacity)); } .dark .dark\:bg-primary-700 { --bg-opacity: 1; background-color: rgba(151, 40, 23, var(--bg-opacity)); } .bg-primary-700-important { --bg-opacity: 1; background-color: rgba(174, 46, 26, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-700-important { --bg-opacity: 1; background-color: rgba(151, 40, 23, var(--bg-opacity)) !important; } .focus\:bg-primary-700:focus { --bg-opacity: 1; background-color: rgba(174, 46, 26, var(--bg-opacity)); } .hover\:bg-primary-700:hover { --bg-opacity: 1; background-color: rgba(174, 46, 26, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-700 { --bg-opacity: 1; background-color: rgba(174, 46, 26, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-700:focus { --bg-opacity: 1; background-color: rgba(151, 40, 23, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-700:hover { --bg-opacity: 1; background-color: rgba(151, 40, 23, var(--bg-opacity)); } .bg-primary-800 { --bg-opacity: 1; background-color: rgba(136, 31, 15, var(--bg-opacity)); } .dark .dark\:bg-primary-800 { --bg-opacity: 1; background-color: rgba(104, 24, 11, var(--bg-opacity)); } .bg-primary-800-important { --bg-opacity: 1; background-color: rgba(136, 31, 15, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-800-important { --bg-opacity: 1; background-color: rgba(104, 24, 11, var(--bg-opacity)) !important; } .focus\:bg-primary-800:focus { --bg-opacity: 1; background-color: rgba(136, 31, 15, var(--bg-opacity)); } .hover\:bg-primary-800:hover { --bg-opacity: 1; background-color: rgba(136, 31, 15, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-800 { --bg-opacity: 1; background-color: rgba(136, 31, 15, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-800:focus { --bg-opacity: 1; background-color: rgba(104, 24, 11, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-800:hover { --bg-opacity: 1; background-color: rgba(104, 24, 11, var(--bg-opacity)); } .bg-primary-900 { --bg-opacity: 1; background-color: rgba(85, 20, 10, var(--bg-opacity)); } .dark .dark\:bg-primary-900 { --bg-opacity: 1; background-color: rgba(54, 13, 6, var(--bg-opacity)); } .bg-primary-900-important { --bg-opacity: 1; background-color: rgba(85, 20, 10, var(--bg-opacity)) !important; } .dark .dark\:bg-primary-900-important { --bg-opacity: 1; background-color: rgba(54, 13, 6, var(--bg-opacity)) !important; } .focus\:bg-primary-900:focus { --bg-opacity: 1; background-color: rgba(85, 20, 10, var(--bg-opacity)); } .hover\:bg-primary-900:hover { --bg-opacity: 1; background-color: rgba(85, 20, 10, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary-900 { --bg-opacity: 1; background-color: rgba(85, 20, 10, var(--bg-opacity)); } .dark .dark\:focus\:bg-primary-900:focus { --bg-opacity: 1; background-color: rgba(54, 13, 6, var(--bg-opacity)); } .dark .dark\:hover\:bg-primary-900:hover { --bg-opacity: 1; background-color: rgba(54, 13, 6, var(--bg-opacity)); } .bg-primary-20-50 { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .dark .dark\:bg-primary-20-50 { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .bg-primary-20-50-important { background-color: rgba(247, 236, 235, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent) !important; } } .dark .dark\:bg-primary-20-50-important { background-color: rgba(247, 236, 235, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent) !important; } } .bg-primary-20-100 { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .dark .dark\:bg-primary-20-100 { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .bg-primary-20-100-important { background-color: rgba(246, 221, 217, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent) !important; } } .dark .dark\:bg-primary-20-100-important { background-color: rgba(246, 221, 217, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent) !important; } } .bg-primary-20-200 { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .dark .dark\:bg-primary-20-200 { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .bg-primary-20-200-important { background-color: rgba(240, 191, 184, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent) !important; } } .dark .dark\:bg-primary-20-200-important { background-color: rgba(240, 191, 184, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent) !important; } } .bg-primary-20-300 { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .dark .dark\:bg-primary-20-300 { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .bg-primary-20-300-important { background-color: rgba(235, 159, 147, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent) !important; } } .dark .dark\:bg-primary-20-300-important { background-color: rgba(235, 159, 147, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent) !important; } } .bg-primary-20-400 { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .dark .dark\:bg-primary-20-400 { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .bg-primary-20-400-important { background-color: rgba(230, 121, 104, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent) !important; } } .dark .dark\:bg-primary-20-400-important { background-color: rgba(230, 121, 104, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent) !important; } } .bg-primary-20-500 { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .dark .dark\:bg-primary-20-500 { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .bg-primary-20-500-important { background-color: rgba(226, 70, 46, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent) !important; } } .dark .dark\:bg-primary-20-500-important { background-color: rgba(226, 70, 46, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent) !important; } } .bg-primary-20-600 { background-color: rgba(213, 55, 30, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 20%, transparent); } } .dark .dark\:bg-primary-20-600 { background-color: rgba(203, 52, 29, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 20%, transparent); } } .bg-primary-20-600-important { background-color: rgba(213, 55, 30, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 20%, transparent) !important; } } .dark .dark\:bg-primary-20-600-important { background-color: rgba(203, 52, 29, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 20%, transparent) !important; } } .bg-primary-20-700 { background-color: rgba(174, 46, 26, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .dark .dark\:bg-primary-20-700 { background-color: rgba(151, 40, 23, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 20%, transparent); } } .bg-primary-20-700-important { background-color: rgba(174, 46, 26, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 20%, transparent) !important; } } .dark .dark\:bg-primary-20-700-important { background-color: rgba(151, 40, 23, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 20%, transparent) !important; } } .bg-primary-20-800 { background-color: rgba(136, 31, 15, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 20%, transparent); } } .dark .dark\:bg-primary-20-800 { background-color: rgba(104, 24, 11, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 20%, transparent); } } .bg-primary-20-800-important { background-color: rgba(136, 31, 15, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 20%, transparent) !important; } } .dark .dark\:bg-primary-20-800-important { background-color: rgba(104, 24, 11, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 20%, transparent) !important; } } .bg-primary-20-900 { background-color: rgba(85, 20, 10, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 20%, transparent); } } .dark .dark\:bg-primary-20-900 { background-color: rgba(54, 13, 6, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 20%, transparent); } } .bg-primary-20-900-important { background-color: rgba(85, 20, 10, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 20%, transparent) !important; } } .dark .dark\:bg-primary-20-900-important { background-color: rgba(54, 13, 6, .2) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 20%, transparent) !important; } } .focus\:bg-primary-20-50:focus { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .hover\:bg-primary-20-50:hover { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-50 { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-50:focus { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-50:hover { background-color: rgba(247, 236, 235, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .focus\:bg-primary-20-100:focus { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .hover\:bg-primary-20-100:hover { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-100 { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-100:focus { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-100:hover { background-color: rgba(246, 221, 217, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .focus\:bg-primary-20-200:focus { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .hover\:bg-primary-20-200:hover { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-200 { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-200:focus { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-200:hover { background-color: rgba(240, 191, 184, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .focus\:bg-primary-20-300:focus { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .hover\:bg-primary-20-300:hover { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-300 { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-300:focus { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-300:hover { background-color: rgba(235, 159, 147, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .focus\:bg-primary-20-400:focus { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .hover\:bg-primary-20-400:hover { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-400 { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-400:focus { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-400:hover { background-color: rgba(230, 121, 104, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 20%, transparent); } } .focus\:bg-primary-20-500:focus { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:bg-primary-20-500:hover { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-500 { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-500:focus { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-500:hover { background-color: rgba(226, 70, 46, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:bg-primary-20-600:focus { background-color: rgba(213, 55, 30, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 20%, transparent); } } .hover\:bg-primary-20-600:hover { background-color: rgba(213, 55, 30, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-600 { background-color: rgba(213, 55, 30, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-600:focus { background-color: rgba(203, 52, 29, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-600:hover { background-color: rgba(203, 52, 29, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 20%, transparent); } } .focus\:bg-primary-20-700:focus { background-color: rgba(174, 46, 26, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .hover\:bg-primary-20-700:hover { background-color: rgba(174, 46, 26, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-700 { background-color: rgba(174, 46, 26, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-700:focus { background-color: rgba(151, 40, 23, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-700:hover { background-color: rgba(151, 40, 23, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 20%, transparent); } } .focus\:bg-primary-20-800:focus { background-color: rgba(136, 31, 15, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 20%, transparent); } } .hover\:bg-primary-20-800:hover { background-color: rgba(136, 31, 15, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-800 { background-color: rgba(136, 31, 15, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-800:focus { background-color: rgba(104, 24, 11, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-800:hover { background-color: rgba(104, 24, 11, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 20%, transparent); } } .focus\:bg-primary-20-900:focus { background-color: rgba(85, 20, 10, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 20%, transparent); } } .hover\:bg-primary-20-900:hover { background-color: rgba(85, 20, 10, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 20%, transparent); } } .group:hover .group-hover\:bg-primary-20-900 { background-color: rgba(85, 20, 10, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 20%, transparent); } } .dark .dark\:focus\:bg-primary-20-900:focus { background-color: rgba(54, 13, 6, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 20%, transparent); } } .dark .dark\:hover\:bg-primary-20-900:hover { background-color: rgba(54, 13, 6, .2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 20%, transparent); } } .bg-primary-25-50 { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .dark .dark\:bg-primary-25-50 { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .bg-primary-25-50-important { background-color: rgba(247, 236, 235, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent) !important; } } .dark .dark\:bg-primary-25-50-important { background-color: rgba(247, 236, 235, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent) !important; } } .bg-primary-25-100 { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .dark .dark\:bg-primary-25-100 { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .bg-primary-25-100-important { background-color: rgba(246, 221, 217, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent) !important; } } .dark .dark\:bg-primary-25-100-important { background-color: rgba(246, 221, 217, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent) !important; } } .bg-primary-25-200 { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .dark .dark\:bg-primary-25-200 { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .bg-primary-25-200-important { background-color: rgba(240, 191, 184, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent) !important; } } .dark .dark\:bg-primary-25-200-important { background-color: rgba(240, 191, 184, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent) !important; } } .bg-primary-25-300 { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .dark .dark\:bg-primary-25-300 { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .bg-primary-25-300-important { background-color: rgba(235, 159, 147, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent) !important; } } .dark .dark\:bg-primary-25-300-important { background-color: rgba(235, 159, 147, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent) !important; } } .bg-primary-25-400 { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .dark .dark\:bg-primary-25-400 { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .bg-primary-25-400-important { background-color: rgba(230, 121, 104, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent) !important; } } .dark .dark\:bg-primary-25-400-important { background-color: rgba(230, 121, 104, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent) !important; } } .bg-primary-25-500 { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .dark .dark\:bg-primary-25-500 { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .bg-primary-25-500-important { background-color: rgba(226, 70, 46, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent) !important; } } .dark .dark\:bg-primary-25-500-important { background-color: rgba(226, 70, 46, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent) !important; } } .bg-primary-25-600 { background-color: rgba(213, 55, 30, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 25%, transparent); } } .dark .dark\:bg-primary-25-600 { background-color: rgba(203, 52, 29, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 25%, transparent); } } .bg-primary-25-600-important { background-color: rgba(213, 55, 30, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 25%, transparent) !important; } } .dark .dark\:bg-primary-25-600-important { background-color: rgba(203, 52, 29, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 25%, transparent) !important; } } .bg-primary-25-700 { background-color: rgba(174, 46, 26, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .dark .dark\:bg-primary-25-700 { background-color: rgba(151, 40, 23, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 25%, transparent); } } .bg-primary-25-700-important { background-color: rgba(174, 46, 26, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 25%, transparent) !important; } } .dark .dark\:bg-primary-25-700-important { background-color: rgba(151, 40, 23, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 25%, transparent) !important; } } .bg-primary-25-800 { background-color: rgba(136, 31, 15, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 25%, transparent); } } .dark .dark\:bg-primary-25-800 { background-color: rgba(104, 24, 11, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 25%, transparent); } } .bg-primary-25-800-important { background-color: rgba(136, 31, 15, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 25%, transparent) !important; } } .dark .dark\:bg-primary-25-800-important { background-color: rgba(104, 24, 11, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 25%, transparent) !important; } } .bg-primary-25-900 { background-color: rgba(85, 20, 10, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 25%, transparent); } } .dark .dark\:bg-primary-25-900 { background-color: rgba(54, 13, 6, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 25%, transparent); } } .bg-primary-25-900-important { background-color: rgba(85, 20, 10, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 25%, transparent) !important; } } .dark .dark\:bg-primary-25-900-important { background-color: rgba(54, 13, 6, .25) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 25%, transparent) !important; } } .focus\:bg-primary-25-50:focus { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .hover\:bg-primary-25-50:hover { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-50 { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-50:focus { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-50:hover { background-color: rgba(247, 236, 235, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .focus\:bg-primary-25-100:focus { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .hover\:bg-primary-25-100:hover { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-100 { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-100:focus { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-100:hover { background-color: rgba(246, 221, 217, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .focus\:bg-primary-25-200:focus { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .hover\:bg-primary-25-200:hover { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-200 { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-200:focus { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-200:hover { background-color: rgba(240, 191, 184, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .focus\:bg-primary-25-300:focus { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .hover\:bg-primary-25-300:hover { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-300 { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-300:focus { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-300:hover { background-color: rgba(235, 159, 147, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .focus\:bg-primary-25-400:focus { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .hover\:bg-primary-25-400:hover { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-400 { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-400:focus { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-400:hover { background-color: rgba(230, 121, 104, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 25%, transparent); } } .focus\:bg-primary-25-500:focus { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:bg-primary-25-500:hover { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-500 { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-500:focus { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-500:hover { background-color: rgba(226, 70, 46, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:bg-primary-25-600:focus { background-color: rgba(213, 55, 30, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 25%, transparent); } } .hover\:bg-primary-25-600:hover { background-color: rgba(213, 55, 30, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-600 { background-color: rgba(213, 55, 30, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-600:focus { background-color: rgba(203, 52, 29, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-600:hover { background-color: rgba(203, 52, 29, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 25%, transparent); } } .focus\:bg-primary-25-700:focus { background-color: rgba(174, 46, 26, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .hover\:bg-primary-25-700:hover { background-color: rgba(174, 46, 26, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-700 { background-color: rgba(174, 46, 26, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-700:focus { background-color: rgba(151, 40, 23, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-700:hover { background-color: rgba(151, 40, 23, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 25%, transparent); } } .focus\:bg-primary-25-800:focus { background-color: rgba(136, 31, 15, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 25%, transparent); } } .hover\:bg-primary-25-800:hover { background-color: rgba(136, 31, 15, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-800 { background-color: rgba(136, 31, 15, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-800:focus { background-color: rgba(104, 24, 11, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-800:hover { background-color: rgba(104, 24, 11, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 25%, transparent); } } .focus\:bg-primary-25-900:focus { background-color: rgba(85, 20, 10, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 25%, transparent); } } .hover\:bg-primary-25-900:hover { background-color: rgba(85, 20, 10, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 25%, transparent); } } .group:hover .group-hover\:bg-primary-25-900 { background-color: rgba(85, 20, 10, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 25%, transparent); } } .dark .dark\:focus\:bg-primary-25-900:focus { background-color: rgba(54, 13, 6, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 25%, transparent); } } .dark .dark\:hover\:bg-primary-25-900:hover { background-color: rgba(54, 13, 6, .25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 25%, transparent); } } .bg-primary-30-50 { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .dark .dark\:bg-primary-30-50 { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .bg-primary-30-50-important { background-color: rgba(247, 236, 235, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent) !important; } } .dark .dark\:bg-primary-30-50-important { background-color: rgba(247, 236, 235, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent) !important; } } .bg-primary-30-100 { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .dark .dark\:bg-primary-30-100 { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .bg-primary-30-100-important { background-color: rgba(246, 221, 217, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent) !important; } } .dark .dark\:bg-primary-30-100-important { background-color: rgba(246, 221, 217, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent) !important; } } .bg-primary-30-200 { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .dark .dark\:bg-primary-30-200 { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .bg-primary-30-200-important { background-color: rgba(240, 191, 184, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent) !important; } } .dark .dark\:bg-primary-30-200-important { background-color: rgba(240, 191, 184, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent) !important; } } .bg-primary-30-300 { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .dark .dark\:bg-primary-30-300 { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .bg-primary-30-300-important { background-color: rgba(235, 159, 147, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent) !important; } } .dark .dark\:bg-primary-30-300-important { background-color: rgba(235, 159, 147, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent) !important; } } .bg-primary-30-400 { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .dark .dark\:bg-primary-30-400 { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .bg-primary-30-400-important { background-color: rgba(230, 121, 104, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent) !important; } } .dark .dark\:bg-primary-30-400-important { background-color: rgba(230, 121, 104, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent) !important; } } .bg-primary-30-500 { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .dark .dark\:bg-primary-30-500 { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .bg-primary-30-500-important { background-color: rgba(226, 70, 46, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent) !important; } } .dark .dark\:bg-primary-30-500-important { background-color: rgba(226, 70, 46, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent) !important; } } .bg-primary-30-600 { background-color: rgba(213, 55, 30, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 30%, transparent); } } .dark .dark\:bg-primary-30-600 { background-color: rgba(203, 52, 29, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 30%, transparent); } } .bg-primary-30-600-important { background-color: rgba(213, 55, 30, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 30%, transparent) !important; } } .dark .dark\:bg-primary-30-600-important { background-color: rgba(203, 52, 29, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 30%, transparent) !important; } } .bg-primary-30-700 { background-color: rgba(174, 46, 26, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .dark .dark\:bg-primary-30-700 { background-color: rgba(151, 40, 23, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 30%, transparent); } } .bg-primary-30-700-important { background-color: rgba(174, 46, 26, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 30%, transparent) !important; } } .dark .dark\:bg-primary-30-700-important { background-color: rgba(151, 40, 23, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 30%, transparent) !important; } } .bg-primary-30-800 { background-color: rgba(136, 31, 15, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 30%, transparent); } } .dark .dark\:bg-primary-30-800 { background-color: rgba(104, 24, 11, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 30%, transparent); } } .bg-primary-30-800-important { background-color: rgba(136, 31, 15, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 30%, transparent) !important; } } .dark .dark\:bg-primary-30-800-important { background-color: rgba(104, 24, 11, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 30%, transparent) !important; } } .bg-primary-30-900 { background-color: rgba(85, 20, 10, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 30%, transparent); } } .dark .dark\:bg-primary-30-900 { background-color: rgba(54, 13, 6, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 30%, transparent); } } .bg-primary-30-900-important { background-color: rgba(85, 20, 10, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 30%, transparent) !important; } } .dark .dark\:bg-primary-30-900-important { background-color: rgba(54, 13, 6, .3) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 30%, transparent) !important; } } .focus\:bg-primary-30-50:focus { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .hover\:bg-primary-30-50:hover { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-50 { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-50:focus { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-50:hover { background-color: rgba(247, 236, 235, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .focus\:bg-primary-30-100:focus { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .hover\:bg-primary-30-100:hover { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-100 { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-100:focus { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-100:hover { background-color: rgba(246, 221, 217, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .focus\:bg-primary-30-200:focus { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .hover\:bg-primary-30-200:hover { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-200 { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-200:focus { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-200:hover { background-color: rgba(240, 191, 184, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .focus\:bg-primary-30-300:focus { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .hover\:bg-primary-30-300:hover { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-300 { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-300:focus { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-300:hover { background-color: rgba(235, 159, 147, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .focus\:bg-primary-30-400:focus { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .hover\:bg-primary-30-400:hover { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-400 { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-400:focus { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-400:hover { background-color: rgba(230, 121, 104, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 30%, transparent); } } .focus\:bg-primary-30-500:focus { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:bg-primary-30-500:hover { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-500 { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-500:focus { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-500:hover { background-color: rgba(226, 70, 46, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:bg-primary-30-600:focus { background-color: rgba(213, 55, 30, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 30%, transparent); } } .hover\:bg-primary-30-600:hover { background-color: rgba(213, 55, 30, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-600 { background-color: rgba(213, 55, 30, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-600:focus { background-color: rgba(203, 52, 29, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-600:hover { background-color: rgba(203, 52, 29, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 30%, transparent); } } .focus\:bg-primary-30-700:focus { background-color: rgba(174, 46, 26, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .hover\:bg-primary-30-700:hover { background-color: rgba(174, 46, 26, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-700 { background-color: rgba(174, 46, 26, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-700:focus { background-color: rgba(151, 40, 23, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-700:hover { background-color: rgba(151, 40, 23, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 30%, transparent); } } .focus\:bg-primary-30-800:focus { background-color: rgba(136, 31, 15, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 30%, transparent); } } .hover\:bg-primary-30-800:hover { background-color: rgba(136, 31, 15, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-800 { background-color: rgba(136, 31, 15, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-800:focus { background-color: rgba(104, 24, 11, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-800:hover { background-color: rgba(104, 24, 11, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 30%, transparent); } } .focus\:bg-primary-30-900:focus { background-color: rgba(85, 20, 10, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 30%, transparent); } } .hover\:bg-primary-30-900:hover { background-color: rgba(85, 20, 10, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 30%, transparent); } } .group:hover .group-hover\:bg-primary-30-900 { background-color: rgba(85, 20, 10, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 30%, transparent); } } .dark .dark\:focus\:bg-primary-30-900:focus { background-color: rgba(54, 13, 6, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 30%, transparent); } } .dark .dark\:hover\:bg-primary-30-900:hover { background-color: rgba(54, 13, 6, .3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 30%, transparent); } } .bg-primary-40-50 { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .dark .dark\:bg-primary-40-50 { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .bg-primary-40-50-important { background-color: rgba(247, 236, 235, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent) !important; } } .dark .dark\:bg-primary-40-50-important { background-color: rgba(247, 236, 235, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent) !important; } } .bg-primary-40-100 { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .dark .dark\:bg-primary-40-100 { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .bg-primary-40-100-important { background-color: rgba(246, 221, 217, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent) !important; } } .dark .dark\:bg-primary-40-100-important { background-color: rgba(246, 221, 217, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent) !important; } } .bg-primary-40-200 { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .dark .dark\:bg-primary-40-200 { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .bg-primary-40-200-important { background-color: rgba(240, 191, 184, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent) !important; } } .dark .dark\:bg-primary-40-200-important { background-color: rgba(240, 191, 184, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent) !important; } } .bg-primary-40-300 { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .dark .dark\:bg-primary-40-300 { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .bg-primary-40-300-important { background-color: rgba(235, 159, 147, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent) !important; } } .dark .dark\:bg-primary-40-300-important { background-color: rgba(235, 159, 147, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent) !important; } } .bg-primary-40-400 { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .dark .dark\:bg-primary-40-400 { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .bg-primary-40-400-important { background-color: rgba(230, 121, 104, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent) !important; } } .dark .dark\:bg-primary-40-400-important { background-color: rgba(230, 121, 104, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent) !important; } } .bg-primary-40-500 { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .dark .dark\:bg-primary-40-500 { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .bg-primary-40-500-important { background-color: rgba(226, 70, 46, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent) !important; } } .dark .dark\:bg-primary-40-500-important { background-color: rgba(226, 70, 46, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent) !important; } } .bg-primary-40-600 { background-color: rgba(213, 55, 30, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 40%, transparent); } } .dark .dark\:bg-primary-40-600 { background-color: rgba(203, 52, 29, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 40%, transparent); } } .bg-primary-40-600-important { background-color: rgba(213, 55, 30, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 40%, transparent) !important; } } .dark .dark\:bg-primary-40-600-important { background-color: rgba(203, 52, 29, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 40%, transparent) !important; } } .bg-primary-40-700 { background-color: rgba(174, 46, 26, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .dark .dark\:bg-primary-40-700 { background-color: rgba(151, 40, 23, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 40%, transparent); } } .bg-primary-40-700-important { background-color: rgba(174, 46, 26, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 40%, transparent) !important; } } .dark .dark\:bg-primary-40-700-important { background-color: rgba(151, 40, 23, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 40%, transparent) !important; } } .bg-primary-40-800 { background-color: rgba(136, 31, 15, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 40%, transparent); } } .dark .dark\:bg-primary-40-800 { background-color: rgba(104, 24, 11, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 40%, transparent); } } .bg-primary-40-800-important { background-color: rgba(136, 31, 15, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 40%, transparent) !important; } } .dark .dark\:bg-primary-40-800-important { background-color: rgba(104, 24, 11, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 40%, transparent) !important; } } .bg-primary-40-900 { background-color: rgba(85, 20, 10, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 40%, transparent); } } .dark .dark\:bg-primary-40-900 { background-color: rgba(54, 13, 6, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 40%, transparent); } } .bg-primary-40-900-important { background-color: rgba(85, 20, 10, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 40%, transparent) !important; } } .dark .dark\:bg-primary-40-900-important { background-color: rgba(54, 13, 6, .4) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 40%, transparent) !important; } } .focus\:bg-primary-40-50:focus { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .hover\:bg-primary-40-50:hover { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-50 { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-50:focus { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-50:hover { background-color: rgba(247, 236, 235, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .focus\:bg-primary-40-100:focus { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .hover\:bg-primary-40-100:hover { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-100 { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-100:focus { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-100:hover { background-color: rgba(246, 221, 217, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .focus\:bg-primary-40-200:focus { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .hover\:bg-primary-40-200:hover { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-200 { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-200:focus { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-200:hover { background-color: rgba(240, 191, 184, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .focus\:bg-primary-40-300:focus { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .hover\:bg-primary-40-300:hover { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-300 { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-300:focus { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-300:hover { background-color: rgba(235, 159, 147, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .focus\:bg-primary-40-400:focus { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .hover\:bg-primary-40-400:hover { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-400 { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-400:focus { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-400:hover { background-color: rgba(230, 121, 104, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 40%, transparent); } } .focus\:bg-primary-40-500:focus { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:bg-primary-40-500:hover { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-500 { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-500:focus { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-500:hover { background-color: rgba(226, 70, 46, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:bg-primary-40-600:focus { background-color: rgba(213, 55, 30, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 40%, transparent); } } .hover\:bg-primary-40-600:hover { background-color: rgba(213, 55, 30, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-600 { background-color: rgba(213, 55, 30, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-600:focus { background-color: rgba(203, 52, 29, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-600:hover { background-color: rgba(203, 52, 29, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 40%, transparent); } } .focus\:bg-primary-40-700:focus { background-color: rgba(174, 46, 26, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .hover\:bg-primary-40-700:hover { background-color: rgba(174, 46, 26, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-700 { background-color: rgba(174, 46, 26, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-700:focus { background-color: rgba(151, 40, 23, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-700:hover { background-color: rgba(151, 40, 23, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 40%, transparent); } } .focus\:bg-primary-40-800:focus { background-color: rgba(136, 31, 15, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 40%, transparent); } } .hover\:bg-primary-40-800:hover { background-color: rgba(136, 31, 15, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-800 { background-color: rgba(136, 31, 15, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-800:focus { background-color: rgba(104, 24, 11, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-800:hover { background-color: rgba(104, 24, 11, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 40%, transparent); } } .focus\:bg-primary-40-900:focus { background-color: rgba(85, 20, 10, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 40%, transparent); } } .hover\:bg-primary-40-900:hover { background-color: rgba(85, 20, 10, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 40%, transparent); } } .group:hover .group-hover\:bg-primary-40-900 { background-color: rgba(85, 20, 10, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 40%, transparent); } } .dark .dark\:focus\:bg-primary-40-900:focus { background-color: rgba(54, 13, 6, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 40%, transparent); } } .dark .dark\:hover\:bg-primary-40-900:hover { background-color: rgba(54, 13, 6, .4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 40%, transparent); } } .bg-primary-50-50 { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .dark .dark\:bg-primary-50-50 { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .bg-primary-50-50-important { background-color: rgba(247, 236, 235, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent) !important; } } .dark .dark\:bg-primary-50-50-important { background-color: rgba(247, 236, 235, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent) !important; } } .bg-primary-50-100 { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .dark .dark\:bg-primary-50-100 { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .bg-primary-50-100-important { background-color: rgba(246, 221, 217, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent) !important; } } .dark .dark\:bg-primary-50-100-important { background-color: rgba(246, 221, 217, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent) !important; } } .bg-primary-50-200 { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .dark .dark\:bg-primary-50-200 { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .bg-primary-50-200-important { background-color: rgba(240, 191, 184, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent) !important; } } .dark .dark\:bg-primary-50-200-important { background-color: rgba(240, 191, 184, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent) !important; } } .bg-primary-50-300 { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .dark .dark\:bg-primary-50-300 { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .bg-primary-50-300-important { background-color: rgba(235, 159, 147, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent) !important; } } .dark .dark\:bg-primary-50-300-important { background-color: rgba(235, 159, 147, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent) !important; } } .bg-primary-50-400 { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .dark .dark\:bg-primary-50-400 { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .bg-primary-50-400-important { background-color: rgba(230, 121, 104, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent) !important; } } .dark .dark\:bg-primary-50-400-important { background-color: rgba(230, 121, 104, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent) !important; } } .bg-primary-50-500 { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .dark .dark\:bg-primary-50-500 { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .bg-primary-50-500-important { background-color: rgba(226, 70, 46, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent) !important; } } .dark .dark\:bg-primary-50-500-important { background-color: rgba(226, 70, 46, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent) !important; } } .bg-primary-50-600 { background-color: rgba(213, 55, 30, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 50%, transparent); } } .dark .dark\:bg-primary-50-600 { background-color: rgba(203, 52, 29, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 50%, transparent); } } .bg-primary-50-600-important { background-color: rgba(213, 55, 30, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 50%, transparent) !important; } } .dark .dark\:bg-primary-50-600-important { background-color: rgba(203, 52, 29, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 50%, transparent) !important; } } .bg-primary-50-700 { background-color: rgba(174, 46, 26, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .dark .dark\:bg-primary-50-700 { background-color: rgba(151, 40, 23, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 50%, transparent); } } .bg-primary-50-700-important { background-color: rgba(174, 46, 26, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 50%, transparent) !important; } } .dark .dark\:bg-primary-50-700-important { background-color: rgba(151, 40, 23, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 50%, transparent) !important; } } .bg-primary-50-800 { background-color: rgba(136, 31, 15, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 50%, transparent); } } .dark .dark\:bg-primary-50-800 { background-color: rgba(104, 24, 11, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 50%, transparent); } } .bg-primary-50-800-important { background-color: rgba(136, 31, 15, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 50%, transparent) !important; } } .dark .dark\:bg-primary-50-800-important { background-color: rgba(104, 24, 11, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 50%, transparent) !important; } } .bg-primary-50-900 { background-color: rgba(85, 20, 10, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 50%, transparent); } } .dark .dark\:bg-primary-50-900 { background-color: rgba(54, 13, 6, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 50%, transparent); } } .bg-primary-50-900-important { background-color: rgba(85, 20, 10, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 50%, transparent) !important; } } .dark .dark\:bg-primary-50-900-important { background-color: rgba(54, 13, 6, .5) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 50%, transparent) !important; } } .focus\:bg-primary-50-50:focus { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .hover\:bg-primary-50-50:hover { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-50 { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-50:focus { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-50:hover { background-color: rgba(247, 236, 235, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .focus\:bg-primary-50-100:focus { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .hover\:bg-primary-50-100:hover { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-100 { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-100:focus { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-100:hover { background-color: rgba(246, 221, 217, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .focus\:bg-primary-50-200:focus { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .hover\:bg-primary-50-200:hover { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-200 { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-200:focus { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-200:hover { background-color: rgba(240, 191, 184, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .focus\:bg-primary-50-300:focus { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .hover\:bg-primary-50-300:hover { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-300 { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-300:focus { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-300:hover { background-color: rgba(235, 159, 147, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .focus\:bg-primary-50-400:focus { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .hover\:bg-primary-50-400:hover { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-400 { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-400:focus { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-400:hover { background-color: rgba(230, 121, 104, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 50%, transparent); } } .focus\:bg-primary-50-500:focus { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:bg-primary-50-500:hover { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-500 { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-500:focus { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-500:hover { background-color: rgba(226, 70, 46, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:bg-primary-50-600:focus { background-color: rgba(213, 55, 30, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 50%, transparent); } } .hover\:bg-primary-50-600:hover { background-color: rgba(213, 55, 30, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-600 { background-color: rgba(213, 55, 30, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-600:focus { background-color: rgba(203, 52, 29, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-600:hover { background-color: rgba(203, 52, 29, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 50%, transparent); } } .focus\:bg-primary-50-700:focus { background-color: rgba(174, 46, 26, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .hover\:bg-primary-50-700:hover { background-color: rgba(174, 46, 26, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-700 { background-color: rgba(174, 46, 26, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-700:focus { background-color: rgba(151, 40, 23, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-700:hover { background-color: rgba(151, 40, 23, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 50%, transparent); } } .focus\:bg-primary-50-800:focus { background-color: rgba(136, 31, 15, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 50%, transparent); } } .hover\:bg-primary-50-800:hover { background-color: rgba(136, 31, 15, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-800 { background-color: rgba(136, 31, 15, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-800:focus { background-color: rgba(104, 24, 11, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-800:hover { background-color: rgba(104, 24, 11, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 50%, transparent); } } .focus\:bg-primary-50-900:focus { background-color: rgba(85, 20, 10, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 50%, transparent); } } .hover\:bg-primary-50-900:hover { background-color: rgba(85, 20, 10, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 50%, transparent); } } .group:hover .group-hover\:bg-primary-50-900 { background-color: rgba(85, 20, 10, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 50%, transparent); } } .dark .dark\:focus\:bg-primary-50-900:focus { background-color: rgba(54, 13, 6, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 50%, transparent); } } .dark .dark\:hover\:bg-primary-50-900:hover { background-color: rgba(54, 13, 6, .5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 50%, transparent); } } .bg-primary-60-50 { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .dark .dark\:bg-primary-60-50 { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .bg-primary-60-50-important { background-color: rgba(247, 236, 235, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent) !important; } } .dark .dark\:bg-primary-60-50-important { background-color: rgba(247, 236, 235, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent) !important; } } .bg-primary-60-100 { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .dark .dark\:bg-primary-60-100 { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .bg-primary-60-100-important { background-color: rgba(246, 221, 217, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent) !important; } } .dark .dark\:bg-primary-60-100-important { background-color: rgba(246, 221, 217, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent) !important; } } .bg-primary-60-200 { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .dark .dark\:bg-primary-60-200 { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .bg-primary-60-200-important { background-color: rgba(240, 191, 184, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent) !important; } } .dark .dark\:bg-primary-60-200-important { background-color: rgba(240, 191, 184, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent) !important; } } .bg-primary-60-300 { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .dark .dark\:bg-primary-60-300 { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .bg-primary-60-300-important { background-color: rgba(235, 159, 147, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent) !important; } } .dark .dark\:bg-primary-60-300-important { background-color: rgba(235, 159, 147, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent) !important; } } .bg-primary-60-400 { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .dark .dark\:bg-primary-60-400 { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .bg-primary-60-400-important { background-color: rgba(230, 121, 104, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent) !important; } } .dark .dark\:bg-primary-60-400-important { background-color: rgba(230, 121, 104, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent) !important; } } .bg-primary-60-500 { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .dark .dark\:bg-primary-60-500 { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .bg-primary-60-500-important { background-color: rgba(226, 70, 46, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent) !important; } } .dark .dark\:bg-primary-60-500-important { background-color: rgba(226, 70, 46, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent) !important; } } .bg-primary-60-600 { background-color: rgba(213, 55, 30, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 60%, transparent); } } .dark .dark\:bg-primary-60-600 { background-color: rgba(203, 52, 29, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 60%, transparent); } } .bg-primary-60-600-important { background-color: rgba(213, 55, 30, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 60%, transparent) !important; } } .dark .dark\:bg-primary-60-600-important { background-color: rgba(203, 52, 29, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 60%, transparent) !important; } } .bg-primary-60-700 { background-color: rgba(174, 46, 26, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .dark .dark\:bg-primary-60-700 { background-color: rgba(151, 40, 23, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 60%, transparent); } } .bg-primary-60-700-important { background-color: rgba(174, 46, 26, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 60%, transparent) !important; } } .dark .dark\:bg-primary-60-700-important { background-color: rgba(151, 40, 23, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 60%, transparent) !important; } } .bg-primary-60-800 { background-color: rgba(136, 31, 15, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 60%, transparent); } } .dark .dark\:bg-primary-60-800 { background-color: rgba(104, 24, 11, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 60%, transparent); } } .bg-primary-60-800-important { background-color: rgba(136, 31, 15, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 60%, transparent) !important; } } .dark .dark\:bg-primary-60-800-important { background-color: rgba(104, 24, 11, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 60%, transparent) !important; } } .bg-primary-60-900 { background-color: rgba(85, 20, 10, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 60%, transparent); } } .dark .dark\:bg-primary-60-900 { background-color: rgba(54, 13, 6, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 60%, transparent); } } .bg-primary-60-900-important { background-color: rgba(85, 20, 10, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 60%, transparent) !important; } } .dark .dark\:bg-primary-60-900-important { background-color: rgba(54, 13, 6, .6) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 60%, transparent) !important; } } .focus\:bg-primary-60-50:focus { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .hover\:bg-primary-60-50:hover { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-50 { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-50:focus { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-50:hover { background-color: rgba(247, 236, 235, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .focus\:bg-primary-60-100:focus { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .hover\:bg-primary-60-100:hover { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-100 { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-100:focus { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-100:hover { background-color: rgba(246, 221, 217, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .focus\:bg-primary-60-200:focus { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .hover\:bg-primary-60-200:hover { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-200 { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-200:focus { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-200:hover { background-color: rgba(240, 191, 184, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .focus\:bg-primary-60-300:focus { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .hover\:bg-primary-60-300:hover { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-300 { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-300:focus { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-300:hover { background-color: rgba(235, 159, 147, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .focus\:bg-primary-60-400:focus { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .hover\:bg-primary-60-400:hover { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-400 { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-400:focus { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-400:hover { background-color: rgba(230, 121, 104, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 60%, transparent); } } .focus\:bg-primary-60-500:focus { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:bg-primary-60-500:hover { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-500 { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-500:focus { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-500:hover { background-color: rgba(226, 70, 46, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:bg-primary-60-600:focus { background-color: rgba(213, 55, 30, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 60%, transparent); } } .hover\:bg-primary-60-600:hover { background-color: rgba(213, 55, 30, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-600 { background-color: rgba(213, 55, 30, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-600:focus { background-color: rgba(203, 52, 29, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-600:hover { background-color: rgba(203, 52, 29, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 60%, transparent); } } .focus\:bg-primary-60-700:focus { background-color: rgba(174, 46, 26, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .hover\:bg-primary-60-700:hover { background-color: rgba(174, 46, 26, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-700 { background-color: rgba(174, 46, 26, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-700:focus { background-color: rgba(151, 40, 23, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-700:hover { background-color: rgba(151, 40, 23, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 60%, transparent); } } .focus\:bg-primary-60-800:focus { background-color: rgba(136, 31, 15, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 60%, transparent); } } .hover\:bg-primary-60-800:hover { background-color: rgba(136, 31, 15, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-800 { background-color: rgba(136, 31, 15, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-800:focus { background-color: rgba(104, 24, 11, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-800:hover { background-color: rgba(104, 24, 11, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 60%, transparent); } } .focus\:bg-primary-60-900:focus { background-color: rgba(85, 20, 10, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 60%, transparent); } } .hover\:bg-primary-60-900:hover { background-color: rgba(85, 20, 10, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 60%, transparent); } } .group:hover .group-hover\:bg-primary-60-900 { background-color: rgba(85, 20, 10, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 60%, transparent); } } .dark .dark\:focus\:bg-primary-60-900:focus { background-color: rgba(54, 13, 6, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 60%, transparent); } } .dark .dark\:hover\:bg-primary-60-900:hover { background-color: rgba(54, 13, 6, .6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 60%, transparent); } } .bg-primary-70-50 { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .dark .dark\:bg-primary-70-50 { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .bg-primary-70-50-important { background-color: rgba(247, 236, 235, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent) !important; } } .dark .dark\:bg-primary-70-50-important { background-color: rgba(247, 236, 235, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent) !important; } } .bg-primary-70-100 { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .dark .dark\:bg-primary-70-100 { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .bg-primary-70-100-important { background-color: rgba(246, 221, 217, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent) !important; } } .dark .dark\:bg-primary-70-100-important { background-color: rgba(246, 221, 217, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent) !important; } } .bg-primary-70-200 { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .dark .dark\:bg-primary-70-200 { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .bg-primary-70-200-important { background-color: rgba(240, 191, 184, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent) !important; } } .dark .dark\:bg-primary-70-200-important { background-color: rgba(240, 191, 184, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent) !important; } } .bg-primary-70-300 { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .dark .dark\:bg-primary-70-300 { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .bg-primary-70-300-important { background-color: rgba(235, 159, 147, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent) !important; } } .dark .dark\:bg-primary-70-300-important { background-color: rgba(235, 159, 147, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent) !important; } } .bg-primary-70-400 { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .dark .dark\:bg-primary-70-400 { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .bg-primary-70-400-important { background-color: rgba(230, 121, 104, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent) !important; } } .dark .dark\:bg-primary-70-400-important { background-color: rgba(230, 121, 104, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent) !important; } } .bg-primary-70-500 { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .dark .dark\:bg-primary-70-500 { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .bg-primary-70-500-important { background-color: rgba(226, 70, 46, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent) !important; } } .dark .dark\:bg-primary-70-500-important { background-color: rgba(226, 70, 46, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent) !important; } } .bg-primary-70-600 { background-color: rgba(213, 55, 30, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 70%, transparent); } } .dark .dark\:bg-primary-70-600 { background-color: rgba(203, 52, 29, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 70%, transparent); } } .bg-primary-70-600-important { background-color: rgba(213, 55, 30, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 70%, transparent) !important; } } .dark .dark\:bg-primary-70-600-important { background-color: rgba(203, 52, 29, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 70%, transparent) !important; } } .bg-primary-70-700 { background-color: rgba(174, 46, 26, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .dark .dark\:bg-primary-70-700 { background-color: rgba(151, 40, 23, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 70%, transparent); } } .bg-primary-70-700-important { background-color: rgba(174, 46, 26, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 70%, transparent) !important; } } .dark .dark\:bg-primary-70-700-important { background-color: rgba(151, 40, 23, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 70%, transparent) !important; } } .bg-primary-70-800 { background-color: rgba(136, 31, 15, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 70%, transparent); } } .dark .dark\:bg-primary-70-800 { background-color: rgba(104, 24, 11, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 70%, transparent); } } .bg-primary-70-800-important { background-color: rgba(136, 31, 15, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 70%, transparent) !important; } } .dark .dark\:bg-primary-70-800-important { background-color: rgba(104, 24, 11, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 70%, transparent) !important; } } .bg-primary-70-900 { background-color: rgba(85, 20, 10, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 70%, transparent); } } .dark .dark\:bg-primary-70-900 { background-color: rgba(54, 13, 6, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 70%, transparent); } } .bg-primary-70-900-important { background-color: rgba(85, 20, 10, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 70%, transparent) !important; } } .dark .dark\:bg-primary-70-900-important { background-color: rgba(54, 13, 6, .7) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 70%, transparent) !important; } } .focus\:bg-primary-70-50:focus { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .hover\:bg-primary-70-50:hover { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-50 { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-50:focus { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-50:hover { background-color: rgba(247, 236, 235, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .focus\:bg-primary-70-100:focus { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .hover\:bg-primary-70-100:hover { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-100 { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-100:focus { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-100:hover { background-color: rgba(246, 221, 217, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .focus\:bg-primary-70-200:focus { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .hover\:bg-primary-70-200:hover { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-200 { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-200:focus { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-200:hover { background-color: rgba(240, 191, 184, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .focus\:bg-primary-70-300:focus { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .hover\:bg-primary-70-300:hover { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-300 { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-300:focus { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-300:hover { background-color: rgba(235, 159, 147, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .focus\:bg-primary-70-400:focus { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .hover\:bg-primary-70-400:hover { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-400 { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-400:focus { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-400:hover { background-color: rgba(230, 121, 104, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 70%, transparent); } } .focus\:bg-primary-70-500:focus { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:bg-primary-70-500:hover { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-500 { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-500:focus { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-500:hover { background-color: rgba(226, 70, 46, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:bg-primary-70-600:focus { background-color: rgba(213, 55, 30, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 70%, transparent); } } .hover\:bg-primary-70-600:hover { background-color: rgba(213, 55, 30, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-600 { background-color: rgba(213, 55, 30, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-600:focus { background-color: rgba(203, 52, 29, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-600:hover { background-color: rgba(203, 52, 29, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 70%, transparent); } } .focus\:bg-primary-70-700:focus { background-color: rgba(174, 46, 26, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .hover\:bg-primary-70-700:hover { background-color: rgba(174, 46, 26, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-700 { background-color: rgba(174, 46, 26, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-700:focus { background-color: rgba(151, 40, 23, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-700:hover { background-color: rgba(151, 40, 23, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 70%, transparent); } } .focus\:bg-primary-70-800:focus { background-color: rgba(136, 31, 15, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 70%, transparent); } } .hover\:bg-primary-70-800:hover { background-color: rgba(136, 31, 15, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-800 { background-color: rgba(136, 31, 15, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-800:focus { background-color: rgba(104, 24, 11, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-800:hover { background-color: rgba(104, 24, 11, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 70%, transparent); } } .focus\:bg-primary-70-900:focus { background-color: rgba(85, 20, 10, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 70%, transparent); } } .hover\:bg-primary-70-900:hover { background-color: rgba(85, 20, 10, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 70%, transparent); } } .group:hover .group-hover\:bg-primary-70-900 { background-color: rgba(85, 20, 10, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 70%, transparent); } } .dark .dark\:focus\:bg-primary-70-900:focus { background-color: rgba(54, 13, 6, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 70%, transparent); } } .dark .dark\:hover\:bg-primary-70-900:hover { background-color: rgba(54, 13, 6, .7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 70%, transparent); } } .bg-primary-80-50 { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .dark .dark\:bg-primary-80-50 { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .bg-primary-80-50-important { background-color: rgba(247, 236, 235, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent) !important; } } .dark .dark\:bg-primary-80-50-important { background-color: rgba(247, 236, 235, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent) !important; } } .bg-primary-80-100 { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .dark .dark\:bg-primary-80-100 { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .bg-primary-80-100-important { background-color: rgba(246, 221, 217, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent) !important; } } .dark .dark\:bg-primary-80-100-important { background-color: rgba(246, 221, 217, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent) !important; } } .bg-primary-80-200 { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .dark .dark\:bg-primary-80-200 { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .bg-primary-80-200-important { background-color: rgba(240, 191, 184, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent) !important; } } .dark .dark\:bg-primary-80-200-important { background-color: rgba(240, 191, 184, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent) !important; } } .bg-primary-80-300 { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .dark .dark\:bg-primary-80-300 { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .bg-primary-80-300-important { background-color: rgba(235, 159, 147, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent) !important; } } .dark .dark\:bg-primary-80-300-important { background-color: rgba(235, 159, 147, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent) !important; } } .bg-primary-80-400 { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .dark .dark\:bg-primary-80-400 { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .bg-primary-80-400-important { background-color: rgba(230, 121, 104, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent) !important; } } .dark .dark\:bg-primary-80-400-important { background-color: rgba(230, 121, 104, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent) !important; } } .bg-primary-80-500 { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .dark .dark\:bg-primary-80-500 { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .bg-primary-80-500-important { background-color: rgba(226, 70, 46, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent) !important; } } .dark .dark\:bg-primary-80-500-important { background-color: rgba(226, 70, 46, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent) !important; } } .bg-primary-80-600 { background-color: rgba(213, 55, 30, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 80%, transparent); } } .dark .dark\:bg-primary-80-600 { background-color: rgba(203, 52, 29, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 80%, transparent); } } .bg-primary-80-600-important { background-color: rgba(213, 55, 30, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 80%, transparent) !important; } } .dark .dark\:bg-primary-80-600-important { background-color: rgba(203, 52, 29, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 80%, transparent) !important; } } .bg-primary-80-700 { background-color: rgba(174, 46, 26, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .dark .dark\:bg-primary-80-700 { background-color: rgba(151, 40, 23, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 80%, transparent); } } .bg-primary-80-700-important { background-color: rgba(174, 46, 26, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 80%, transparent) !important; } } .dark .dark\:bg-primary-80-700-important { background-color: rgba(151, 40, 23, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 80%, transparent) !important; } } .bg-primary-80-800 { background-color: rgba(136, 31, 15, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 80%, transparent); } } .dark .dark\:bg-primary-80-800 { background-color: rgba(104, 24, 11, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 80%, transparent); } } .bg-primary-80-800-important { background-color: rgba(136, 31, 15, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 80%, transparent) !important; } } .dark .dark\:bg-primary-80-800-important { background-color: rgba(104, 24, 11, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 80%, transparent) !important; } } .bg-primary-80-900 { background-color: rgba(85, 20, 10, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 80%, transparent); } } .dark .dark\:bg-primary-80-900 { background-color: rgba(54, 13, 6, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 80%, transparent); } } .bg-primary-80-900-important { background-color: rgba(85, 20, 10, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 80%, transparent) !important; } } .dark .dark\:bg-primary-80-900-important { background-color: rgba(54, 13, 6, .8) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 80%, transparent) !important; } } .focus\:bg-primary-80-50:focus { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .hover\:bg-primary-80-50:hover { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-50 { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-50:focus { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-50:hover { background-color: rgba(247, 236, 235, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .focus\:bg-primary-80-100:focus { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .hover\:bg-primary-80-100:hover { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-100 { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-100:focus { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-100:hover { background-color: rgba(246, 221, 217, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .focus\:bg-primary-80-200:focus { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .hover\:bg-primary-80-200:hover { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-200 { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-200:focus { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-200:hover { background-color: rgba(240, 191, 184, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .focus\:bg-primary-80-300:focus { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .hover\:bg-primary-80-300:hover { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-300 { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-300:focus { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-300:hover { background-color: rgba(235, 159, 147, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .focus\:bg-primary-80-400:focus { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .hover\:bg-primary-80-400:hover { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-400 { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-400:focus { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-400:hover { background-color: rgba(230, 121, 104, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 80%, transparent); } } .focus\:bg-primary-80-500:focus { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:bg-primary-80-500:hover { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-500 { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-500:focus { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-500:hover { background-color: rgba(226, 70, 46, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:bg-primary-80-600:focus { background-color: rgba(213, 55, 30, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 80%, transparent); } } .hover\:bg-primary-80-600:hover { background-color: rgba(213, 55, 30, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-600 { background-color: rgba(213, 55, 30, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-600:focus { background-color: rgba(203, 52, 29, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-600:hover { background-color: rgba(203, 52, 29, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 80%, transparent); } } .focus\:bg-primary-80-700:focus { background-color: rgba(174, 46, 26, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .hover\:bg-primary-80-700:hover { background-color: rgba(174, 46, 26, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-700 { background-color: rgba(174, 46, 26, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-700:focus { background-color: rgba(151, 40, 23, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-700:hover { background-color: rgba(151, 40, 23, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 80%, transparent); } } .focus\:bg-primary-80-800:focus { background-color: rgba(136, 31, 15, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 80%, transparent); } } .hover\:bg-primary-80-800:hover { background-color: rgba(136, 31, 15, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-800 { background-color: rgba(136, 31, 15, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-800:focus { background-color: rgba(104, 24, 11, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-800:hover { background-color: rgba(104, 24, 11, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 80%, transparent); } } .focus\:bg-primary-80-900:focus { background-color: rgba(85, 20, 10, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 80%, transparent); } } .hover\:bg-primary-80-900:hover { background-color: rgba(85, 20, 10, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 80%, transparent); } } .group:hover .group-hover\:bg-primary-80-900 { background-color: rgba(85, 20, 10, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 80%, transparent); } } .dark .dark\:focus\:bg-primary-80-900:focus { background-color: rgba(54, 13, 6, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 80%, transparent); } } .dark .dark\:hover\:bg-primary-80-900:hover { background-color: rgba(54, 13, 6, .8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 80%, transparent); } } .bg-primary-90-50 { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .dark .dark\:bg-primary-90-50 { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .bg-primary-90-50-important { background-color: rgba(247, 236, 235, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent) !important; } } .dark .dark\:bg-primary-90-50-important { background-color: rgba(247, 236, 235, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent) !important; } } .bg-primary-90-100 { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .dark .dark\:bg-primary-90-100 { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .bg-primary-90-100-important { background-color: rgba(246, 221, 217, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent) !important; } } .dark .dark\:bg-primary-90-100-important { background-color: rgba(246, 221, 217, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent) !important; } } .bg-primary-90-200 { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .dark .dark\:bg-primary-90-200 { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .bg-primary-90-200-important { background-color: rgba(240, 191, 184, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent) !important; } } .dark .dark\:bg-primary-90-200-important { background-color: rgba(240, 191, 184, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent) !important; } } .bg-primary-90-300 { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .dark .dark\:bg-primary-90-300 { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .bg-primary-90-300-important { background-color: rgba(235, 159, 147, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent) !important; } } .dark .dark\:bg-primary-90-300-important { background-color: rgba(235, 159, 147, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent) !important; } } .bg-primary-90-400 { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .dark .dark\:bg-primary-90-400 { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .bg-primary-90-400-important { background-color: rgba(230, 121, 104, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent) !important; } } .dark .dark\:bg-primary-90-400-important { background-color: rgba(230, 121, 104, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent) !important; } } .bg-primary-90-500 { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .dark .dark\:bg-primary-90-500 { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .bg-primary-90-500-important { background-color: rgba(226, 70, 46, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent) !important; } } .dark .dark\:bg-primary-90-500-important { background-color: rgba(226, 70, 46, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent) !important; } } .bg-primary-90-600 { background-color: rgba(213, 55, 30, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 90%, transparent); } } .dark .dark\:bg-primary-90-600 { background-color: rgba(203, 52, 29, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 90%, transparent); } } .bg-primary-90-600-important { background-color: rgba(213, 55, 30, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 90%, transparent) !important; } } .dark .dark\:bg-primary-90-600-important { background-color: rgba(203, 52, 29, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 90%, transparent) !important; } } .bg-primary-90-700 { background-color: rgba(174, 46, 26, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .dark .dark\:bg-primary-90-700 { background-color: rgba(151, 40, 23, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 90%, transparent); } } .bg-primary-90-700-important { background-color: rgba(174, 46, 26, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 90%, transparent) !important; } } .dark .dark\:bg-primary-90-700-important { background-color: rgba(151, 40, 23, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 90%, transparent) !important; } } .bg-primary-90-800 { background-color: rgba(136, 31, 15, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 90%, transparent); } } .dark .dark\:bg-primary-90-800 { background-color: rgba(104, 24, 11, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 90%, transparent); } } .bg-primary-90-800-important { background-color: rgba(136, 31, 15, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 90%, transparent) !important; } } .dark .dark\:bg-primary-90-800-important { background-color: rgba(104, 24, 11, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 90%, transparent) !important; } } .bg-primary-90-900 { background-color: rgba(85, 20, 10, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 90%, transparent); } } .dark .dark\:bg-primary-90-900 { background-color: rgba(54, 13, 6, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 90%, transparent); } } .bg-primary-90-900-important { background-color: rgba(85, 20, 10, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 90%, transparent) !important; } } .dark .dark\:bg-primary-90-900-important { background-color: rgba(54, 13, 6, .9) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 90%, transparent) !important; } } .focus\:bg-primary-90-50:focus { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .hover\:bg-primary-90-50:hover { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-50 { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-50:focus { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-50:hover { background-color: rgba(247, 236, 235, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .focus\:bg-primary-90-100:focus { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .hover\:bg-primary-90-100:hover { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-100 { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-100:focus { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-100:hover { background-color: rgba(246, 221, 217, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .focus\:bg-primary-90-200:focus { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .hover\:bg-primary-90-200:hover { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-200 { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-200:focus { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-200:hover { background-color: rgba(240, 191, 184, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .focus\:bg-primary-90-300:focus { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .hover\:bg-primary-90-300:hover { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-300 { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-300:focus { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-300:hover { background-color: rgba(235, 159, 147, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .focus\:bg-primary-90-400:focus { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .hover\:bg-primary-90-400:hover { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-400 { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-400:focus { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-400:hover { background-color: rgba(230, 121, 104, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 90%, transparent); } } .focus\:bg-primary-90-500:focus { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:bg-primary-90-500:hover { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-500 { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-500:focus { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-500:hover { background-color: rgba(226, 70, 46, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:bg-primary-90-600:focus { background-color: rgba(213, 55, 30, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 90%, transparent); } } .hover\:bg-primary-90-600:hover { background-color: rgba(213, 55, 30, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-600 { background-color: rgba(213, 55, 30, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-600:focus { background-color: rgba(203, 52, 29, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-600:hover { background-color: rgba(203, 52, 29, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 90%, transparent); } } .focus\:bg-primary-90-700:focus { background-color: rgba(174, 46, 26, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .hover\:bg-primary-90-700:hover { background-color: rgba(174, 46, 26, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-700 { background-color: rgba(174, 46, 26, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-700:focus { background-color: rgba(151, 40, 23, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-700:hover { background-color: rgba(151, 40, 23, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 90%, transparent); } } .focus\:bg-primary-90-800:focus { background-color: rgba(136, 31, 15, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 90%, transparent); } } .hover\:bg-primary-90-800:hover { background-color: rgba(136, 31, 15, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-800 { background-color: rgba(136, 31, 15, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-800:focus { background-color: rgba(104, 24, 11, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-800:hover { background-color: rgba(104, 24, 11, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 90%, transparent); } } .focus\:bg-primary-90-900:focus { background-color: rgba(85, 20, 10, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 90%, transparent); } } .hover\:bg-primary-90-900:hover { background-color: rgba(85, 20, 10, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 90%, transparent); } } .group:hover .group-hover\:bg-primary-90-900 { background-color: rgba(85, 20, 10, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 90%, transparent); } } .dark .dark\:focus\:bg-primary-90-900:focus { background-color: rgba(54, 13, 6, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 90%, transparent); } } .dark .dark\:hover\:bg-primary-90-900:hover { background-color: rgba(54, 13, 6, .9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 90%, transparent); } } .bg-primary-75-50 { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .dark .dark\:bg-primary-75-50 { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .bg-primary-75-50-important { background-color: rgba(247, 236, 235, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent) !important; } } .dark .dark\:bg-primary-75-50-important { background-color: rgba(247, 236, 235, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent) !important; } } .bg-primary-75-100 { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .dark .dark\:bg-primary-75-100 { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .bg-primary-75-100-important { background-color: rgba(246, 221, 217, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent) !important; } } .dark .dark\:bg-primary-75-100-important { background-color: rgba(246, 221, 217, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent) !important; } } .bg-primary-75-200 { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .dark .dark\:bg-primary-75-200 { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .bg-primary-75-200-important { background-color: rgba(240, 191, 184, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent) !important; } } .dark .dark\:bg-primary-75-200-important { background-color: rgba(240, 191, 184, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent) !important; } } .bg-primary-75-300 { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .dark .dark\:bg-primary-75-300 { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .bg-primary-75-300-important { background-color: rgba(235, 159, 147, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent) !important; } } .dark .dark\:bg-primary-75-300-important { background-color: rgba(235, 159, 147, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent) !important; } } .bg-primary-75-400 { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .dark .dark\:bg-primary-75-400 { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .bg-primary-75-400-important { background-color: rgba(230, 121, 104, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent) !important; } } .dark .dark\:bg-primary-75-400-important { background-color: rgba(230, 121, 104, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent) !important; } } .bg-primary-75-500 { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .dark .dark\:bg-primary-75-500 { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .bg-primary-75-500-important { background-color: rgba(226, 70, 46, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent) !important; } } .dark .dark\:bg-primary-75-500-important { background-color: rgba(226, 70, 46, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent) !important; } } .bg-primary-75-600 { background-color: rgba(213, 55, 30, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 75%, transparent); } } .dark .dark\:bg-primary-75-600 { background-color: rgba(203, 52, 29, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 75%, transparent); } } .bg-primary-75-600-important { background-color: rgba(213, 55, 30, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 75%, transparent) !important; } } .dark .dark\:bg-primary-75-600-important { background-color: rgba(203, 52, 29, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 75%, transparent) !important; } } .bg-primary-75-700 { background-color: rgba(174, 46, 26, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .dark .dark\:bg-primary-75-700 { background-color: rgba(151, 40, 23, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 75%, transparent); } } .bg-primary-75-700-important { background-color: rgba(174, 46, 26, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 75%, transparent) !important; } } .dark .dark\:bg-primary-75-700-important { background-color: rgba(151, 40, 23, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 75%, transparent) !important; } } .bg-primary-75-800 { background-color: rgba(136, 31, 15, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 75%, transparent); } } .dark .dark\:bg-primary-75-800 { background-color: rgba(104, 24, 11, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 75%, transparent); } } .bg-primary-75-800-important { background-color: rgba(136, 31, 15, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 75%, transparent) !important; } } .dark .dark\:bg-primary-75-800-important { background-color: rgba(104, 24, 11, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 75%, transparent) !important; } } .bg-primary-75-900 { background-color: rgba(85, 20, 10, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 75%, transparent); } } .dark .dark\:bg-primary-75-900 { background-color: rgba(54, 13, 6, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 75%, transparent); } } .bg-primary-75-900-important { background-color: rgba(85, 20, 10, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 75%, transparent) !important; } } .dark .dark\:bg-primary-75-900-important { background-color: rgba(54, 13, 6, .75) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 75%, transparent) !important; } } .focus\:bg-primary-75-50:focus { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .hover\:bg-primary-75-50:hover { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-50 { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-50:focus { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-50:hover { background-color: rgba(247, 236, 235, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .focus\:bg-primary-75-100:focus { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .hover\:bg-primary-75-100:hover { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-100 { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-100:focus { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-100:hover { background-color: rgba(246, 221, 217, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .focus\:bg-primary-75-200:focus { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .hover\:bg-primary-75-200:hover { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-200 { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-200:focus { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-200:hover { background-color: rgba(240, 191, 184, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .focus\:bg-primary-75-300:focus { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .hover\:bg-primary-75-300:hover { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-300 { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-300:focus { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-300:hover { background-color: rgba(235, 159, 147, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .focus\:bg-primary-75-400:focus { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .hover\:bg-primary-75-400:hover { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-400 { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-400:focus { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-400:hover { background-color: rgba(230, 121, 104, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e67968 75%, transparent); } } .focus\:bg-primary-75-500:focus { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:bg-primary-75-500:hover { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-500 { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-500:focus { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-500:hover { background-color: rgba(226, 70, 46, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:bg-primary-75-600:focus { background-color: rgba(213, 55, 30, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 75%, transparent); } } .hover\:bg-primary-75-600:hover { background-color: rgba(213, 55, 30, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-600 { background-color: rgba(213, 55, 30, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #d5371e 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-600:focus { background-color: rgba(203, 52, 29, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-600:hover { background-color: rgba(203, 52, 29, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #cb341d 75%, transparent); } } .focus\:bg-primary-75-700:focus { background-color: rgba(174, 46, 26, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .hover\:bg-primary-75-700:hover { background-color: rgba(174, 46, 26, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-700 { background-color: rgba(174, 46, 26, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-700:focus { background-color: rgba(151, 40, 23, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-700:hover { background-color: rgba(151, 40, 23, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #972817 75%, transparent); } } .focus\:bg-primary-75-800:focus { background-color: rgba(136, 31, 15, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 75%, transparent); } } .hover\:bg-primary-75-800:hover { background-color: rgba(136, 31, 15, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-800 { background-color: rgba(136, 31, 15, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #881f0f 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-800:focus { background-color: rgba(104, 24, 11, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-800:hover { background-color: rgba(104, 24, 11, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #68180b 75%, transparent); } } .focus\:bg-primary-75-900:focus { background-color: rgba(85, 20, 10, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 75%, transparent); } } .hover\:bg-primary-75-900:hover { background-color: rgba(85, 20, 10, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 75%, transparent); } } .group:hover .group-hover\:bg-primary-75-900 { background-color: rgba(85, 20, 10, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #55140a 75%, transparent); } } .dark .dark\:focus\:bg-primary-75-900:focus { background-color: rgba(54, 13, 6, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 75%, transparent); } } .dark .dark\:hover\:bg-primary-75-900:hover { background-color: rgba(54, 13, 6, .75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #360d06 75%, transparent); } } .text-primary-50 { color: #f7eceb; } .dark .dark\:text-primary-50 { color: #f7eceb; } .text-primary-100 { color: #f6ddd9; } .dark .dark\:text-primary-100 { color: #f6ddd9; } .text-primary-200 { color: #f0bfb8; } .dark .dark\:text-primary-200 { color: #f0bfb8; } .text-primary-300 { color: #eb9f93; } .dark .dark\:text-primary-300 { color: #eb9f93; } .text-primary-400 { color: #e67968; } .dark .dark\:text-primary-400 { color: #e67968; } .text-primary-500 { color: #e2462e; } .dark .dark\:text-primary-500 { color: #e2462e; } .text-primary-600 { color: #d5371e; } .dark .dark\:text-primary-600 { color: #cb341d; } .text-primary-700 { color: #ae2e1a; } .dark .dark\:text-primary-700 { color: #972817; } .text-primary-800 { color: #881f0f; } .dark .dark\:text-primary-800 { color: #68180b; } .text-primary-900 { color: #55140a; } .dark .dark\:text-primary-900 { color: #360d06; } .text-primary-50-important { color: #f7eceb !important; } .dark .dark\:text-primary-50-important { color: #f7eceb !important; } .text-primary-100-important { color: #f6ddd9 !important; } .dark .dark\:text-primary-100-important { color: #f6ddd9 !important; } .text-primary-200-important { color: #f0bfb8 !important; } .dark .dark\:text-primary-200-important { color: #f0bfb8 !important; } .text-primary-300-important { color: #eb9f93 !important; } .dark .dark\:text-primary-300-important { color: #eb9f93 !important; } .text-primary-400-important { color: #e67968 !important; } .dark .dark\:text-primary-400-important { color: #e67968 !important; } .text-primary-500-important { color: #e2462e !important; } .dark .dark\:text-primary-500-important { color: #e2462e !important; } .text-primary-600-important { color: #d5371e !important; } .dark .dark\:text-primary-600-important { color: #cb341d !important; } .text-primary-700-important { color: #ae2e1a !important; } .dark .dark\:text-primary-700-important { color: #972817 !important; } .text-primary-800-important { color: #881f0f !important; } .dark .dark\:text-primary-800-important { color: #68180b !important; } .text-primary-900-important { color: #55140a !important; } .dark .dark\:text-primary-900-important { color: #360d06 !important; } .focus\:text-primary-50:focus { color: #f7eceb; } .dark .dark\:focus\:text-primary-50:focus { color: #f7eceb; } .focus\:text-primary-100:focus { color: #f6ddd9; } .dark .dark\:focus\:text-primary-100:focus { color: #f6ddd9; } .focus\:text-primary-200:focus { color: #f0bfb8; } .dark .dark\:focus\:text-primary-200:focus { color: #f0bfb8; } .focus\:text-primary-300:focus { color: #eb9f93; } .dark .dark\:focus\:text-primary-300:focus { color: #eb9f93; } .focus\:text-primary-400:focus { color: #e67968; } .dark .dark\:focus\:text-primary-400:focus { color: #e67968; } .focus\:text-primary-500:focus { color: #e2462e; } .dark .dark\:focus\:text-primary-500:focus { color: #e2462e; } .focus\:text-primary-600:focus { color: #d5371e; } .dark .dark\:focus\:text-primary-600:focus { color: #cb341d; } .focus\:text-primary-700:focus { color: #ae2e1a; } .dark .dark\:focus\:text-primary-700:focus { color: #972817; } .focus\:text-primary-800:focus { color: #881f0f; } .dark .dark\:focus\:text-primary-800:focus { color: #68180b; } .focus\:text-primary-900:focus { color: #55140a; } .dark .dark\:focus\:text-primary-900:focus { color: #360d06; } .focus\:text-primary-50-important:focus { color: #f7eceb !important; } .dark .dark\:focus\:text-primary-50-important:focus { color: #f7eceb !important; } .focus\:text-primary-100-important:focus { color: #f6ddd9 !important; } .dark .dark\:focus\:text-primary-100-important:focus { color: #f6ddd9 !important; } .focus\:text-primary-200-important:focus { color: #f0bfb8 !important; } .dark .dark\:focus\:text-primary-200-important:focus { color: #f0bfb8 !important; } .focus\:text-primary-300-important:focus { color: #eb9f93 !important; } .dark .dark\:focus\:text-primary-300-important:focus { color: #eb9f93 !important; } .focus\:text-primary-400-important:focus { color: #e67968 !important; } .dark .dark\:focus\:text-primary-400-important:focus { color: #e67968 !important; } .focus\:text-primary-500-important:focus { color: #e2462e !important; } .dark .dark\:focus\:text-primary-500-important:focus { color: #e2462e !important; } .focus\:text-primary-600-important:focus { color: #d5371e !important; } .dark .dark\:focus\:text-primary-600-important:focus { color: #cb341d !important; } .focus\:text-primary-700-important:focus { color: #ae2e1a !important; } .dark .dark\:focus\:text-primary-700-important:focus { color: #972817 !important; } .focus\:text-primary-800-important:focus { color: #881f0f !important; } .dark .dark\:focus\:text-primary-800-important:focus { color: #68180b !important; } .focus\:text-primary-900-important:focus { color: #55140a !important; } .dark .dark\:focus\:text-primary-900-important:focus { color: #360d06 !important; } .hover\:text-primary-50:hover { color: #f7eceb; } .dark .dark\:hover\:text-primary-50:hover { color: #f7eceb; } .group:hover .group-hover\:text-primary-50 { color: #f7eceb; } .hover\:text-primary-100:hover { color: #f6ddd9; } .dark .dark\:hover\:text-primary-100:hover { color: #f6ddd9; } .group:hover .group-hover\:text-primary-100 { color: #f6ddd9; } .hover\:text-primary-200:hover { color: #f0bfb8; } .dark .dark\:hover\:text-primary-200:hover { color: #f0bfb8; } .group:hover .group-hover\:text-primary-200 { color: #f0bfb8; } .hover\:text-primary-300:hover { color: #eb9f93; } .dark .dark\:hover\:text-primary-300:hover { color: #eb9f93; } .group:hover .group-hover\:text-primary-300 { color: #eb9f93; } .hover\:text-primary-400:hover { color: #e67968; } .dark .dark\:hover\:text-primary-400:hover { color: #e67968; } .group:hover .group-hover\:text-primary-400 { color: #e67968; } .hover\:text-primary-500:hover { color: #e2462e; } .dark .dark\:hover\:text-primary-500:hover { color: #e2462e; } .group:hover .group-hover\:text-primary-500 { color: #e2462e; } .hover\:text-primary-600:hover { color: #d5371e; } .dark .dark\:hover\:text-primary-600:hover { color: #cb341d; } .group:hover .group-hover\:text-primary-600 { color: #d5371e; } .hover\:text-primary-700:hover { color: #ae2e1a; } .dark .dark\:hover\:text-primary-700:hover { color: #972817; } .group:hover .group-hover\:text-primary-700 { color: #ae2e1a; } .hover\:text-primary-800:hover { color: #881f0f; } .dark .dark\:hover\:text-primary-800:hover { color: #68180b; } .group:hover .group-hover\:text-primary-800 { color: #881f0f; } .hover\:text-primary-900:hover { color: #55140a; } .dark .dark\:hover\:text-primary-900:hover { color: #360d06; } .group:hover .group-hover\:text-primary-900 { color: #55140a; } .hover\:text-primary-50-important:hover { color: #f7eceb !important; } .dark .dark\:hover\:text-primary-50-important:hover { color: #f7eceb !important; } .group:hover .group-hover\:text-primary-50-important { color: #f7eceb !important; } .hover\:text-primary-100-important:hover { color: #f6ddd9 !important; } .dark .dark\:hover\:text-primary-100-important:hover { color: #f6ddd9 !important; } .group:hover .group-hover\:text-primary-100-important { color: #f6ddd9 !important; } .hover\:text-primary-200-important:hover { color: #f0bfb8 !important; } .dark .dark\:hover\:text-primary-200-important:hover { color: #f0bfb8 !important; } .group:hover .group-hover\:text-primary-200-important { color: #f0bfb8 !important; } .hover\:text-primary-300-important:hover { color: #eb9f93 !important; } .dark .dark\:hover\:text-primary-300-important:hover { color: #eb9f93 !important; } .group:hover .group-hover\:text-primary-300-important { color: #eb9f93 !important; } .hover\:text-primary-400-important:hover { color: #e67968 !important; } .dark .dark\:hover\:text-primary-400-important:hover { color: #e67968 !important; } .group:hover .group-hover\:text-primary-400-important { color: #e67968 !important; } .hover\:text-primary-500-important:hover { color: #e2462e !important; } .dark .dark\:hover\:text-primary-500-important:hover { color: #e2462e !important; } .group:hover .group-hover\:text-primary-500-important { color: #e2462e !important; } .hover\:text-primary-600-important:hover { color: #d5371e !important; } .dark .dark\:hover\:text-primary-600-important:hover { color: #cb341d !important; } .group:hover .group-hover\:text-primary-600-important { color: #d5371e !important; } .hover\:text-primary-700-important:hover { color: #ae2e1a !important; } .dark .dark\:hover\:text-primary-700-important:hover { color: #972817 !important; } .group:hover .group-hover\:text-primary-700-important { color: #ae2e1a !important; } .hover\:text-primary-800-important:hover { color: #881f0f !important; } .dark .dark\:hover\:text-primary-800-important:hover { color: #68180b !important; } .group:hover .group-hover\:text-primary-800-important { color: #881f0f !important; } .hover\:text-primary-900-important:hover { color: #55140a !important; } .dark .dark\:hover\:text-primary-900-important:hover { color: #360d06 !important; } .group:hover .group-hover\:text-primary-900-important { color: #55140a !important; } .border-primary-50 { border-color: #f7eceb; } .dark .dark\:border-primary-50 { border-color: #f7eceb; } .border-primary-100 { border-color: #f6ddd9; } .dark .dark\:border-primary-100 { border-color: #f6ddd9; } .border-primary-200 { border-color: #f0bfb8; } .dark .dark\:border-primary-200 { border-color: #f0bfb8; } .border-primary-300 { border-color: #eb9f93; } .dark .dark\:border-primary-300 { border-color: #eb9f93; } .border-primary-400 { border-color: #e67968; } .dark .dark\:border-primary-400 { border-color: #e67968; } .border-primary-500 { border-color: #e2462e; } .dark .dark\:border-primary-500 { border-color: #e2462e; } .border-primary-600 { border-color: #d5371e; } .dark .dark\:border-primary-600 { border-color: #cb341d; } .border-primary-700 { border-color: #ae2e1a; } .dark .dark\:border-primary-700 { border-color: #972817; } .border-primary-800 { border-color: #881f0f; } .dark .dark\:border-primary-800 { border-color: #68180b; } .border-primary-900 { border-color: #55140a; } .dark .dark\:border-primary-900 { border-color: #360d06; } .border-primary-50-important { border-color: #f7eceb !important; } .dark .dark\:border-primary-50-important { border-color: #f7eceb !important; } .border-primary-100-important { border-color: #f6ddd9 !important; } .dark .dark\:border-primary-100-important { border-color: #f6ddd9 !important; } .border-primary-200-important { border-color: #f0bfb8 !important; } .dark .dark\:border-primary-200-important { border-color: #f0bfb8 !important; } .border-primary-300-important { border-color: #eb9f93 !important; } .dark .dark\:border-primary-300-important { border-color: #eb9f93 !important; } .border-primary-400-important { border-color: #e67968 !important; } .dark .dark\:border-primary-400-important { border-color: #e67968 !important; } .border-primary-500-important { border-color: #e2462e !important; } .dark .dark\:border-primary-500-important { border-color: #e2462e !important; } .border-primary-600-important { border-color: #d5371e !important; } .dark .dark\:border-primary-600-important { border-color: #cb341d !important; } .border-primary-700-important { border-color: #ae2e1a !important; } .dark .dark\:border-primary-700-important { border-color: #972817 !important; } .border-primary-800-important { border-color: #881f0f !important; } .dark .dark\:border-primary-800-important { border-color: #68180b !important; } .border-primary-900-important { border-color: #55140a !important; } .dark .dark\:border-primary-900-important { border-color: #360d06 !important; } .focus\:border-primary-50:focus { border-color: #f7eceb; } .dark .dark\:focus\:border-primary-50:focus { border-color: #f7eceb; } .focus\:border-primary-100:focus { border-color: #f6ddd9; } .dark .dark\:focus\:border-primary-100:focus { border-color: #f6ddd9; } .focus\:border-primary-200:focus { border-color: #f0bfb8; } .dark .dark\:focus\:border-primary-200:focus { border-color: #f0bfb8; } .focus\:border-primary-300:focus { border-color: #eb9f93; } .dark .dark\:focus\:border-primary-300:focus { border-color: #eb9f93; } .focus\:border-primary-400:focus { border-color: #e67968; } .dark .dark\:focus\:border-primary-400:focus { border-color: #e67968; } .focus\:border-primary-500:focus { border-color: #e2462e; } .dark .dark\:focus\:border-primary-500:focus { border-color: #e2462e; } .focus\:border-primary-600:focus { border-color: #d5371e; } .dark .dark\:focus\:border-primary-600:focus { border-color: #cb341d; } .focus\:border-primary-700:focus { border-color: #ae2e1a; } .dark .dark\:focus\:border-primary-700:focus { border-color: #972817; } .focus\:border-primary-800:focus { border-color: #881f0f; } .dark .dark\:focus\:border-primary-800:focus { border-color: #68180b; } .focus\:border-primary-900:focus { border-color: #55140a; } .dark .dark\:focus\:border-primary-900:focus { border-color: #360d06; } .focus\:border-primary-50-important:focus { border-color: #f7eceb !important; } .dark .dark\:focus\:border-primary-50-important:focus { border-color: #f7eceb !important; } .focus\:border-primary-100-important:focus { border-color: #f6ddd9 !important; } .dark .dark\:focus\:border-primary-100-important:focus { border-color: #f6ddd9 !important; } .focus\:border-primary-200-important:focus { border-color: #f0bfb8 !important; } .dark .dark\:focus\:border-primary-200-important:focus { border-color: #f0bfb8 !important; } .focus\:border-primary-300-important:focus { border-color: #eb9f93 !important; } .dark .dark\:focus\:border-primary-300-important:focus { border-color: #eb9f93 !important; } .focus\:border-primary-400-important:focus { border-color: #e67968 !important; } .dark .dark\:focus\:border-primary-400-important:focus { border-color: #e67968 !important; } .focus\:border-primary-500-important:focus { border-color: #e2462e !important; } .dark .dark\:focus\:border-primary-500-important:focus { border-color: #e2462e !important; } .focus\:border-primary-600-important:focus { border-color: #d5371e !important; } .dark .dark\:focus\:border-primary-600-important:focus { border-color: #cb341d !important; } .focus\:border-primary-700-important:focus { border-color: #ae2e1a !important; } .dark .dark\:focus\:border-primary-700-important:focus { border-color: #972817 !important; } .focus\:border-primary-800-important:focus { border-color: #881f0f !important; } .dark .dark\:focus\:border-primary-800-important:focus { border-color: #68180b !important; } .focus\:border-primary-900-important:focus { border-color: #55140a !important; } .dark .dark\:focus\:border-primary-900-important:focus { border-color: #360d06 !important; } .hover\:border-primary-50:hover { border-color: #f7eceb; } .dark .dark\:hover\:border-primary-50:hover { border-color: #f7eceb; } .group:hover .group-hover\:border-primary-50 { border-color: #f7eceb; } .hover\:border-primary-100:hover { border-color: #f6ddd9; } .dark .dark\:hover\:border-primary-100:hover { border-color: #f6ddd9; } .group:hover .group-hover\:border-primary-100 { border-color: #f6ddd9; } .hover\:border-primary-200:hover { border-color: #f0bfb8; } .dark .dark\:hover\:border-primary-200:hover { border-color: #f0bfb8; } .group:hover .group-hover\:border-primary-200 { border-color: #f0bfb8; } .hover\:border-primary-300:hover { border-color: #eb9f93; } .dark .dark\:hover\:border-primary-300:hover { border-color: #eb9f93; } .group:hover .group-hover\:border-primary-300 { border-color: #eb9f93; } .hover\:border-primary-400:hover { border-color: #e67968; } .dark .dark\:hover\:border-primary-400:hover { border-color: #e67968; } .group:hover .group-hover\:border-primary-400 { border-color: #e67968; } .hover\:border-primary-500:hover { border-color: #e2462e; } .dark .dark\:hover\:border-primary-500:hover { border-color: #e2462e; } .group:hover .group-hover\:border-primary-500 { border-color: #e2462e; } .hover\:border-primary-600:hover { border-color: #d5371e; } .dark .dark\:hover\:border-primary-600:hover { border-color: #cb341d; } .group:hover .group-hover\:border-primary-600 { border-color: #d5371e; } .hover\:border-primary-700:hover { border-color: #ae2e1a; } .dark .dark\:hover\:border-primary-700:hover { border-color: #972817; } .group:hover .group-hover\:border-primary-700 { border-color: #ae2e1a; } .hover\:border-primary-800:hover { border-color: #881f0f; } .dark .dark\:hover\:border-primary-800:hover { border-color: #68180b; } .group:hover .group-hover\:border-primary-800 { border-color: #881f0f; } .hover\:border-primary-900:hover { border-color: #55140a; } .dark .dark\:hover\:border-primary-900:hover { border-color: #360d06; } .group:hover .group-hover\:border-primary-900 { border-color: #55140a; } .hover\:border-primary-50-important:hover { border-color: #f7eceb !important; } .dark .dark\:hover\:border-primary-50-important:hover { border-color: #f7eceb !important; } .group:hover .group-hover\:border-primary-50-important { border-color: #f7eceb !important; } .hover\:border-primary-100-important:hover { border-color: #f6ddd9 !important; } .dark .dark\:hover\:border-primary-100-important:hover { border-color: #f6ddd9 !important; } .group:hover .group-hover\:border-primary-100-important { border-color: #f6ddd9 !important; } .hover\:border-primary-200-important:hover { border-color: #f0bfb8 !important; } .dark .dark\:hover\:border-primary-200-important:hover { border-color: #f0bfb8 !important; } .group:hover .group-hover\:border-primary-200-important { border-color: #f0bfb8 !important; } .hover\:border-primary-300-important:hover { border-color: #eb9f93 !important; } .dark .dark\:hover\:border-primary-300-important:hover { border-color: #eb9f93 !important; } .group:hover .group-hover\:border-primary-300-important { border-color: #eb9f93 !important; } .hover\:border-primary-400-important:hover { border-color: #e67968 !important; } .dark .dark\:hover\:border-primary-400-important:hover { border-color: #e67968 !important; } .group:hover .group-hover\:border-primary-400-important { border-color: #e67968 !important; } .hover\:border-primary-500-important:hover { border-color: #e2462e !important; } .dark .dark\:hover\:border-primary-500-important:hover { border-color: #e2462e !important; } .group:hover .group-hover\:border-primary-500-important { border-color: #e2462e !important; } .hover\:border-primary-600-important:hover { border-color: #d5371e !important; } .dark .dark\:hover\:border-primary-600-important:hover { border-color: #cb341d !important; } .group:hover .group-hover\:border-primary-600-important { border-color: #d5371e !important; } .hover\:border-primary-700-important:hover { border-color: #ae2e1a !important; } .dark .dark\:hover\:border-primary-700-important:hover { border-color: #972817 !important; } .group:hover .group-hover\:border-primary-700-important { border-color: #ae2e1a !important; } .hover\:border-primary-800-important:hover { border-color: #881f0f !important; } .dark .dark\:hover\:border-primary-800-important:hover { border-color: #68180b !important; } .group:hover .group-hover\:border-primary-800-important { border-color: #881f0f !important; } .hover\:border-primary-900-important:hover { border-color: #55140a !important; } .dark .dark\:hover\:border-primary-900-important:hover { border-color: #360d06 !important; } .group:hover .group-hover\:border-primary-900-important { border-color: #55140a !important; } .from-primary-50 { --tw-gradient-from: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #d5371e !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: #ae2e1a !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: #972817 !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: #ae2e1a !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: #881f0f !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: #68180b !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: #881f0f !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: #55140a !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: #360d06 !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: #55140a !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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f6ddd9; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #f0bfb8; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #eb9f93; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e67968; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #cb341d; --tw-gradient-stops: var(--tw-gradient-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: #d5371e; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #972817; --tw-gradient-stops: var(--tw-gradient-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: #ae2e1a; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #68180b; --tw-gradient-stops: var(--tw-gradient-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: #881f0f; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #360d06; --tw-gradient-stops: var(--tw-gradient-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: #55140a; --tw-gradient-stops: var(--tw-gradient-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: #f7eceb !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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #d5371e !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: #ae2e1a !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: #972817 !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: #ae2e1a !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: #881f0f !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: #68180b !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: #881f0f !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: #55140a !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: #360d06 !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: #55140a !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: #f7eceb; --tw-ring-color: #f7eceb; } .dark .dark\:ring-primary-50 { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .ring-primary-100 { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .dark .dark\:ring-primary-100 { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .ring-primary-200 { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .dark .dark\:ring-primary-200 { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .ring-primary-300 { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .dark .dark\:ring-primary-300 { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .ring-primary-400 { --ring-color: #e67968; --tw-ring-color: #e67968; } .dark .dark\:ring-primary-400 { --ring-color: #e67968; --tw-ring-color: #e67968; } .ring-primary-500 { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .dark .dark\:ring-primary-500 { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .ring-primary-600 { --ring-color: #d5371e; --tw-ring-color: #d5371e; } .dark .dark\:ring-primary-600 { --ring-color: #cb341d; --tw-ring-color: #cb341d; } .ring-primary-700 { --ring-color: #ae2e1a; --tw-ring-color: #ae2e1a; } .dark .dark\:ring-primary-700 { --ring-color: #972817; --tw-ring-color: #972817; } .ring-primary-800 { --ring-color: #881f0f; --tw-ring-color: #881f0f; } .dark .dark\:ring-primary-800 { --ring-color: #68180b; --tw-ring-color: #68180b; } .ring-primary-900 { --ring-color: #55140a; --tw-ring-color: #55140a; } .dark .dark\:ring-primary-900 { --ring-color: #360d06; --tw-ring-color: #360d06; } .ring-primary-50-important { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .dark .dark\:ring-primary-50-important { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .ring-primary-100-important { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .dark .dark\:ring-primary-100-important { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .ring-primary-200-important { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .dark .dark\:ring-primary-200-important { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .ring-primary-300-important { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .dark .dark\:ring-primary-300-important { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .ring-primary-400-important { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .dark .dark\:ring-primary-400-important { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .ring-primary-500-important { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .dark .dark\:ring-primary-500-important { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .ring-primary-600-important { --ring-color: #d5371e !important; --tw-ring-color: #d5371e !important; } .dark .dark\:ring-primary-600-important { --ring-color: #cb341d !important; --tw-ring-color: #cb341d !important; } .ring-primary-700-important { --ring-color: #ae2e1a !important; --tw-ring-color: #ae2e1a !important; } .dark .dark\:ring-primary-700-important { --ring-color: #972817 !important; --tw-ring-color: #972817 !important; } .ring-primary-800-important { --ring-color: #881f0f !important; --tw-ring-color: #881f0f !important; } .dark .dark\:ring-primary-800-important { --ring-color: #68180b !important; --tw-ring-color: #68180b !important; } .ring-primary-900-important { --ring-color: #55140a !important; --tw-ring-color: #55140a !important; } .dark .dark\:ring-primary-900-important { --ring-color: #360d06 !important; --tw-ring-color: #360d06 !important; } .focus\:ring-primary-50:focus { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .dark .dark\:focus\:ring-primary-50:focus { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .focus\:ring-primary-100:focus { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .dark .dark\:focus\:ring-primary-100:focus { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .focus\:ring-primary-200:focus { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .dark .dark\:focus\:ring-primary-200:focus { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .focus\:ring-primary-300:focus { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .dark .dark\:focus\:ring-primary-300:focus { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .focus\:ring-primary-400:focus { --ring-color: #e67968; --tw-ring-color: #e67968; } .dark .dark\:focus\:ring-primary-400:focus { --ring-color: #e67968; --tw-ring-color: #e67968; } .focus\:ring-primary-500:focus { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .dark .dark\:focus\:ring-primary-500:focus { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .focus\:ring-primary-600:focus { --ring-color: #d5371e; --tw-ring-color: #d5371e; } .dark .dark\:focus\:ring-primary-600:focus { --ring-color: #cb341d; --tw-ring-color: #cb341d; } .focus\:ring-primary-700:focus { --ring-color: #ae2e1a; --tw-ring-color: #ae2e1a; } .dark .dark\:focus\:ring-primary-700:focus { --ring-color: #972817; --tw-ring-color: #972817; } .focus\:ring-primary-800:focus { --ring-color: #881f0f; --tw-ring-color: #881f0f; } .dark .dark\:focus\:ring-primary-800:focus { --ring-color: #68180b; --tw-ring-color: #68180b; } .focus\:ring-primary-900:focus { --ring-color: #55140a; --tw-ring-color: #55140a; } .dark .dark\:focus\:ring-primary-900:focus { --ring-color: #360d06; --tw-ring-color: #360d06; } .focus\:ring-primary-50-important:focus { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .dark .dark\:focus\:ring-primary-50-important:focus { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .focus\:ring-primary-100-important:focus { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .dark .dark\:focus\:ring-primary-100-important:focus { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .focus\:ring-primary-200-important:focus { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .dark .dark\:focus\:ring-primary-200-important:focus { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .focus\:ring-primary-300-important:focus { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .dark .dark\:focus\:ring-primary-300-important:focus { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .focus\:ring-primary-400-important:focus { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .dark .dark\:focus\:ring-primary-400-important:focus { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .focus\:ring-primary-500-important:focus { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .dark .dark\:focus\:ring-primary-500-important:focus { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .focus\:ring-primary-600-important:focus { --ring-color: #d5371e !important; --tw-ring-color: #d5371e !important; } .dark .dark\:focus\:ring-primary-600-important:focus { --ring-color: #cb341d !important; --tw-ring-color: #cb341d !important; } .focus\:ring-primary-700-important:focus { --ring-color: #ae2e1a !important; --tw-ring-color: #ae2e1a !important; } .dark .dark\:focus\:ring-primary-700-important:focus { --ring-color: #972817 !important; --tw-ring-color: #972817 !important; } .focus\:ring-primary-800-important:focus { --ring-color: #881f0f !important; --tw-ring-color: #881f0f !important; } .dark .dark\:focus\:ring-primary-800-important:focus { --ring-color: #68180b !important; --tw-ring-color: #68180b !important; } .focus\:ring-primary-900-important:focus { --ring-color: #55140a !important; --tw-ring-color: #55140a !important; } .dark .dark\:focus\:ring-primary-900-important:focus { --ring-color: #360d06 !important; --tw-ring-color: #360d06 !important; } .hover\:ring-primary-50:hover { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .dark .dark\:hover\:ring-primary-50:hover { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .group:hover .group-hover\:ring-primary-50 { --ring-color: #f7eceb; --tw-ring-color: #f7eceb; } .hover\:ring-primary-100:hover { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .dark .dark\:hover\:ring-primary-100:hover { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .group:hover .group-hover\:ring-primary-100 { --ring-color: #f6ddd9; --tw-ring-color: #f6ddd9; } .hover\:ring-primary-200:hover { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .dark .dark\:hover\:ring-primary-200:hover { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .group:hover .group-hover\:ring-primary-200 { --ring-color: #f0bfb8; --tw-ring-color: #f0bfb8; } .hover\:ring-primary-300:hover { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .dark .dark\:hover\:ring-primary-300:hover { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .group:hover .group-hover\:ring-primary-300 { --ring-color: #eb9f93; --tw-ring-color: #eb9f93; } .hover\:ring-primary-400:hover { --ring-color: #e67968; --tw-ring-color: #e67968; } .dark .dark\:hover\:ring-primary-400:hover { --ring-color: #e67968; --tw-ring-color: #e67968; } .group:hover .group-hover\:ring-primary-400 { --ring-color: #e67968; --tw-ring-color: #e67968; } .hover\:ring-primary-500:hover { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .dark .dark\:hover\:ring-primary-500:hover { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .group:hover .group-hover\:ring-primary-500 { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .hover\:ring-primary-600:hover { --ring-color: #d5371e; --tw-ring-color: #d5371e; } .dark .dark\:hover\:ring-primary-600:hover { --ring-color: #cb341d; --tw-ring-color: #cb341d; } .group:hover .group-hover\:ring-primary-600 { --ring-color: #d5371e; --tw-ring-color: #d5371e; } .hover\:ring-primary-700:hover { --ring-color: #ae2e1a; --tw-ring-color: #ae2e1a; } .dark .dark\:hover\:ring-primary-700:hover { --ring-color: #972817; --tw-ring-color: #972817; } .group:hover .group-hover\:ring-primary-700 { --ring-color: #ae2e1a; --tw-ring-color: #ae2e1a; } .hover\:ring-primary-800:hover { --ring-color: #881f0f; --tw-ring-color: #881f0f; } .dark .dark\:hover\:ring-primary-800:hover { --ring-color: #68180b; --tw-ring-color: #68180b; } .group:hover .group-hover\:ring-primary-800 { --ring-color: #881f0f; --tw-ring-color: #881f0f; } .hover\:ring-primary-900:hover { --ring-color: #55140a; --tw-ring-color: #55140a; } .dark .dark\:hover\:ring-primary-900:hover { --ring-color: #360d06; --tw-ring-color: #360d06; } .group:hover .group-hover\:ring-primary-900 { --ring-color: #55140a; --tw-ring-color: #55140a; } .hover\:ring-primary-50-important:hover { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .dark .dark\:hover\:ring-primary-50-important:hover { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .group:hover .group-hover\:ring-primary-50-important { --ring-color: #f7eceb !important; --tw-ring-color: #f7eceb !important; } .hover\:ring-primary-100-important:hover { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .dark .dark\:hover\:ring-primary-100-important:hover { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .group:hover .group-hover\:ring-primary-100-important { --ring-color: #f6ddd9 !important; --tw-ring-color: #f6ddd9 !important; } .hover\:ring-primary-200-important:hover { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .dark .dark\:hover\:ring-primary-200-important:hover { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .group:hover .group-hover\:ring-primary-200-important { --ring-color: #f0bfb8 !important; --tw-ring-color: #f0bfb8 !important; } .hover\:ring-primary-300-important:hover { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .dark .dark\:hover\:ring-primary-300-important:hover { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .group:hover .group-hover\:ring-primary-300-important { --ring-color: #eb9f93 !important; --tw-ring-color: #eb9f93 !important; } .hover\:ring-primary-400-important:hover { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .dark .dark\:hover\:ring-primary-400-important:hover { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .group:hover .group-hover\:ring-primary-400-important { --ring-color: #e67968 !important; --tw-ring-color: #e67968 !important; } .hover\:ring-primary-500-important:hover { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .dark .dark\:hover\:ring-primary-500-important:hover { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .group:hover .group-hover\:ring-primary-500-important { --ring-color: #e2462e !important; --tw-ring-color: #e2462e !important; } .hover\:ring-primary-600-important:hover { --ring-color: #d5371e !important; --tw-ring-color: #d5371e !important; } .dark .dark\:hover\:ring-primary-600-important:hover { --ring-color: #cb341d !important; --tw-ring-color: #cb341d !important; } .group:hover .group-hover\:ring-primary-600-important { --ring-color: #d5371e !important; --tw-ring-color: #d5371e !important; } .hover\:ring-primary-700-important:hover { --ring-color: #ae2e1a !important; --tw-ring-color: #ae2e1a !important; } .dark .dark\:hover\:ring-primary-700-important:hover { --ring-color: #972817 !important; --tw-ring-color: #972817 !important; } .group:hover .group-hover\:ring-primary-700-important { --ring-color: #ae2e1a !important; --tw-ring-color: #ae2e1a !important; } .hover\:ring-primary-800-important:hover { --ring-color: #881f0f !important; --tw-ring-color: #881f0f !important; } .dark .dark\:hover\:ring-primary-800-important:hover { --ring-color: #68180b !important; --tw-ring-color: #68180b !important; } .group:hover .group-hover\:ring-primary-800-important { --ring-color: #881f0f !important; --tw-ring-color: #881f0f !important; } .hover\:ring-primary-900-important:hover { --ring-color: #55140a !important; --tw-ring-color: #55140a !important; } .dark .dark\:hover\:ring-primary-900-important:hover { --ring-color: #360d06 !important; --tw-ring-color: #360d06 !important; } .group:hover .group-hover\:ring-primary-900-important { --ring-color: #55140a !important; --tw-ring-color: #55140a !important; } .via-primary-50 { --tw-gradient-via: #f7eceb; --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: #f7eceb; --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: #f6ddd9; --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: #f6ddd9; --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: #f0bfb8; --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: #f0bfb8; --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: #eb9f93; --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: #eb9f93; --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: #e67968; --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: #e67968; --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: #e2462e; --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: #e2462e; --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: #d5371e; --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: #cb341d; --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: #ae2e1a; --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: #972817; --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: #881f0f; --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: #68180b; --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: #55140a; --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: #360d06; --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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --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: #f7eceb; --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: #f6ddd9; --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: #f6ddd9; --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: #f0bfb8; --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: #f0bfb8; --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: #eb9f93; --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: #eb9f93; --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: #e67968; --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: #e67968; --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: #e2462e; --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: #e2462e; --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: #d5371e; --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: #cb341d; --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: #ae2e1a; --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: #972817; --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: #881f0f; --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: #68180b; --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: #55140a; --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: #360d06; --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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #ae2e1a !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: #972817 !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: #881f0f !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: #68180b !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: #55140a !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: #360d06 !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: #f7eceb; --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: #f7eceb; --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: #f7eceb; --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: #f6ddd9; --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: #f6ddd9; --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: #f6ddd9; --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: #f0bfb8; --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: #f0bfb8; --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: #f0bfb8; --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: #eb9f93; --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: #eb9f93; --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: #eb9f93; --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: #e67968; --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: #e67968; --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: #e67968; --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: #e2462e; --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: #e2462e; --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: #e2462e; --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: #d5371e; --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: #cb341d; --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: #d5371e; --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: #ae2e1a; --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: #972817; --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: #ae2e1a; --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: #881f0f; --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: #68180b; --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: #881f0f; --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: #55140a; --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: #360d06; --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: #55140a; --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: #f7eceb !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: #f7eceb !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: #f7eceb !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: #f6ddd9 !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: #f6ddd9 !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: #f6ddd9 !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: #f0bfb8 !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: #f0bfb8 !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: #f0bfb8 !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: #eb9f93 !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: #eb9f93 !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: #eb9f93 !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: #e67968 !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: #e67968 !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: #e67968 !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: #e2462e !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: #e2462e !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: #e2462e !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: #d5371e !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: #cb341d !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: #d5371e !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: #ae2e1a !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: #972817 !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: #ae2e1a !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: #881f0f !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: #68180b !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: #881f0f !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: #55140a !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: #360d06 !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: #55140a !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: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-50 { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100 { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-100 { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200 { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-200 { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300 { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-300 { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400 { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-400 { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500 { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-500 { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600 { --tw-shadow-color: #d5371e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-600 { --tw-shadow-color: #cb341d; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700 { --tw-shadow-color: #ae2e1a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-700 { --tw-shadow-color: #972817; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800 { --tw-shadow-color: #881f0f; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-800 { --tw-shadow-color: #68180b; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900 { --tw-shadow-color: #55140a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-900 { --tw-shadow-color: #360d06; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50-important { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-50-important { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100-important { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-100-important { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200-important { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-200-important { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300-important { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-300-important { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400-important { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-400-important { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500-important { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-500-important { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600-important { --tw-shadow-color: #d5371e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-600-important { --tw-shadow-color: #cb341d !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700-important { --tw-shadow-color: #ae2e1a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-700-important { --tw-shadow-color: #972817 !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800-important { --tw-shadow-color: #881f0f !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-800-important { --tw-shadow-color: #68180b !important; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900-important { --tw-shadow-color: #55140a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:shadow-primary-900-important { --tw-shadow-color: #360d06 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50:focus { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-50:focus { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100:focus { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-100:focus { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200:focus { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-200:focus { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300:focus { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-300:focus { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400:focus { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-400:focus { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500:focus { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-500:focus { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600:focus { --tw-shadow-color: #d5371e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-600:focus { --tw-shadow-color: #cb341d; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700:focus { --tw-shadow-color: #ae2e1a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-700:focus { --tw-shadow-color: #972817; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800:focus { --tw-shadow-color: #881f0f; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-800:focus { --tw-shadow-color: #68180b; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900:focus { --tw-shadow-color: #55140a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-900:focus { --tw-shadow-color: #360d06; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50-important:focus { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-50-important:focus { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100-important:focus { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-100-important:focus { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200-important:focus { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-200-important:focus { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300-important:focus { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-300-important:focus { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400-important:focus { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-400-important:focus { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500-important:focus { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-500-important:focus { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600-important:focus { --tw-shadow-color: #d5371e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-600-important:focus { --tw-shadow-color: #cb341d !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700-important:focus { --tw-shadow-color: #ae2e1a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-700-important:focus { --tw-shadow-color: #972817 !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800-important:focus { --tw-shadow-color: #881f0f !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-800-important:focus { --tw-shadow-color: #68180b !important; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900-important:focus { --tw-shadow-color: #55140a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:focus\:shadow-primary-900-important:focus { --tw-shadow-color: #360d06 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50:hover { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-50:hover { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50 { --tw-shadow-color: #f7eceb; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100:hover { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-100:hover { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100 { --tw-shadow-color: #f6ddd9; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200:hover { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-200:hover { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200 { --tw-shadow-color: #f0bfb8; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300:hover { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-300:hover { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300 { --tw-shadow-color: #eb9f93; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400:hover { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-400:hover { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400 { --tw-shadow-color: #e67968; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500:hover { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-500:hover { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500 { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600:hover { --tw-shadow-color: #d5371e; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-600:hover { --tw-shadow-color: #cb341d; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600 { --tw-shadow-color: #d5371e; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700:hover { --tw-shadow-color: #ae2e1a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-700:hover { --tw-shadow-color: #972817; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700 { --tw-shadow-color: #ae2e1a; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800:hover { --tw-shadow-color: #881f0f; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-800:hover { --tw-shadow-color: #68180b; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800 { --tw-shadow-color: #881f0f; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900:hover { --tw-shadow-color: #55140a; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-900:hover { --tw-shadow-color: #360d06; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900 { --tw-shadow-color: #55140a; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50-important:hover { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-50-important:hover { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50-important { --tw-shadow-color: #f7eceb !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100-important:hover { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-100-important:hover { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100-important { --tw-shadow-color: #f6ddd9 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200-important:hover { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-200-important:hover { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200-important { --tw-shadow-color: #f0bfb8 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300-important:hover { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-300-important:hover { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300-important { --tw-shadow-color: #eb9f93 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400-important:hover { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-400-important:hover { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400-important { --tw-shadow-color: #e67968 !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500-important:hover { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-500-important:hover { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500-important { --tw-shadow-color: #e2462e !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600-important:hover { --tw-shadow-color: #d5371e !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-600-important:hover { --tw-shadow-color: #cb341d !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600-important { --tw-shadow-color: #d5371e !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700-important:hover { --tw-shadow-color: #ae2e1a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-700-important:hover { --tw-shadow-color: #972817 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700-important { --tw-shadow-color: #ae2e1a !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800-important:hover { --tw-shadow-color: #881f0f !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-800-important:hover { --tw-shadow-color: #68180b !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800-important { --tw-shadow-color: #881f0f !important; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900-important:hover { --tw-shadow-color: #55140a !important; --tw-shadow: var(--tw-shadow-colored); } .dark .dark\:hover\:shadow-primary-900-important:hover { --tw-shadow-color: #360d06 !important; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900-important { --tw-shadow-color: #55140a !important; --tw-shadow: var(--tw-shadow-colored); }:root { --primary: #e2462e; --primary-50: #f7eceb; --primary-100: #f6ddd9; --primary-200: #f0bfb8; --primary-300: #eb9f93; --primary-400: #e67968; --primary-500: #e2462e; --primary-600: #d5371e; --primary-700: #ae2e1a; --primary-800: #881f0f; --primary-900: #55140a; --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(226, 70, 46, var(--bg-opacity)); } .hover\:bg-primary:hover { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .focus\:bg-primary:focus { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .group:hover .group-hover\:bg-primary { --bg-opacity: 1; background-color: rgba(226, 70, 46, var(--bg-opacity)); } .bg-primary\/5 { background-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:bg-primary\/5:hover { background-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:bg-primary\/5:focus { background-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:bg-primary\/5 { background-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 5%, transparent); } } .bg-primary\/10 { background-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:bg-primary\/10:hover { background-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:bg-primary\/10:focus { background-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:bg-primary\/10 { background-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 10%, transparent); } } .bg-primary\/15 { background-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:bg-primary\/15:hover { background-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:bg-primary\/15:focus { background-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:bg-primary\/15 { background-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 15%, transparent); } } .bg-primary\/20 { background-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:bg-primary\/20:hover { background-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:bg-primary\/20:focus { background-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:bg-primary\/20 { background-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 20%, transparent); } } .bg-primary\/25 { background-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:bg-primary\/25:hover { background-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:bg-primary\/25:focus { background-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:bg-primary\/25 { background-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 25%, transparent); } } .bg-primary\/30 { background-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:bg-primary\/30:hover { background-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:bg-primary\/30:focus { background-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:bg-primary\/30 { background-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 30%, transparent); } } .bg-primary\/35 { background-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:bg-primary\/35:hover { background-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:bg-primary\/35:focus { background-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:bg-primary\/35 { background-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 35%, transparent); } } .bg-primary\/40 { background-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:bg-primary\/40:hover { background-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:bg-primary\/40:focus { background-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:bg-primary\/40 { background-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 40%, transparent); } } .bg-primary\/45 { background-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:bg-primary\/45:hover { background-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:bg-primary\/45:focus { background-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:bg-primary\/45 { background-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 45%, transparent); } } .bg-primary\/50 { background-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:bg-primary\/50:hover { background-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:bg-primary\/50:focus { background-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:bg-primary\/50 { background-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 50%, transparent); } } .bg-primary\/55 { background-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:bg-primary\/55:hover { background-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:bg-primary\/55:focus { background-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:bg-primary\/55 { background-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 55%, transparent); } } .bg-primary\/60 { background-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:bg-primary\/60:hover { background-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:bg-primary\/60:focus { background-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:bg-primary\/60 { background-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 60%, transparent); } } .bg-primary\/65 { background-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:bg-primary\/65:hover { background-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:bg-primary\/65:focus { background-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:bg-primary\/65 { background-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 65%, transparent); } } .bg-primary\/70 { background-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:bg-primary\/70:hover { background-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:bg-primary\/70:focus { background-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:bg-primary\/70 { background-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 70%, transparent); } } .bg-primary\/75 { background-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:bg-primary\/75:hover { background-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:bg-primary\/75:focus { background-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:bg-primary\/75 { background-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 75%, transparent); } } .bg-primary\/80 { background-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:bg-primary\/80:hover { background-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:bg-primary\/80:focus { background-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:bg-primary\/80 { background-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 80%, transparent); } } .bg-primary\/85 { background-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:bg-primary\/85:hover { background-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:bg-primary\/85:focus { background-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:bg-primary\/85 { background-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 85%, transparent); } } .bg-primary\/90 { background-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:bg-primary\/90:hover { background-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:bg-primary\/90:focus { background-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:bg-primary\/90 { background-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 90%, transparent); } } .bg-primary\/95 { background-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:bg-primary\/95:hover { background-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:bg-primary\/95:focus { background-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:bg-primary\/95 { background-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #e2462e 95%, transparent); } } .text-primary { color: #e2462e; } .hover\:text-primary:hover { color: #e2462e; } .focus\:text-primary:focus { color: #e2462e; } .group:hover .group-hover\:text-primary { color: #e2462e; } .text-primary\/5 { color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:text-primary\/5:hover { color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:text-primary\/5:focus { color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:text-primary\/5 { color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 5%, transparent); } } .text-primary\/10 { color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:text-primary\/10:hover { color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:text-primary\/10:focus { color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:text-primary\/10 { color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 10%, transparent); } } .text-primary\/15 { color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:text-primary\/15:hover { color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:text-primary\/15:focus { color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:text-primary\/15 { color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 15%, transparent); } } .text-primary\/20 { color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:text-primary\/20:hover { color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:text-primary\/20:focus { color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:text-primary\/20 { color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 20%, transparent); } } .text-primary\/25 { color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:text-primary\/25:hover { color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:text-primary\/25:focus { color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:text-primary\/25 { color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 25%, transparent); } } .text-primary\/30 { color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:text-primary\/30:hover { color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:text-primary\/30:focus { color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:text-primary\/30 { color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 30%, transparent); } } .text-primary\/35 { color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:text-primary\/35:hover { color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:text-primary\/35:focus { color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:text-primary\/35 { color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 35%, transparent); } } .text-primary\/40 { color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:text-primary\/40:hover { color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:text-primary\/40:focus { color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:text-primary\/40 { color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 40%, transparent); } } .text-primary\/45 { color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:text-primary\/45:hover { color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:text-primary\/45:focus { color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:text-primary\/45 { color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 45%, transparent); } } .text-primary\/50 { color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:text-primary\/50:hover { color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:text-primary\/50:focus { color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:text-primary\/50 { color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 50%, transparent); } } .text-primary\/55 { color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:text-primary\/55:hover { color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:text-primary\/55:focus { color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:text-primary\/55 { color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 55%, transparent); } } .text-primary\/60 { color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:text-primary\/60:hover { color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:text-primary\/60:focus { color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:text-primary\/60 { color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 60%, transparent); } } .text-primary\/65 { color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:text-primary\/65:hover { color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:text-primary\/65:focus { color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:text-primary\/65 { color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 65%, transparent); } } .text-primary\/70 { color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:text-primary\/70:hover { color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:text-primary\/70:focus { color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:text-primary\/70 { color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 70%, transparent); } } .text-primary\/75 { color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:text-primary\/75:hover { color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:text-primary\/75:focus { color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:text-primary\/75 { color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 75%, transparent); } } .text-primary\/80 { color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:text-primary\/80:hover { color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:text-primary\/80:focus { color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:text-primary\/80 { color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 80%, transparent); } } .text-primary\/85 { color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:text-primary\/85:hover { color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:text-primary\/85:focus { color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:text-primary\/85 { color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 85%, transparent); } } .text-primary\/90 { color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:text-primary\/90:hover { color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:text-primary\/90:focus { color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:text-primary\/90 { color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 90%, transparent); } } .text-primary\/95 { color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:text-primary\/95:hover { color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:text-primary\/95:focus { color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:text-primary\/95 { color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #e2462e 95%, transparent); } } .border-primary { border-color: #e2462e; } .hover\:border-primary:hover { border-color: #e2462e; } .focus\:border-primary:focus { border-color: #e2462e; } .group:hover .group-hover\:border-primary { border-color: #e2462e; } .border-primary\/5 { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:border-primary\/5:hover { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:border-primary\/5:focus { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:border-primary\/5 { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .border-primary\/10 { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:border-primary\/10:hover { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:border-primary\/10:focus { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:border-primary\/10 { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .border-primary\/15 { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:border-primary\/15:hover { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:border-primary\/15:focus { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:border-primary\/15 { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .border-primary\/20 { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:border-primary\/20:hover { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:border-primary\/20:focus { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:border-primary\/20 { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .border-primary\/25 { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:border-primary\/25:hover { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:border-primary\/25:focus { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:border-primary\/25 { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .border-primary\/30 { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:border-primary\/30:hover { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:border-primary\/30:focus { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:border-primary\/30 { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .border-primary\/35 { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:border-primary\/35:hover { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:border-primary\/35:focus { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:border-primary\/35 { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .border-primary\/40 { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:border-primary\/40:hover { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:border-primary\/40:focus { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:border-primary\/40 { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .border-primary\/45 { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:border-primary\/45:hover { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:border-primary\/45:focus { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:border-primary\/45 { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .border-primary\/50 { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:border-primary\/50:hover { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:border-primary\/50:focus { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:border-primary\/50 { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .border-primary\/55 { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:border-primary\/55:hover { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:border-primary\/55:focus { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:border-primary\/55 { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .border-primary\/60 { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:border-primary\/60:hover { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:border-primary\/60:focus { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:border-primary\/60 { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .border-primary\/65 { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:border-primary\/65:hover { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:border-primary\/65:focus { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:border-primary\/65 { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .border-primary\/70 { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:border-primary\/70:hover { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:border-primary\/70:focus { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:border-primary\/70 { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .border-primary\/75 { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:border-primary\/75:hover { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:border-primary\/75:focus { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:border-primary\/75 { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .border-primary\/80 { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:border-primary\/80:hover { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:border-primary\/80:focus { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:border-primary\/80 { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .border-primary\/85 { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:border-primary\/85:hover { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:border-primary\/85:focus { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:border-primary\/85 { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .border-primary\/90 { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:border-primary\/90:hover { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:border-primary\/90:focus { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:border-primary\/90 { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .border-primary\/95 { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:border-primary\/95:hover { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:border-primary\/95:focus { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:border-primary\/95 { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .ring-primary { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .hover\:ring-primary:hover { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .focus\:ring-primary:focus { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .group:hover .group-hover\:ring-primary { --ring-color: #e2462e; --tw-ring-color: #e2462e; } .ring-primary\/5 { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:ring-primary\/5:hover { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:ring-primary\/5:focus { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:ring-primary\/5 { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .ring-primary\/10 { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:ring-primary\/10:hover { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:ring-primary\/10:focus { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:ring-primary\/10 { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .ring-primary\/15 { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:ring-primary\/15:hover { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:ring-primary\/15:focus { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:ring-primary\/15 { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .ring-primary\/20 { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:ring-primary\/20:hover { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:ring-primary\/20:focus { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:ring-primary\/20 { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .ring-primary\/25 { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:ring-primary\/25:hover { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:ring-primary\/25:focus { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:ring-primary\/25 { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .ring-primary\/30 { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:ring-primary\/30:hover { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:ring-primary\/30:focus { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:ring-primary\/30 { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .ring-primary\/35 { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:ring-primary\/35:hover { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:ring-primary\/35:focus { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:ring-primary\/35 { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .ring-primary\/40 { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:ring-primary\/40:hover { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:ring-primary\/40:focus { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:ring-primary\/40 { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .ring-primary\/45 { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:ring-primary\/45:hover { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:ring-primary\/45:focus { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:ring-primary\/45 { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .ring-primary\/50 { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:ring-primary\/50:hover { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:ring-primary\/50:focus { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:ring-primary\/50 { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .ring-primary\/55 { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:ring-primary\/55:hover { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:ring-primary\/55:focus { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:ring-primary\/55 { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .ring-primary\/60 { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:ring-primary\/60:hover { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:ring-primary\/60:focus { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:ring-primary\/60 { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .ring-primary\/65 { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:ring-primary\/65:hover { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:ring-primary\/65:focus { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:ring-primary\/65 { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .ring-primary\/70 { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:ring-primary\/70:hover { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:ring-primary\/70:focus { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:ring-primary\/70 { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .ring-primary\/75 { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:ring-primary\/75:hover { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:ring-primary\/75:focus { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:ring-primary\/75 { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .ring-primary\/80 { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:ring-primary\/80:hover { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:ring-primary\/80:focus { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:ring-primary\/80 { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .ring-primary\/85 { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:ring-primary\/85:hover { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:ring-primary\/85:focus { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:ring-primary\/85 { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .ring-primary\/90 { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:ring-primary\/90:hover { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:ring-primary\/90:focus { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:ring-primary\/90 { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .ring-primary\/95 { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:ring-primary\/95:hover { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:ring-primary\/95:focus { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:ring-primary\/95 { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .shadow-primary { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary:hover { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary:focus { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary { --tw-shadow-color: #e2462e; --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/5 { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/5:hover { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/5:focus { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/5 { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/10 { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/10:hover { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/10:focus { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/10 { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/15 { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/15:hover { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/15:focus { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/15 { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/20 { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/20:hover { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/20:focus { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/20 { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/25 { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/25:hover { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/25:focus { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/25 { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/30 { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/30:hover { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/30:focus { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/30 { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/35 { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/35:hover { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/35:focus { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/35 { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/40 { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/40:hover { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/40:focus { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/40 { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/45 { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/45:hover { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/45:focus { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/45 { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/50 { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/50:hover { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/50:focus { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/50 { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/55 { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/55:hover { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/55:focus { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/55 { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/60 { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/60:hover { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/60:focus { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/60 { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/65 { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/65:hover { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/65:focus { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/65 { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/70 { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/70:hover { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/70:focus { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/70 { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/75 { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/75:hover { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/75:focus { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/75 { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/80 { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/80:hover { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/80:focus { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/80 { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/85 { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/85:hover { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/85:focus { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/85 { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/90 { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/90:hover { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/90:focus { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/90 { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary\/95 { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary\/95:hover { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary\/95:focus { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary\/95 { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .border-primary-50\/5 { border-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .hover\:border-primary-50\/5:hover { border-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .focus\:border-primary-50\/5:focus { border-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .group:hover .group-hover\:border-primary-50\/5 { border-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .border-primary-50\/10 { border-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .hover\:border-primary-50\/10:hover { border-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .focus\:border-primary-50\/10:focus { border-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .group:hover .group-hover\:border-primary-50\/10 { border-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .border-primary-50\/15 { border-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .hover\:border-primary-50\/15:hover { border-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .focus\:border-primary-50\/15:focus { border-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .group:hover .group-hover\:border-primary-50\/15 { border-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .border-primary-50\/20 { border-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .hover\:border-primary-50\/20:hover { border-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .focus\:border-primary-50\/20:focus { border-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .group:hover .group-hover\:border-primary-50\/20 { border-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .border-primary-50\/25 { border-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .hover\:border-primary-50\/25:hover { border-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .focus\:border-primary-50\/25:focus { border-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .group:hover .group-hover\:border-primary-50\/25 { border-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .border-primary-50\/30 { border-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .hover\:border-primary-50\/30:hover { border-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .focus\:border-primary-50\/30:focus { border-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .group:hover .group-hover\:border-primary-50\/30 { border-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .border-primary-50\/35 { border-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .hover\:border-primary-50\/35:hover { border-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .focus\:border-primary-50\/35:focus { border-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .group:hover .group-hover\:border-primary-50\/35 { border-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .border-primary-50\/40 { border-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .hover\:border-primary-50\/40:hover { border-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .focus\:border-primary-50\/40:focus { border-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .group:hover .group-hover\:border-primary-50\/40 { border-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .border-primary-50\/45 { border-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .hover\:border-primary-50\/45:hover { border-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .focus\:border-primary-50\/45:focus { border-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .group:hover .group-hover\:border-primary-50\/45 { border-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .border-primary-50\/50 { border-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .hover\:border-primary-50\/50:hover { border-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .focus\:border-primary-50\/50:focus { border-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .group:hover .group-hover\:border-primary-50\/50 { border-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .border-primary-50\/55 { border-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .hover\:border-primary-50\/55:hover { border-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .focus\:border-primary-50\/55:focus { border-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .group:hover .group-hover\:border-primary-50\/55 { border-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .border-primary-50\/60 { border-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .hover\:border-primary-50\/60:hover { border-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .focus\:border-primary-50\/60:focus { border-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .group:hover .group-hover\:border-primary-50\/60 { border-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .border-primary-50\/65 { border-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .hover\:border-primary-50\/65:hover { border-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .focus\:border-primary-50\/65:focus { border-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .group:hover .group-hover\:border-primary-50\/65 { border-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .border-primary-50\/70 { border-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .hover\:border-primary-50\/70:hover { border-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .focus\:border-primary-50\/70:focus { border-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .group:hover .group-hover\:border-primary-50\/70 { border-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .border-primary-50\/75 { border-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .hover\:border-primary-50\/75:hover { border-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .focus\:border-primary-50\/75:focus { border-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .group:hover .group-hover\:border-primary-50\/75 { border-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .border-primary-50\/80 { border-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .hover\:border-primary-50\/80:hover { border-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .focus\:border-primary-50\/80:focus { border-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .group:hover .group-hover\:border-primary-50\/80 { border-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .border-primary-50\/85 { border-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .hover\:border-primary-50\/85:hover { border-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .focus\:border-primary-50\/85:focus { border-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .group:hover .group-hover\:border-primary-50\/85 { border-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .border-primary-50\/90 { border-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .hover\:border-primary-50\/90:hover { border-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .focus\:border-primary-50\/90:focus { border-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .group:hover .group-hover\:border-primary-50\/90 { border-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .border-primary-50\/95 { border-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .hover\:border-primary-50\/95:hover { border-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .focus\:border-primary-50\/95:focus { border-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .group:hover .group-hover\:border-primary-50\/95 { border-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .border-primary-100\/5 { border-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .hover\:border-primary-100\/5:hover { border-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .focus\:border-primary-100\/5:focus { border-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .group:hover .group-hover\:border-primary-100\/5 { border-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .border-primary-100\/10 { border-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .hover\:border-primary-100\/10:hover { border-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .focus\:border-primary-100\/10:focus { border-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .group:hover .group-hover\:border-primary-100\/10 { border-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .border-primary-100\/15 { border-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .hover\:border-primary-100\/15:hover { border-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .focus\:border-primary-100\/15:focus { border-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .group:hover .group-hover\:border-primary-100\/15 { border-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .border-primary-100\/20 { border-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .hover\:border-primary-100\/20:hover { border-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .focus\:border-primary-100\/20:focus { border-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .group:hover .group-hover\:border-primary-100\/20 { border-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .border-primary-100\/25 { border-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .hover\:border-primary-100\/25:hover { border-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .focus\:border-primary-100\/25:focus { border-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .group:hover .group-hover\:border-primary-100\/25 { border-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .border-primary-100\/30 { border-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .hover\:border-primary-100\/30:hover { border-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .focus\:border-primary-100\/30:focus { border-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .group:hover .group-hover\:border-primary-100\/30 { border-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .border-primary-100\/35 { border-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .hover\:border-primary-100\/35:hover { border-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .focus\:border-primary-100\/35:focus { border-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .group:hover .group-hover\:border-primary-100\/35 { border-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .border-primary-100\/40 { border-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .hover\:border-primary-100\/40:hover { border-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .focus\:border-primary-100\/40:focus { border-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .group:hover .group-hover\:border-primary-100\/40 { border-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .border-primary-100\/45 { border-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .hover\:border-primary-100\/45:hover { border-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .focus\:border-primary-100\/45:focus { border-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .group:hover .group-hover\:border-primary-100\/45 { border-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .border-primary-100\/50 { border-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .hover\:border-primary-100\/50:hover { border-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .focus\:border-primary-100\/50:focus { border-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .group:hover .group-hover\:border-primary-100\/50 { border-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .border-primary-100\/55 { border-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .hover\:border-primary-100\/55:hover { border-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .focus\:border-primary-100\/55:focus { border-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .group:hover .group-hover\:border-primary-100\/55 { border-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .border-primary-100\/60 { border-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .hover\:border-primary-100\/60:hover { border-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .focus\:border-primary-100\/60:focus { border-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .group:hover .group-hover\:border-primary-100\/60 { border-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .border-primary-100\/65 { border-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .hover\:border-primary-100\/65:hover { border-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .focus\:border-primary-100\/65:focus { border-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .group:hover .group-hover\:border-primary-100\/65 { border-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .border-primary-100\/70 { border-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .hover\:border-primary-100\/70:hover { border-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .focus\:border-primary-100\/70:focus { border-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .group:hover .group-hover\:border-primary-100\/70 { border-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .border-primary-100\/75 { border-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .hover\:border-primary-100\/75:hover { border-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .focus\:border-primary-100\/75:focus { border-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .group:hover .group-hover\:border-primary-100\/75 { border-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .border-primary-100\/80 { border-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .hover\:border-primary-100\/80:hover { border-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .focus\:border-primary-100\/80:focus { border-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .group:hover .group-hover\:border-primary-100\/80 { border-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .border-primary-100\/85 { border-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .hover\:border-primary-100\/85:hover { border-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .focus\:border-primary-100\/85:focus { border-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .group:hover .group-hover\:border-primary-100\/85 { border-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .border-primary-100\/90 { border-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .hover\:border-primary-100\/90:hover { border-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .focus\:border-primary-100\/90:focus { border-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .group:hover .group-hover\:border-primary-100\/90 { border-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .border-primary-100\/95 { border-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .hover\:border-primary-100\/95:hover { border-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .focus\:border-primary-100\/95:focus { border-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .group:hover .group-hover\:border-primary-100\/95 { border-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .border-primary-200\/5 { border-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .hover\:border-primary-200\/5:hover { border-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .focus\:border-primary-200\/5:focus { border-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .group:hover .group-hover\:border-primary-200\/5 { border-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .border-primary-200\/10 { border-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .hover\:border-primary-200\/10:hover { border-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .focus\:border-primary-200\/10:focus { border-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .group:hover .group-hover\:border-primary-200\/10 { border-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .border-primary-200\/15 { border-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .hover\:border-primary-200\/15:hover { border-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .focus\:border-primary-200\/15:focus { border-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .group:hover .group-hover\:border-primary-200\/15 { border-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .border-primary-200\/20 { border-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .hover\:border-primary-200\/20:hover { border-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .focus\:border-primary-200\/20:focus { border-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .group:hover .group-hover\:border-primary-200\/20 { border-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .border-primary-200\/25 { border-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .hover\:border-primary-200\/25:hover { border-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .focus\:border-primary-200\/25:focus { border-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .group:hover .group-hover\:border-primary-200\/25 { border-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .border-primary-200\/30 { border-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .hover\:border-primary-200\/30:hover { border-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .focus\:border-primary-200\/30:focus { border-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .group:hover .group-hover\:border-primary-200\/30 { border-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .border-primary-200\/35 { border-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .hover\:border-primary-200\/35:hover { border-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .focus\:border-primary-200\/35:focus { border-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .group:hover .group-hover\:border-primary-200\/35 { border-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .border-primary-200\/40 { border-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .hover\:border-primary-200\/40:hover { border-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .focus\:border-primary-200\/40:focus { border-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .group:hover .group-hover\:border-primary-200\/40 { border-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .border-primary-200\/45 { border-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .hover\:border-primary-200\/45:hover { border-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .focus\:border-primary-200\/45:focus { border-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .group:hover .group-hover\:border-primary-200\/45 { border-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .border-primary-200\/50 { border-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .hover\:border-primary-200\/50:hover { border-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .focus\:border-primary-200\/50:focus { border-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .group:hover .group-hover\:border-primary-200\/50 { border-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .border-primary-200\/55 { border-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .hover\:border-primary-200\/55:hover { border-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .focus\:border-primary-200\/55:focus { border-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .group:hover .group-hover\:border-primary-200\/55 { border-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .border-primary-200\/60 { border-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .hover\:border-primary-200\/60:hover { border-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .focus\:border-primary-200\/60:focus { border-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .group:hover .group-hover\:border-primary-200\/60 { border-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .border-primary-200\/65 { border-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .hover\:border-primary-200\/65:hover { border-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .focus\:border-primary-200\/65:focus { border-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .group:hover .group-hover\:border-primary-200\/65 { border-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .border-primary-200\/70 { border-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .hover\:border-primary-200\/70:hover { border-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .focus\:border-primary-200\/70:focus { border-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .group:hover .group-hover\:border-primary-200\/70 { border-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .border-primary-200\/75 { border-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .hover\:border-primary-200\/75:hover { border-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .focus\:border-primary-200\/75:focus { border-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .group:hover .group-hover\:border-primary-200\/75 { border-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .border-primary-200\/80 { border-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .hover\:border-primary-200\/80:hover { border-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .focus\:border-primary-200\/80:focus { border-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .group:hover .group-hover\:border-primary-200\/80 { border-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .border-primary-200\/85 { border-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .hover\:border-primary-200\/85:hover { border-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .focus\:border-primary-200\/85:focus { border-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .group:hover .group-hover\:border-primary-200\/85 { border-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .border-primary-200\/90 { border-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .hover\:border-primary-200\/90:hover { border-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .focus\:border-primary-200\/90:focus { border-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .group:hover .group-hover\:border-primary-200\/90 { border-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .border-primary-200\/95 { border-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .hover\:border-primary-200\/95:hover { border-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .focus\:border-primary-200\/95:focus { border-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .group:hover .group-hover\:border-primary-200\/95 { border-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .border-primary-300\/5 { border-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .hover\:border-primary-300\/5:hover { border-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .focus\:border-primary-300\/5:focus { border-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .group:hover .group-hover\:border-primary-300\/5 { border-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .border-primary-300\/10 { border-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .hover\:border-primary-300\/10:hover { border-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .focus\:border-primary-300\/10:focus { border-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .group:hover .group-hover\:border-primary-300\/10 { border-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .border-primary-300\/15 { border-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .hover\:border-primary-300\/15:hover { border-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .focus\:border-primary-300\/15:focus { border-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .group:hover .group-hover\:border-primary-300\/15 { border-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .border-primary-300\/20 { border-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .hover\:border-primary-300\/20:hover { border-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .focus\:border-primary-300\/20:focus { border-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .group:hover .group-hover\:border-primary-300\/20 { border-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .border-primary-300\/25 { border-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .hover\:border-primary-300\/25:hover { border-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .focus\:border-primary-300\/25:focus { border-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .group:hover .group-hover\:border-primary-300\/25 { border-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .border-primary-300\/30 { border-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .hover\:border-primary-300\/30:hover { border-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .focus\:border-primary-300\/30:focus { border-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .group:hover .group-hover\:border-primary-300\/30 { border-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .border-primary-300\/35 { border-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .hover\:border-primary-300\/35:hover { border-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .focus\:border-primary-300\/35:focus { border-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .group:hover .group-hover\:border-primary-300\/35 { border-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .border-primary-300\/40 { border-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .hover\:border-primary-300\/40:hover { border-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .focus\:border-primary-300\/40:focus { border-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .group:hover .group-hover\:border-primary-300\/40 { border-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .border-primary-300\/45 { border-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .hover\:border-primary-300\/45:hover { border-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .focus\:border-primary-300\/45:focus { border-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .group:hover .group-hover\:border-primary-300\/45 { border-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .border-primary-300\/50 { border-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .hover\:border-primary-300\/50:hover { border-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .focus\:border-primary-300\/50:focus { border-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .group:hover .group-hover\:border-primary-300\/50 { border-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .border-primary-300\/55 { border-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .hover\:border-primary-300\/55:hover { border-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .focus\:border-primary-300\/55:focus { border-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .group:hover .group-hover\:border-primary-300\/55 { border-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .border-primary-300\/60 { border-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .hover\:border-primary-300\/60:hover { border-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .focus\:border-primary-300\/60:focus { border-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .group:hover .group-hover\:border-primary-300\/60 { border-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .border-primary-300\/65 { border-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .hover\:border-primary-300\/65:hover { border-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .focus\:border-primary-300\/65:focus { border-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .group:hover .group-hover\:border-primary-300\/65 { border-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .border-primary-300\/70 { border-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .hover\:border-primary-300\/70:hover { border-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .focus\:border-primary-300\/70:focus { border-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .group:hover .group-hover\:border-primary-300\/70 { border-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .border-primary-300\/75 { border-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .hover\:border-primary-300\/75:hover { border-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .focus\:border-primary-300\/75:focus { border-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .group:hover .group-hover\:border-primary-300\/75 { border-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .border-primary-300\/80 { border-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .hover\:border-primary-300\/80:hover { border-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .focus\:border-primary-300\/80:focus { border-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .group:hover .group-hover\:border-primary-300\/80 { border-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .border-primary-300\/85 { border-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .hover\:border-primary-300\/85:hover { border-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .focus\:border-primary-300\/85:focus { border-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .group:hover .group-hover\:border-primary-300\/85 { border-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .border-primary-300\/90 { border-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .hover\:border-primary-300\/90:hover { border-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .focus\:border-primary-300\/90:focus { border-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .group:hover .group-hover\:border-primary-300\/90 { border-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .border-primary-300\/95 { border-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .hover\:border-primary-300\/95:hover { border-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .focus\:border-primary-300\/95:focus { border-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .group:hover .group-hover\:border-primary-300\/95 { border-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .border-primary-400\/5 { border-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 5%, transparent); } } .hover\:border-primary-400\/5:hover { border-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 5%, transparent); } } .focus\:border-primary-400\/5:focus { border-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 5%, transparent); } } .group:hover .group-hover\:border-primary-400\/5 { border-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 5%, transparent); } } .border-primary-400\/10 { border-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 10%, transparent); } } .hover\:border-primary-400\/10:hover { border-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 10%, transparent); } } .focus\:border-primary-400\/10:focus { border-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 10%, transparent); } } .group:hover .group-hover\:border-primary-400\/10 { border-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 10%, transparent); } } .border-primary-400\/15 { border-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 15%, transparent); } } .hover\:border-primary-400\/15:hover { border-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 15%, transparent); } } .focus\:border-primary-400\/15:focus { border-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 15%, transparent); } } .group:hover .group-hover\:border-primary-400\/15 { border-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 15%, transparent); } } .border-primary-400\/20 { border-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 20%, transparent); } } .hover\:border-primary-400\/20:hover { border-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 20%, transparent); } } .focus\:border-primary-400\/20:focus { border-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 20%, transparent); } } .group:hover .group-hover\:border-primary-400\/20 { border-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 20%, transparent); } } .border-primary-400\/25 { border-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 25%, transparent); } } .hover\:border-primary-400\/25:hover { border-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 25%, transparent); } } .focus\:border-primary-400\/25:focus { border-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 25%, transparent); } } .group:hover .group-hover\:border-primary-400\/25 { border-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 25%, transparent); } } .border-primary-400\/30 { border-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 30%, transparent); } } .hover\:border-primary-400\/30:hover { border-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 30%, transparent); } } .focus\:border-primary-400\/30:focus { border-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 30%, transparent); } } .group:hover .group-hover\:border-primary-400\/30 { border-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 30%, transparent); } } .border-primary-400\/35 { border-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 35%, transparent); } } .hover\:border-primary-400\/35:hover { border-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 35%, transparent); } } .focus\:border-primary-400\/35:focus { border-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 35%, transparent); } } .group:hover .group-hover\:border-primary-400\/35 { border-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 35%, transparent); } } .border-primary-400\/40 { border-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 40%, transparent); } } .hover\:border-primary-400\/40:hover { border-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 40%, transparent); } } .focus\:border-primary-400\/40:focus { border-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 40%, transparent); } } .group:hover .group-hover\:border-primary-400\/40 { border-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 40%, transparent); } } .border-primary-400\/45 { border-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 45%, transparent); } } .hover\:border-primary-400\/45:hover { border-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 45%, transparent); } } .focus\:border-primary-400\/45:focus { border-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 45%, transparent); } } .group:hover .group-hover\:border-primary-400\/45 { border-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 45%, transparent); } } .border-primary-400\/50 { border-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 50%, transparent); } } .hover\:border-primary-400\/50:hover { border-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 50%, transparent); } } .focus\:border-primary-400\/50:focus { border-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 50%, transparent); } } .group:hover .group-hover\:border-primary-400\/50 { border-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 50%, transparent); } } .border-primary-400\/55 { border-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 55%, transparent); } } .hover\:border-primary-400\/55:hover { border-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 55%, transparent); } } .focus\:border-primary-400\/55:focus { border-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 55%, transparent); } } .group:hover .group-hover\:border-primary-400\/55 { border-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 55%, transparent); } } .border-primary-400\/60 { border-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 60%, transparent); } } .hover\:border-primary-400\/60:hover { border-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 60%, transparent); } } .focus\:border-primary-400\/60:focus { border-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 60%, transparent); } } .group:hover .group-hover\:border-primary-400\/60 { border-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 60%, transparent); } } .border-primary-400\/65 { border-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 65%, transparent); } } .hover\:border-primary-400\/65:hover { border-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 65%, transparent); } } .focus\:border-primary-400\/65:focus { border-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 65%, transparent); } } .group:hover .group-hover\:border-primary-400\/65 { border-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 65%, transparent); } } .border-primary-400\/70 { border-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 70%, transparent); } } .hover\:border-primary-400\/70:hover { border-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 70%, transparent); } } .focus\:border-primary-400\/70:focus { border-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 70%, transparent); } } .group:hover .group-hover\:border-primary-400\/70 { border-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 70%, transparent); } } .border-primary-400\/75 { border-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 75%, transparent); } } .hover\:border-primary-400\/75:hover { border-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 75%, transparent); } } .focus\:border-primary-400\/75:focus { border-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 75%, transparent); } } .group:hover .group-hover\:border-primary-400\/75 { border-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 75%, transparent); } } .border-primary-400\/80 { border-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 80%, transparent); } } .hover\:border-primary-400\/80:hover { border-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 80%, transparent); } } .focus\:border-primary-400\/80:focus { border-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 80%, transparent); } } .group:hover .group-hover\:border-primary-400\/80 { border-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 80%, transparent); } } .border-primary-400\/85 { border-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 85%, transparent); } } .hover\:border-primary-400\/85:hover { border-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 85%, transparent); } } .focus\:border-primary-400\/85:focus { border-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 85%, transparent); } } .group:hover .group-hover\:border-primary-400\/85 { border-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 85%, transparent); } } .border-primary-400\/90 { border-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 90%, transparent); } } .hover\:border-primary-400\/90:hover { border-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 90%, transparent); } } .focus\:border-primary-400\/90:focus { border-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 90%, transparent); } } .group:hover .group-hover\:border-primary-400\/90 { border-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 90%, transparent); } } .border-primary-400\/95 { border-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 95%, transparent); } } .hover\:border-primary-400\/95:hover { border-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 95%, transparent); } } .focus\:border-primary-400\/95:focus { border-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 95%, transparent); } } .group:hover .group-hover\:border-primary-400\/95 { border-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e67968 95%, transparent); } } .border-primary-500\/5 { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:border-primary-500\/5:hover { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:border-primary-500\/5:focus { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:border-primary-500\/5 { border-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 5%, transparent); } } .border-primary-500\/10 { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:border-primary-500\/10:hover { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:border-primary-500\/10:focus { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:border-primary-500\/10 { border-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 10%, transparent); } } .border-primary-500\/15 { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:border-primary-500\/15:hover { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:border-primary-500\/15:focus { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:border-primary-500\/15 { border-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 15%, transparent); } } .border-primary-500\/20 { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:border-primary-500\/20:hover { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:border-primary-500\/20:focus { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:border-primary-500\/20 { border-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 20%, transparent); } } .border-primary-500\/25 { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:border-primary-500\/25:hover { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:border-primary-500\/25:focus { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:border-primary-500\/25 { border-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 25%, transparent); } } .border-primary-500\/30 { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:border-primary-500\/30:hover { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:border-primary-500\/30:focus { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:border-primary-500\/30 { border-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 30%, transparent); } } .border-primary-500\/35 { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:border-primary-500\/35:hover { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:border-primary-500\/35:focus { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:border-primary-500\/35 { border-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 35%, transparent); } } .border-primary-500\/40 { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:border-primary-500\/40:hover { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:border-primary-500\/40:focus { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:border-primary-500\/40 { border-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 40%, transparent); } } .border-primary-500\/45 { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:border-primary-500\/45:hover { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:border-primary-500\/45:focus { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:border-primary-500\/45 { border-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 45%, transparent); } } .border-primary-500\/50 { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:border-primary-500\/50:hover { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:border-primary-500\/50:focus { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:border-primary-500\/50 { border-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 50%, transparent); } } .border-primary-500\/55 { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:border-primary-500\/55:hover { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:border-primary-500\/55:focus { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:border-primary-500\/55 { border-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 55%, transparent); } } .border-primary-500\/60 { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:border-primary-500\/60:hover { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:border-primary-500\/60:focus { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:border-primary-500\/60 { border-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 60%, transparent); } } .border-primary-500\/65 { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:border-primary-500\/65:hover { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:border-primary-500\/65:focus { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:border-primary-500\/65 { border-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 65%, transparent); } } .border-primary-500\/70 { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:border-primary-500\/70:hover { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:border-primary-500\/70:focus { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:border-primary-500\/70 { border-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 70%, transparent); } } .border-primary-500\/75 { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:border-primary-500\/75:hover { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:border-primary-500\/75:focus { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:border-primary-500\/75 { border-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 75%, transparent); } } .border-primary-500\/80 { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:border-primary-500\/80:hover { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:border-primary-500\/80:focus { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:border-primary-500\/80 { border-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 80%, transparent); } } .border-primary-500\/85 { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:border-primary-500\/85:hover { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:border-primary-500\/85:focus { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:border-primary-500\/85 { border-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 85%, transparent); } } .border-primary-500\/90 { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:border-primary-500\/90:hover { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:border-primary-500\/90:focus { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:border-primary-500\/90 { border-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 90%, transparent); } } .border-primary-500\/95 { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:border-primary-500\/95:hover { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:border-primary-500\/95:focus { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:border-primary-500\/95 { border-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #e2462e 95%, transparent); } } .border-primary-600\/5 { border-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 5%, transparent); } } .hover\:border-primary-600\/5:hover { border-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 5%, transparent); } } .focus\:border-primary-600\/5:focus { border-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 5%, transparent); } } .group:hover .group-hover\:border-primary-600\/5 { border-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 5%, transparent); } } .border-primary-600\/10 { border-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 10%, transparent); } } .hover\:border-primary-600\/10:hover { border-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 10%, transparent); } } .focus\:border-primary-600\/10:focus { border-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 10%, transparent); } } .group:hover .group-hover\:border-primary-600\/10 { border-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 10%, transparent); } } .border-primary-600\/15 { border-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 15%, transparent); } } .hover\:border-primary-600\/15:hover { border-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 15%, transparent); } } .focus\:border-primary-600\/15:focus { border-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 15%, transparent); } } .group:hover .group-hover\:border-primary-600\/15 { border-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 15%, transparent); } } .border-primary-600\/20 { border-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 20%, transparent); } } .hover\:border-primary-600\/20:hover { border-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 20%, transparent); } } .focus\:border-primary-600\/20:focus { border-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 20%, transparent); } } .group:hover .group-hover\:border-primary-600\/20 { border-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 20%, transparent); } } .border-primary-600\/25 { border-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 25%, transparent); } } .hover\:border-primary-600\/25:hover { border-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 25%, transparent); } } .focus\:border-primary-600\/25:focus { border-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 25%, transparent); } } .group:hover .group-hover\:border-primary-600\/25 { border-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 25%, transparent); } } .border-primary-600\/30 { border-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 30%, transparent); } } .hover\:border-primary-600\/30:hover { border-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 30%, transparent); } } .focus\:border-primary-600\/30:focus { border-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 30%, transparent); } } .group:hover .group-hover\:border-primary-600\/30 { border-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 30%, transparent); } } .border-primary-600\/35 { border-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 35%, transparent); } } .hover\:border-primary-600\/35:hover { border-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 35%, transparent); } } .focus\:border-primary-600\/35:focus { border-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 35%, transparent); } } .group:hover .group-hover\:border-primary-600\/35 { border-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 35%, transparent); } } .border-primary-600\/40 { border-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 40%, transparent); } } .hover\:border-primary-600\/40:hover { border-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 40%, transparent); } } .focus\:border-primary-600\/40:focus { border-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 40%, transparent); } } .group:hover .group-hover\:border-primary-600\/40 { border-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 40%, transparent); } } .border-primary-600\/45 { border-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 45%, transparent); } } .hover\:border-primary-600\/45:hover { border-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 45%, transparent); } } .focus\:border-primary-600\/45:focus { border-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 45%, transparent); } } .group:hover .group-hover\:border-primary-600\/45 { border-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 45%, transparent); } } .border-primary-600\/50 { border-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 50%, transparent); } } .hover\:border-primary-600\/50:hover { border-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 50%, transparent); } } .focus\:border-primary-600\/50:focus { border-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 50%, transparent); } } .group:hover .group-hover\:border-primary-600\/50 { border-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 50%, transparent); } } .border-primary-600\/55 { border-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 55%, transparent); } } .hover\:border-primary-600\/55:hover { border-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 55%, transparent); } } .focus\:border-primary-600\/55:focus { border-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 55%, transparent); } } .group:hover .group-hover\:border-primary-600\/55 { border-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 55%, transparent); } } .border-primary-600\/60 { border-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 60%, transparent); } } .hover\:border-primary-600\/60:hover { border-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 60%, transparent); } } .focus\:border-primary-600\/60:focus { border-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 60%, transparent); } } .group:hover .group-hover\:border-primary-600\/60 { border-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 60%, transparent); } } .border-primary-600\/65 { border-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 65%, transparent); } } .hover\:border-primary-600\/65:hover { border-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 65%, transparent); } } .focus\:border-primary-600\/65:focus { border-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 65%, transparent); } } .group:hover .group-hover\:border-primary-600\/65 { border-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 65%, transparent); } } .border-primary-600\/70 { border-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 70%, transparent); } } .hover\:border-primary-600\/70:hover { border-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 70%, transparent); } } .focus\:border-primary-600\/70:focus { border-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 70%, transparent); } } .group:hover .group-hover\:border-primary-600\/70 { border-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 70%, transparent); } } .border-primary-600\/75 { border-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 75%, transparent); } } .hover\:border-primary-600\/75:hover { border-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 75%, transparent); } } .focus\:border-primary-600\/75:focus { border-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 75%, transparent); } } .group:hover .group-hover\:border-primary-600\/75 { border-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 75%, transparent); } } .border-primary-600\/80 { border-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 80%, transparent); } } .hover\:border-primary-600\/80:hover { border-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 80%, transparent); } } .focus\:border-primary-600\/80:focus { border-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 80%, transparent); } } .group:hover .group-hover\:border-primary-600\/80 { border-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 80%, transparent); } } .border-primary-600\/85 { border-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 85%, transparent); } } .hover\:border-primary-600\/85:hover { border-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 85%, transparent); } } .focus\:border-primary-600\/85:focus { border-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 85%, transparent); } } .group:hover .group-hover\:border-primary-600\/85 { border-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 85%, transparent); } } .border-primary-600\/90 { border-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 90%, transparent); } } .hover\:border-primary-600\/90:hover { border-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 90%, transparent); } } .focus\:border-primary-600\/90:focus { border-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 90%, transparent); } } .group:hover .group-hover\:border-primary-600\/90 { border-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 90%, transparent); } } .border-primary-600\/95 { border-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 95%, transparent); } } .hover\:border-primary-600\/95:hover { border-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 95%, transparent); } } .focus\:border-primary-600\/95:focus { border-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 95%, transparent); } } .group:hover .group-hover\:border-primary-600\/95 { border-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #d5371e 95%, transparent); } } .border-primary-700\/5 { border-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .hover\:border-primary-700\/5:hover { border-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .focus\:border-primary-700\/5:focus { border-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .group:hover .group-hover\:border-primary-700\/5 { border-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .border-primary-700\/10 { border-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .hover\:border-primary-700\/10:hover { border-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .focus\:border-primary-700\/10:focus { border-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .group:hover .group-hover\:border-primary-700\/10 { border-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .border-primary-700\/15 { border-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .hover\:border-primary-700\/15:hover { border-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .focus\:border-primary-700\/15:focus { border-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .group:hover .group-hover\:border-primary-700\/15 { border-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .border-primary-700\/20 { border-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .hover\:border-primary-700\/20:hover { border-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .focus\:border-primary-700\/20:focus { border-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .group:hover .group-hover\:border-primary-700\/20 { border-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .border-primary-700\/25 { border-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .hover\:border-primary-700\/25:hover { border-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .focus\:border-primary-700\/25:focus { border-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .group:hover .group-hover\:border-primary-700\/25 { border-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .border-primary-700\/30 { border-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .hover\:border-primary-700\/30:hover { border-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .focus\:border-primary-700\/30:focus { border-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .group:hover .group-hover\:border-primary-700\/30 { border-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .border-primary-700\/35 { border-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .hover\:border-primary-700\/35:hover { border-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .focus\:border-primary-700\/35:focus { border-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .group:hover .group-hover\:border-primary-700\/35 { border-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .border-primary-700\/40 { border-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .hover\:border-primary-700\/40:hover { border-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .focus\:border-primary-700\/40:focus { border-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .group:hover .group-hover\:border-primary-700\/40 { border-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .border-primary-700\/45 { border-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .hover\:border-primary-700\/45:hover { border-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .focus\:border-primary-700\/45:focus { border-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .group:hover .group-hover\:border-primary-700\/45 { border-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .border-primary-700\/50 { border-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .hover\:border-primary-700\/50:hover { border-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .focus\:border-primary-700\/50:focus { border-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .group:hover .group-hover\:border-primary-700\/50 { border-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .border-primary-700\/55 { border-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .hover\:border-primary-700\/55:hover { border-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .focus\:border-primary-700\/55:focus { border-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .group:hover .group-hover\:border-primary-700\/55 { border-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .border-primary-700\/60 { border-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .hover\:border-primary-700\/60:hover { border-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .focus\:border-primary-700\/60:focus { border-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .group:hover .group-hover\:border-primary-700\/60 { border-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .border-primary-700\/65 { border-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .hover\:border-primary-700\/65:hover { border-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .focus\:border-primary-700\/65:focus { border-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .group:hover .group-hover\:border-primary-700\/65 { border-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .border-primary-700\/70 { border-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .hover\:border-primary-700\/70:hover { border-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .focus\:border-primary-700\/70:focus { border-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .group:hover .group-hover\:border-primary-700\/70 { border-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .border-primary-700\/75 { border-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .hover\:border-primary-700\/75:hover { border-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .focus\:border-primary-700\/75:focus { border-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .group:hover .group-hover\:border-primary-700\/75 { border-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .border-primary-700\/80 { border-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .hover\:border-primary-700\/80:hover { border-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .focus\:border-primary-700\/80:focus { border-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .group:hover .group-hover\:border-primary-700\/80 { border-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .border-primary-700\/85 { border-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .hover\:border-primary-700\/85:hover { border-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .focus\:border-primary-700\/85:focus { border-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .group:hover .group-hover\:border-primary-700\/85 { border-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .border-primary-700\/90 { border-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .hover\:border-primary-700\/90:hover { border-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .focus\:border-primary-700\/90:focus { border-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .group:hover .group-hover\:border-primary-700\/90 { border-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .border-primary-700\/95 { border-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .hover\:border-primary-700\/95:hover { border-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .focus\:border-primary-700\/95:focus { border-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .group:hover .group-hover\:border-primary-700\/95 { border-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .border-primary-800\/5 { border-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 5%, transparent); } } .hover\:border-primary-800\/5:hover { border-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 5%, transparent); } } .focus\:border-primary-800\/5:focus { border-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 5%, transparent); } } .group:hover .group-hover\:border-primary-800\/5 { border-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 5%, transparent); } } .border-primary-800\/10 { border-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 10%, transparent); } } .hover\:border-primary-800\/10:hover { border-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 10%, transparent); } } .focus\:border-primary-800\/10:focus { border-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 10%, transparent); } } .group:hover .group-hover\:border-primary-800\/10 { border-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 10%, transparent); } } .border-primary-800\/15 { border-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 15%, transparent); } } .hover\:border-primary-800\/15:hover { border-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 15%, transparent); } } .focus\:border-primary-800\/15:focus { border-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 15%, transparent); } } .group:hover .group-hover\:border-primary-800\/15 { border-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 15%, transparent); } } .border-primary-800\/20 { border-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 20%, transparent); } } .hover\:border-primary-800\/20:hover { border-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 20%, transparent); } } .focus\:border-primary-800\/20:focus { border-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 20%, transparent); } } .group:hover .group-hover\:border-primary-800\/20 { border-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 20%, transparent); } } .border-primary-800\/25 { border-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 25%, transparent); } } .hover\:border-primary-800\/25:hover { border-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 25%, transparent); } } .focus\:border-primary-800\/25:focus { border-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 25%, transparent); } } .group:hover .group-hover\:border-primary-800\/25 { border-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 25%, transparent); } } .border-primary-800\/30 { border-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 30%, transparent); } } .hover\:border-primary-800\/30:hover { border-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 30%, transparent); } } .focus\:border-primary-800\/30:focus { border-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 30%, transparent); } } .group:hover .group-hover\:border-primary-800\/30 { border-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 30%, transparent); } } .border-primary-800\/35 { border-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 35%, transparent); } } .hover\:border-primary-800\/35:hover { border-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 35%, transparent); } } .focus\:border-primary-800\/35:focus { border-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 35%, transparent); } } .group:hover .group-hover\:border-primary-800\/35 { border-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 35%, transparent); } } .border-primary-800\/40 { border-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 40%, transparent); } } .hover\:border-primary-800\/40:hover { border-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 40%, transparent); } } .focus\:border-primary-800\/40:focus { border-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 40%, transparent); } } .group:hover .group-hover\:border-primary-800\/40 { border-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 40%, transparent); } } .border-primary-800\/45 { border-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 45%, transparent); } } .hover\:border-primary-800\/45:hover { border-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 45%, transparent); } } .focus\:border-primary-800\/45:focus { border-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 45%, transparent); } } .group:hover .group-hover\:border-primary-800\/45 { border-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 45%, transparent); } } .border-primary-800\/50 { border-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 50%, transparent); } } .hover\:border-primary-800\/50:hover { border-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 50%, transparent); } } .focus\:border-primary-800\/50:focus { border-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 50%, transparent); } } .group:hover .group-hover\:border-primary-800\/50 { border-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 50%, transparent); } } .border-primary-800\/55 { border-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 55%, transparent); } } .hover\:border-primary-800\/55:hover { border-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 55%, transparent); } } .focus\:border-primary-800\/55:focus { border-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 55%, transparent); } } .group:hover .group-hover\:border-primary-800\/55 { border-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 55%, transparent); } } .border-primary-800\/60 { border-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 60%, transparent); } } .hover\:border-primary-800\/60:hover { border-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 60%, transparent); } } .focus\:border-primary-800\/60:focus { border-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 60%, transparent); } } .group:hover .group-hover\:border-primary-800\/60 { border-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 60%, transparent); } } .border-primary-800\/65 { border-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 65%, transparent); } } .hover\:border-primary-800\/65:hover { border-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 65%, transparent); } } .focus\:border-primary-800\/65:focus { border-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 65%, transparent); } } .group:hover .group-hover\:border-primary-800\/65 { border-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 65%, transparent); } } .border-primary-800\/70 { border-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 70%, transparent); } } .hover\:border-primary-800\/70:hover { border-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 70%, transparent); } } .focus\:border-primary-800\/70:focus { border-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 70%, transparent); } } .group:hover .group-hover\:border-primary-800\/70 { border-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 70%, transparent); } } .border-primary-800\/75 { border-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 75%, transparent); } } .hover\:border-primary-800\/75:hover { border-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 75%, transparent); } } .focus\:border-primary-800\/75:focus { border-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 75%, transparent); } } .group:hover .group-hover\:border-primary-800\/75 { border-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 75%, transparent); } } .border-primary-800\/80 { border-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 80%, transparent); } } .hover\:border-primary-800\/80:hover { border-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 80%, transparent); } } .focus\:border-primary-800\/80:focus { border-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 80%, transparent); } } .group:hover .group-hover\:border-primary-800\/80 { border-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 80%, transparent); } } .border-primary-800\/85 { border-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 85%, transparent); } } .hover\:border-primary-800\/85:hover { border-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 85%, transparent); } } .focus\:border-primary-800\/85:focus { border-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 85%, transparent); } } .group:hover .group-hover\:border-primary-800\/85 { border-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 85%, transparent); } } .border-primary-800\/90 { border-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 90%, transparent); } } .hover\:border-primary-800\/90:hover { border-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 90%, transparent); } } .focus\:border-primary-800\/90:focus { border-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 90%, transparent); } } .group:hover .group-hover\:border-primary-800\/90 { border-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 90%, transparent); } } .border-primary-800\/95 { border-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 95%, transparent); } } .hover\:border-primary-800\/95:hover { border-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 95%, transparent); } } .focus\:border-primary-800\/95:focus { border-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 95%, transparent); } } .group:hover .group-hover\:border-primary-800\/95 { border-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #881f0f 95%, transparent); } } .border-primary-900\/5 { border-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 5%, transparent); } } .hover\:border-primary-900\/5:hover { border-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 5%, transparent); } } .focus\:border-primary-900\/5:focus { border-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 5%, transparent); } } .group:hover .group-hover\:border-primary-900\/5 { border-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 5%, transparent); } } .border-primary-900\/10 { border-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 10%, transparent); } } .hover\:border-primary-900\/10:hover { border-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 10%, transparent); } } .focus\:border-primary-900\/10:focus { border-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 10%, transparent); } } .group:hover .group-hover\:border-primary-900\/10 { border-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 10%, transparent); } } .border-primary-900\/15 { border-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 15%, transparent); } } .hover\:border-primary-900\/15:hover { border-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 15%, transparent); } } .focus\:border-primary-900\/15:focus { border-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 15%, transparent); } } .group:hover .group-hover\:border-primary-900\/15 { border-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 15%, transparent); } } .border-primary-900\/20 { border-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 20%, transparent); } } .hover\:border-primary-900\/20:hover { border-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 20%, transparent); } } .focus\:border-primary-900\/20:focus { border-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 20%, transparent); } } .group:hover .group-hover\:border-primary-900\/20 { border-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 20%, transparent); } } .border-primary-900\/25 { border-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 25%, transparent); } } .hover\:border-primary-900\/25:hover { border-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 25%, transparent); } } .focus\:border-primary-900\/25:focus { border-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 25%, transparent); } } .group:hover .group-hover\:border-primary-900\/25 { border-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 25%, transparent); } } .border-primary-900\/30 { border-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 30%, transparent); } } .hover\:border-primary-900\/30:hover { border-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 30%, transparent); } } .focus\:border-primary-900\/30:focus { border-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 30%, transparent); } } .group:hover .group-hover\:border-primary-900\/30 { border-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 30%, transparent); } } .border-primary-900\/35 { border-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 35%, transparent); } } .hover\:border-primary-900\/35:hover { border-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 35%, transparent); } } .focus\:border-primary-900\/35:focus { border-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 35%, transparent); } } .group:hover .group-hover\:border-primary-900\/35 { border-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 35%, transparent); } } .border-primary-900\/40 { border-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 40%, transparent); } } .hover\:border-primary-900\/40:hover { border-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 40%, transparent); } } .focus\:border-primary-900\/40:focus { border-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 40%, transparent); } } .group:hover .group-hover\:border-primary-900\/40 { border-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 40%, transparent); } } .border-primary-900\/45 { border-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 45%, transparent); } } .hover\:border-primary-900\/45:hover { border-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 45%, transparent); } } .focus\:border-primary-900\/45:focus { border-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 45%, transparent); } } .group:hover .group-hover\:border-primary-900\/45 { border-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 45%, transparent); } } .border-primary-900\/50 { border-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 50%, transparent); } } .hover\:border-primary-900\/50:hover { border-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 50%, transparent); } } .focus\:border-primary-900\/50:focus { border-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 50%, transparent); } } .group:hover .group-hover\:border-primary-900\/50 { border-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 50%, transparent); } } .border-primary-900\/55 { border-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 55%, transparent); } } .hover\:border-primary-900\/55:hover { border-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 55%, transparent); } } .focus\:border-primary-900\/55:focus { border-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 55%, transparent); } } .group:hover .group-hover\:border-primary-900\/55 { border-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 55%, transparent); } } .border-primary-900\/60 { border-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 60%, transparent); } } .hover\:border-primary-900\/60:hover { border-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 60%, transparent); } } .focus\:border-primary-900\/60:focus { border-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 60%, transparent); } } .group:hover .group-hover\:border-primary-900\/60 { border-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 60%, transparent); } } .border-primary-900\/65 { border-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 65%, transparent); } } .hover\:border-primary-900\/65:hover { border-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 65%, transparent); } } .focus\:border-primary-900\/65:focus { border-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 65%, transparent); } } .group:hover .group-hover\:border-primary-900\/65 { border-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 65%, transparent); } } .border-primary-900\/70 { border-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 70%, transparent); } } .hover\:border-primary-900\/70:hover { border-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 70%, transparent); } } .focus\:border-primary-900\/70:focus { border-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 70%, transparent); } } .group:hover .group-hover\:border-primary-900\/70 { border-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 70%, transparent); } } .border-primary-900\/75 { border-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 75%, transparent); } } .hover\:border-primary-900\/75:hover { border-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 75%, transparent); } } .focus\:border-primary-900\/75:focus { border-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 75%, transparent); } } .group:hover .group-hover\:border-primary-900\/75 { border-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 75%, transparent); } } .border-primary-900\/80 { border-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 80%, transparent); } } .hover\:border-primary-900\/80:hover { border-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 80%, transparent); } } .focus\:border-primary-900\/80:focus { border-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 80%, transparent); } } .group:hover .group-hover\:border-primary-900\/80 { border-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 80%, transparent); } } .border-primary-900\/85 { border-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 85%, transparent); } } .hover\:border-primary-900\/85:hover { border-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 85%, transparent); } } .focus\:border-primary-900\/85:focus { border-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 85%, transparent); } } .group:hover .group-hover\:border-primary-900\/85 { border-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 85%, transparent); } } .border-primary-900\/90 { border-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 90%, transparent); } } .hover\:border-primary-900\/90:hover { border-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 90%, transparent); } } .focus\:border-primary-900\/90:focus { border-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 90%, transparent); } } .group:hover .group-hover\:border-primary-900\/90 { border-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 90%, transparent); } } .border-primary-900\/95 { border-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 95%, transparent); } } .hover\:border-primary-900\/95:hover { border-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 95%, transparent); } } .focus\:border-primary-900\/95:focus { border-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 95%, transparent); } } .group:hover .group-hover\:border-primary-900\/95 { border-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #55140a 95%, transparent); } } .ring-primary-50\/5 { --ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .hover\:ring-primary-50\/5:hover { --ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .focus\:ring-primary-50\/5:focus { --ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .group:hover .group-hover\:ring-primary-50\/5 { --ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 5%, transparent); } } .ring-primary-50\/10 { --ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .hover\:ring-primary-50\/10:hover { --ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .focus\:ring-primary-50\/10:focus { --ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .group:hover .group-hover\:ring-primary-50\/10 { --ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 10%, transparent); } } .ring-primary-50\/15 { --ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .hover\:ring-primary-50\/15:hover { --ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .focus\:ring-primary-50\/15:focus { --ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .group:hover .group-hover\:ring-primary-50\/15 { --ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 15%, transparent); } } .ring-primary-50\/20 { --ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .hover\:ring-primary-50\/20:hover { --ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .focus\:ring-primary-50\/20:focus { --ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .group:hover .group-hover\:ring-primary-50\/20 { --ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 20%, transparent); } } .ring-primary-50\/25 { --ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .hover\:ring-primary-50\/25:hover { --ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .focus\:ring-primary-50\/25:focus { --ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .group:hover .group-hover\:ring-primary-50\/25 { --ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 25%, transparent); } } .ring-primary-50\/30 { --ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .hover\:ring-primary-50\/30:hover { --ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .focus\:ring-primary-50\/30:focus { --ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .group:hover .group-hover\:ring-primary-50\/30 { --ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 30%, transparent); } } .ring-primary-50\/35 { --ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .hover\:ring-primary-50\/35:hover { --ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .focus\:ring-primary-50\/35:focus { --ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .group:hover .group-hover\:ring-primary-50\/35 { --ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 35%, transparent); } } .ring-primary-50\/40 { --ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .hover\:ring-primary-50\/40:hover { --ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .focus\:ring-primary-50\/40:focus { --ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .group:hover .group-hover\:ring-primary-50\/40 { --ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 40%, transparent); } } .ring-primary-50\/45 { --ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .hover\:ring-primary-50\/45:hover { --ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .focus\:ring-primary-50\/45:focus { --ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .group:hover .group-hover\:ring-primary-50\/45 { --ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 45%, transparent); } } .ring-primary-50\/50 { --ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .hover\:ring-primary-50\/50:hover { --ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .focus\:ring-primary-50\/50:focus { --ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .group:hover .group-hover\:ring-primary-50\/50 { --ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 50%, transparent); } } .ring-primary-50\/55 { --ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .hover\:ring-primary-50\/55:hover { --ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .focus\:ring-primary-50\/55:focus { --ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .group:hover .group-hover\:ring-primary-50\/55 { --ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 55%, transparent); } } .ring-primary-50\/60 { --ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .hover\:ring-primary-50\/60:hover { --ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .focus\:ring-primary-50\/60:focus { --ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .group:hover .group-hover\:ring-primary-50\/60 { --ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 60%, transparent); } } .ring-primary-50\/65 { --ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .hover\:ring-primary-50\/65:hover { --ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .focus\:ring-primary-50\/65:focus { --ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .group:hover .group-hover\:ring-primary-50\/65 { --ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 65%, transparent); } } .ring-primary-50\/70 { --ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .hover\:ring-primary-50\/70:hover { --ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .focus\:ring-primary-50\/70:focus { --ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .group:hover .group-hover\:ring-primary-50\/70 { --ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 70%, transparent); } } .ring-primary-50\/75 { --ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .hover\:ring-primary-50\/75:hover { --ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .focus\:ring-primary-50\/75:focus { --ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .group:hover .group-hover\:ring-primary-50\/75 { --ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 75%, transparent); } } .ring-primary-50\/80 { --ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .hover\:ring-primary-50\/80:hover { --ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .focus\:ring-primary-50\/80:focus { --ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .group:hover .group-hover\:ring-primary-50\/80 { --ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 80%, transparent); } } .ring-primary-50\/85 { --ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .hover\:ring-primary-50\/85:hover { --ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .focus\:ring-primary-50\/85:focus { --ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .group:hover .group-hover\:ring-primary-50\/85 { --ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 85%, transparent); } } .ring-primary-50\/90 { --ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .hover\:ring-primary-50\/90:hover { --ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .focus\:ring-primary-50\/90:focus { --ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .group:hover .group-hover\:ring-primary-50\/90 { --ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 90%, transparent); } } .ring-primary-50\/95 { --ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .hover\:ring-primary-50\/95:hover { --ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .focus\:ring-primary-50\/95:focus { --ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .group:hover .group-hover\:ring-primary-50\/95 { --ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-ring-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f7eceb 95%, transparent); } } .ring-primary-100\/5 { --ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .hover\:ring-primary-100\/5:hover { --ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .focus\:ring-primary-100\/5:focus { --ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .group:hover .group-hover\:ring-primary-100\/5 { --ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 5%, transparent); } } .ring-primary-100\/10 { --ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .hover\:ring-primary-100\/10:hover { --ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .focus\:ring-primary-100\/10:focus { --ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .group:hover .group-hover\:ring-primary-100\/10 { --ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 10%, transparent); } } .ring-primary-100\/15 { --ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .hover\:ring-primary-100\/15:hover { --ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .focus\:ring-primary-100\/15:focus { --ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .group:hover .group-hover\:ring-primary-100\/15 { --ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 15%, transparent); } } .ring-primary-100\/20 { --ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .hover\:ring-primary-100\/20:hover { --ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .focus\:ring-primary-100\/20:focus { --ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .group:hover .group-hover\:ring-primary-100\/20 { --ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 20%, transparent); } } .ring-primary-100\/25 { --ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .hover\:ring-primary-100\/25:hover { --ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .focus\:ring-primary-100\/25:focus { --ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .group:hover .group-hover\:ring-primary-100\/25 { --ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 25%, transparent); } } .ring-primary-100\/30 { --ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .hover\:ring-primary-100\/30:hover { --ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .focus\:ring-primary-100\/30:focus { --ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .group:hover .group-hover\:ring-primary-100\/30 { --ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 30%, transparent); } } .ring-primary-100\/35 { --ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .hover\:ring-primary-100\/35:hover { --ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .focus\:ring-primary-100\/35:focus { --ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .group:hover .group-hover\:ring-primary-100\/35 { --ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 35%, transparent); } } .ring-primary-100\/40 { --ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .hover\:ring-primary-100\/40:hover { --ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .focus\:ring-primary-100\/40:focus { --ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .group:hover .group-hover\:ring-primary-100\/40 { --ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 40%, transparent); } } .ring-primary-100\/45 { --ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .hover\:ring-primary-100\/45:hover { --ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .focus\:ring-primary-100\/45:focus { --ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .group:hover .group-hover\:ring-primary-100\/45 { --ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 45%, transparent); } } .ring-primary-100\/50 { --ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .hover\:ring-primary-100\/50:hover { --ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .focus\:ring-primary-100\/50:focus { --ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .group:hover .group-hover\:ring-primary-100\/50 { --ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 50%, transparent); } } .ring-primary-100\/55 { --ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .hover\:ring-primary-100\/55:hover { --ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .focus\:ring-primary-100\/55:focus { --ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .group:hover .group-hover\:ring-primary-100\/55 { --ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 55%, transparent); } } .ring-primary-100\/60 { --ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .hover\:ring-primary-100\/60:hover { --ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .focus\:ring-primary-100\/60:focus { --ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .group:hover .group-hover\:ring-primary-100\/60 { --ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 60%, transparent); } } .ring-primary-100\/65 { --ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .hover\:ring-primary-100\/65:hover { --ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .focus\:ring-primary-100\/65:focus { --ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .group:hover .group-hover\:ring-primary-100\/65 { --ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 65%, transparent); } } .ring-primary-100\/70 { --ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .hover\:ring-primary-100\/70:hover { --ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .focus\:ring-primary-100\/70:focus { --ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .group:hover .group-hover\:ring-primary-100\/70 { --ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 70%, transparent); } } .ring-primary-100\/75 { --ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .hover\:ring-primary-100\/75:hover { --ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .focus\:ring-primary-100\/75:focus { --ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .group:hover .group-hover\:ring-primary-100\/75 { --ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 75%, transparent); } } .ring-primary-100\/80 { --ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .hover\:ring-primary-100\/80:hover { --ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .focus\:ring-primary-100\/80:focus { --ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .group:hover .group-hover\:ring-primary-100\/80 { --ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 80%, transparent); } } .ring-primary-100\/85 { --ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .hover\:ring-primary-100\/85:hover { --ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .focus\:ring-primary-100\/85:focus { --ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .group:hover .group-hover\:ring-primary-100\/85 { --ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 85%, transparent); } } .ring-primary-100\/90 { --ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .hover\:ring-primary-100\/90:hover { --ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .focus\:ring-primary-100\/90:focus { --ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .group:hover .group-hover\:ring-primary-100\/90 { --ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 90%, transparent); } } .ring-primary-100\/95 { --ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .hover\:ring-primary-100\/95:hover { --ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .focus\:ring-primary-100\/95:focus { --ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .group:hover .group-hover\:ring-primary-100\/95 { --ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-ring-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f6ddd9 95%, transparent); } } .ring-primary-200\/5 { --ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .hover\:ring-primary-200\/5:hover { --ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .focus\:ring-primary-200\/5:focus { --ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .group:hover .group-hover\:ring-primary-200\/5 { --ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 5%, transparent); } } .ring-primary-200\/10 { --ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .hover\:ring-primary-200\/10:hover { --ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .focus\:ring-primary-200\/10:focus { --ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .group:hover .group-hover\:ring-primary-200\/10 { --ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 10%, transparent); } } .ring-primary-200\/15 { --ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .hover\:ring-primary-200\/15:hover { --ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .focus\:ring-primary-200\/15:focus { --ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .group:hover .group-hover\:ring-primary-200\/15 { --ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 15%, transparent); } } .ring-primary-200\/20 { --ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .hover\:ring-primary-200\/20:hover { --ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .focus\:ring-primary-200\/20:focus { --ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .group:hover .group-hover\:ring-primary-200\/20 { --ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 20%, transparent); } } .ring-primary-200\/25 { --ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .hover\:ring-primary-200\/25:hover { --ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .focus\:ring-primary-200\/25:focus { --ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .group:hover .group-hover\:ring-primary-200\/25 { --ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 25%, transparent); } } .ring-primary-200\/30 { --ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .hover\:ring-primary-200\/30:hover { --ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .focus\:ring-primary-200\/30:focus { --ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .group:hover .group-hover\:ring-primary-200\/30 { --ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 30%, transparent); } } .ring-primary-200\/35 { --ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .hover\:ring-primary-200\/35:hover { --ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .focus\:ring-primary-200\/35:focus { --ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .group:hover .group-hover\:ring-primary-200\/35 { --ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 35%, transparent); } } .ring-primary-200\/40 { --ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .hover\:ring-primary-200\/40:hover { --ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .focus\:ring-primary-200\/40:focus { --ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .group:hover .group-hover\:ring-primary-200\/40 { --ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 40%, transparent); } } .ring-primary-200\/45 { --ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .hover\:ring-primary-200\/45:hover { --ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .focus\:ring-primary-200\/45:focus { --ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .group:hover .group-hover\:ring-primary-200\/45 { --ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 45%, transparent); } } .ring-primary-200\/50 { --ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .hover\:ring-primary-200\/50:hover { --ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .focus\:ring-primary-200\/50:focus { --ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .group:hover .group-hover\:ring-primary-200\/50 { --ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 50%, transparent); } } .ring-primary-200\/55 { --ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .hover\:ring-primary-200\/55:hover { --ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .focus\:ring-primary-200\/55:focus { --ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .group:hover .group-hover\:ring-primary-200\/55 { --ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 55%, transparent); } } .ring-primary-200\/60 { --ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .hover\:ring-primary-200\/60:hover { --ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .focus\:ring-primary-200\/60:focus { --ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .group:hover .group-hover\:ring-primary-200\/60 { --ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 60%, transparent); } } .ring-primary-200\/65 { --ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .hover\:ring-primary-200\/65:hover { --ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .focus\:ring-primary-200\/65:focus { --ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .group:hover .group-hover\:ring-primary-200\/65 { --ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 65%, transparent); } } .ring-primary-200\/70 { --ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .hover\:ring-primary-200\/70:hover { --ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .focus\:ring-primary-200\/70:focus { --ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .group:hover .group-hover\:ring-primary-200\/70 { --ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 70%, transparent); } } .ring-primary-200\/75 { --ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .hover\:ring-primary-200\/75:hover { --ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .focus\:ring-primary-200\/75:focus { --ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .group:hover .group-hover\:ring-primary-200\/75 { --ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 75%, transparent); } } .ring-primary-200\/80 { --ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .hover\:ring-primary-200\/80:hover { --ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .focus\:ring-primary-200\/80:focus { --ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .group:hover .group-hover\:ring-primary-200\/80 { --ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 80%, transparent); } } .ring-primary-200\/85 { --ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .hover\:ring-primary-200\/85:hover { --ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .focus\:ring-primary-200\/85:focus { --ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .group:hover .group-hover\:ring-primary-200\/85 { --ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 85%, transparent); } } .ring-primary-200\/90 { --ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .hover\:ring-primary-200\/90:hover { --ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .focus\:ring-primary-200\/90:focus { --ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .group:hover .group-hover\:ring-primary-200\/90 { --ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 90%, transparent); } } .ring-primary-200\/95 { --ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .hover\:ring-primary-200\/95:hover { --ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .focus\:ring-primary-200\/95:focus { --ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .group:hover .group-hover\:ring-primary-200\/95 { --ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-ring-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #f0bfb8 95%, transparent); } } .ring-primary-300\/5 { --ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .hover\:ring-primary-300\/5:hover { --ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .focus\:ring-primary-300\/5:focus { --ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .group:hover .group-hover\:ring-primary-300\/5 { --ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 5%, transparent); } } .ring-primary-300\/10 { --ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .hover\:ring-primary-300\/10:hover { --ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .focus\:ring-primary-300\/10:focus { --ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .group:hover .group-hover\:ring-primary-300\/10 { --ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 10%, transparent); } } .ring-primary-300\/15 { --ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .hover\:ring-primary-300\/15:hover { --ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .focus\:ring-primary-300\/15:focus { --ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .group:hover .group-hover\:ring-primary-300\/15 { --ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 15%, transparent); } } .ring-primary-300\/20 { --ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .hover\:ring-primary-300\/20:hover { --ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .focus\:ring-primary-300\/20:focus { --ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .group:hover .group-hover\:ring-primary-300\/20 { --ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 20%, transparent); } } .ring-primary-300\/25 { --ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .hover\:ring-primary-300\/25:hover { --ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .focus\:ring-primary-300\/25:focus { --ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .group:hover .group-hover\:ring-primary-300\/25 { --ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 25%, transparent); } } .ring-primary-300\/30 { --ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .hover\:ring-primary-300\/30:hover { --ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .focus\:ring-primary-300\/30:focus { --ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .group:hover .group-hover\:ring-primary-300\/30 { --ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 30%, transparent); } } .ring-primary-300\/35 { --ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .hover\:ring-primary-300\/35:hover { --ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .focus\:ring-primary-300\/35:focus { --ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .group:hover .group-hover\:ring-primary-300\/35 { --ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 35%, transparent); } } .ring-primary-300\/40 { --ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .hover\:ring-primary-300\/40:hover { --ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .focus\:ring-primary-300\/40:focus { --ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .group:hover .group-hover\:ring-primary-300\/40 { --ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 40%, transparent); } } .ring-primary-300\/45 { --ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .hover\:ring-primary-300\/45:hover { --ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .focus\:ring-primary-300\/45:focus { --ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .group:hover .group-hover\:ring-primary-300\/45 { --ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 45%, transparent); } } .ring-primary-300\/50 { --ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .hover\:ring-primary-300\/50:hover { --ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .focus\:ring-primary-300\/50:focus { --ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .group:hover .group-hover\:ring-primary-300\/50 { --ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 50%, transparent); } } .ring-primary-300\/55 { --ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .hover\:ring-primary-300\/55:hover { --ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .focus\:ring-primary-300\/55:focus { --ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .group:hover .group-hover\:ring-primary-300\/55 { --ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 55%, transparent); } } .ring-primary-300\/60 { --ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .hover\:ring-primary-300\/60:hover { --ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .focus\:ring-primary-300\/60:focus { --ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .group:hover .group-hover\:ring-primary-300\/60 { --ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 60%, transparent); } } .ring-primary-300\/65 { --ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .hover\:ring-primary-300\/65:hover { --ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .focus\:ring-primary-300\/65:focus { --ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .group:hover .group-hover\:ring-primary-300\/65 { --ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 65%, transparent); } } .ring-primary-300\/70 { --ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .hover\:ring-primary-300\/70:hover { --ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .focus\:ring-primary-300\/70:focus { --ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .group:hover .group-hover\:ring-primary-300\/70 { --ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 70%, transparent); } } .ring-primary-300\/75 { --ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .hover\:ring-primary-300\/75:hover { --ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .focus\:ring-primary-300\/75:focus { --ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .group:hover .group-hover\:ring-primary-300\/75 { --ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 75%, transparent); } } .ring-primary-300\/80 { --ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .hover\:ring-primary-300\/80:hover { --ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .focus\:ring-primary-300\/80:focus { --ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .group:hover .group-hover\:ring-primary-300\/80 { --ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 80%, transparent); } } .ring-primary-300\/85 { --ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .hover\:ring-primary-300\/85:hover { --ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .focus\:ring-primary-300\/85:focus { --ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .group:hover .group-hover\:ring-primary-300\/85 { --ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 85%, transparent); } } .ring-primary-300\/90 { --ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .hover\:ring-primary-300\/90:hover { --ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .focus\:ring-primary-300\/90:focus { --ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .group:hover .group-hover\:ring-primary-300\/90 { --ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 90%, transparent); } } .ring-primary-300\/95 { --ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .hover\:ring-primary-300\/95:hover { --ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .focus\:ring-primary-300\/95:focus { --ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .group:hover .group-hover\:ring-primary-300\/95 { --ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-ring-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #eb9f93 95%, transparent); } } .ring-primary-400\/5 { --ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 5%, transparent); } } .hover\:ring-primary-400\/5:hover { --ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 5%, transparent); } } .focus\:ring-primary-400\/5:focus { --ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 5%, transparent); } } .group:hover .group-hover\:ring-primary-400\/5 { --ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 5%, transparent); } } .ring-primary-400\/10 { --ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 10%, transparent); } } .hover\:ring-primary-400\/10:hover { --ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 10%, transparent); } } .focus\:ring-primary-400\/10:focus { --ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 10%, transparent); } } .group:hover .group-hover\:ring-primary-400\/10 { --ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 10%, transparent); } } .ring-primary-400\/15 { --ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 15%, transparent); } } .hover\:ring-primary-400\/15:hover { --ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 15%, transparent); } } .focus\:ring-primary-400\/15:focus { --ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 15%, transparent); } } .group:hover .group-hover\:ring-primary-400\/15 { --ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 15%, transparent); } } .ring-primary-400\/20 { --ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 20%, transparent); } } .hover\:ring-primary-400\/20:hover { --ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 20%, transparent); } } .focus\:ring-primary-400\/20:focus { --ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 20%, transparent); } } .group:hover .group-hover\:ring-primary-400\/20 { --ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 20%, transparent); } } .ring-primary-400\/25 { --ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 25%, transparent); } } .hover\:ring-primary-400\/25:hover { --ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 25%, transparent); } } .focus\:ring-primary-400\/25:focus { --ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 25%, transparent); } } .group:hover .group-hover\:ring-primary-400\/25 { --ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 25%, transparent); } } .ring-primary-400\/30 { --ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 30%, transparent); } } .hover\:ring-primary-400\/30:hover { --ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 30%, transparent); } } .focus\:ring-primary-400\/30:focus { --ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 30%, transparent); } } .group:hover .group-hover\:ring-primary-400\/30 { --ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 30%, transparent); } } .ring-primary-400\/35 { --ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 35%, transparent); } } .hover\:ring-primary-400\/35:hover { --ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 35%, transparent); } } .focus\:ring-primary-400\/35:focus { --ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 35%, transparent); } } .group:hover .group-hover\:ring-primary-400\/35 { --ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 35%, transparent); } } .ring-primary-400\/40 { --ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 40%, transparent); } } .hover\:ring-primary-400\/40:hover { --ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 40%, transparent); } } .focus\:ring-primary-400\/40:focus { --ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 40%, transparent); } } .group:hover .group-hover\:ring-primary-400\/40 { --ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 40%, transparent); } } .ring-primary-400\/45 { --ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 45%, transparent); } } .hover\:ring-primary-400\/45:hover { --ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 45%, transparent); } } .focus\:ring-primary-400\/45:focus { --ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 45%, transparent); } } .group:hover .group-hover\:ring-primary-400\/45 { --ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 45%, transparent); } } .ring-primary-400\/50 { --ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 50%, transparent); } } .hover\:ring-primary-400\/50:hover { --ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 50%, transparent); } } .focus\:ring-primary-400\/50:focus { --ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 50%, transparent); } } .group:hover .group-hover\:ring-primary-400\/50 { --ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 50%, transparent); } } .ring-primary-400\/55 { --ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 55%, transparent); } } .hover\:ring-primary-400\/55:hover { --ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 55%, transparent); } } .focus\:ring-primary-400\/55:focus { --ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 55%, transparent); } } .group:hover .group-hover\:ring-primary-400\/55 { --ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 55%, transparent); } } .ring-primary-400\/60 { --ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 60%, transparent); } } .hover\:ring-primary-400\/60:hover { --ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 60%, transparent); } } .focus\:ring-primary-400\/60:focus { --ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 60%, transparent); } } .group:hover .group-hover\:ring-primary-400\/60 { --ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 60%, transparent); } } .ring-primary-400\/65 { --ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 65%, transparent); } } .hover\:ring-primary-400\/65:hover { --ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 65%, transparent); } } .focus\:ring-primary-400\/65:focus { --ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 65%, transparent); } } .group:hover .group-hover\:ring-primary-400\/65 { --ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 65%, transparent); } } .ring-primary-400\/70 { --ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 70%, transparent); } } .hover\:ring-primary-400\/70:hover { --ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 70%, transparent); } } .focus\:ring-primary-400\/70:focus { --ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 70%, transparent); } } .group:hover .group-hover\:ring-primary-400\/70 { --ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 70%, transparent); } } .ring-primary-400\/75 { --ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 75%, transparent); } } .hover\:ring-primary-400\/75:hover { --ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 75%, transparent); } } .focus\:ring-primary-400\/75:focus { --ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 75%, transparent); } } .group:hover .group-hover\:ring-primary-400\/75 { --ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 75%, transparent); } } .ring-primary-400\/80 { --ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 80%, transparent); } } .hover\:ring-primary-400\/80:hover { --ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 80%, transparent); } } .focus\:ring-primary-400\/80:focus { --ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 80%, transparent); } } .group:hover .group-hover\:ring-primary-400\/80 { --ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 80%, transparent); } } .ring-primary-400\/85 { --ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 85%, transparent); } } .hover\:ring-primary-400\/85:hover { --ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 85%, transparent); } } .focus\:ring-primary-400\/85:focus { --ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 85%, transparent); } } .group:hover .group-hover\:ring-primary-400\/85 { --ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 85%, transparent); } } .ring-primary-400\/90 { --ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 90%, transparent); } } .hover\:ring-primary-400\/90:hover { --ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 90%, transparent); } } .focus\:ring-primary-400\/90:focus { --ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 90%, transparent); } } .group:hover .group-hover\:ring-primary-400\/90 { --ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 90%, transparent); } } .ring-primary-400\/95 { --ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 95%, transparent); } } .hover\:ring-primary-400\/95:hover { --ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 95%, transparent); } } .focus\:ring-primary-400\/95:focus { --ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 95%, transparent); } } .group:hover .group-hover\:ring-primary-400\/95 { --ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-ring-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e67968 95%, transparent); } } .ring-primary-500\/5 { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .hover\:ring-primary-500\/5:hover { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .focus\:ring-primary-500\/5:focus { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .group:hover .group-hover\:ring-primary-500\/5 { --ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 5%, transparent); } } .ring-primary-500\/10 { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .hover\:ring-primary-500\/10:hover { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .focus\:ring-primary-500\/10:focus { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .group:hover .group-hover\:ring-primary-500\/10 { --ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 10%, transparent); } } .ring-primary-500\/15 { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .hover\:ring-primary-500\/15:hover { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .focus\:ring-primary-500\/15:focus { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .group:hover .group-hover\:ring-primary-500\/15 { --ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 15%, transparent); } } .ring-primary-500\/20 { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .hover\:ring-primary-500\/20:hover { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .focus\:ring-primary-500\/20:focus { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .group:hover .group-hover\:ring-primary-500\/20 { --ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 20%, transparent); } } .ring-primary-500\/25 { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .hover\:ring-primary-500\/25:hover { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .focus\:ring-primary-500\/25:focus { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .group:hover .group-hover\:ring-primary-500\/25 { --ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 25%, transparent); } } .ring-primary-500\/30 { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .hover\:ring-primary-500\/30:hover { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .focus\:ring-primary-500\/30:focus { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .group:hover .group-hover\:ring-primary-500\/30 { --ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 30%, transparent); } } .ring-primary-500\/35 { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .hover\:ring-primary-500\/35:hover { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .focus\:ring-primary-500\/35:focus { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .group:hover .group-hover\:ring-primary-500\/35 { --ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 35%, transparent); } } .ring-primary-500\/40 { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .hover\:ring-primary-500\/40:hover { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .focus\:ring-primary-500\/40:focus { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .group:hover .group-hover\:ring-primary-500\/40 { --ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 40%, transparent); } } .ring-primary-500\/45 { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .hover\:ring-primary-500\/45:hover { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .focus\:ring-primary-500\/45:focus { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .group:hover .group-hover\:ring-primary-500\/45 { --ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 45%, transparent); } } .ring-primary-500\/50 { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .hover\:ring-primary-500\/50:hover { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .focus\:ring-primary-500\/50:focus { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .group:hover .group-hover\:ring-primary-500\/50 { --ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 50%, transparent); } } .ring-primary-500\/55 { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .hover\:ring-primary-500\/55:hover { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .focus\:ring-primary-500\/55:focus { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .group:hover .group-hover\:ring-primary-500\/55 { --ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 55%, transparent); } } .ring-primary-500\/60 { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .hover\:ring-primary-500\/60:hover { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .focus\:ring-primary-500\/60:focus { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .group:hover .group-hover\:ring-primary-500\/60 { --ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 60%, transparent); } } .ring-primary-500\/65 { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .hover\:ring-primary-500\/65:hover { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .focus\:ring-primary-500\/65:focus { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .group:hover .group-hover\:ring-primary-500\/65 { --ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 65%, transparent); } } .ring-primary-500\/70 { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .hover\:ring-primary-500\/70:hover { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .focus\:ring-primary-500\/70:focus { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .group:hover .group-hover\:ring-primary-500\/70 { --ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 70%, transparent); } } .ring-primary-500\/75 { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .hover\:ring-primary-500\/75:hover { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .focus\:ring-primary-500\/75:focus { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .group:hover .group-hover\:ring-primary-500\/75 { --ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 75%, transparent); } } .ring-primary-500\/80 { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .hover\:ring-primary-500\/80:hover { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .focus\:ring-primary-500\/80:focus { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .group:hover .group-hover\:ring-primary-500\/80 { --ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 80%, transparent); } } .ring-primary-500\/85 { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .hover\:ring-primary-500\/85:hover { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .focus\:ring-primary-500\/85:focus { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .group:hover .group-hover\:ring-primary-500\/85 { --ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 85%, transparent); } } .ring-primary-500\/90 { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .hover\:ring-primary-500\/90:hover { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .focus\:ring-primary-500\/90:focus { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .group:hover .group-hover\:ring-primary-500\/90 { --ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 90%, transparent); } } .ring-primary-500\/95 { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .hover\:ring-primary-500\/95:hover { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .focus\:ring-primary-500\/95:focus { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .group:hover .group-hover\:ring-primary-500\/95 { --ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-ring-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #e2462e 95%, transparent); } } .ring-primary-600\/5 { --ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 5%, transparent); } } .hover\:ring-primary-600\/5:hover { --ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 5%, transparent); } } .focus\:ring-primary-600\/5:focus { --ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 5%, transparent); } } .group:hover .group-hover\:ring-primary-600\/5 { --ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 5%, transparent); } } .ring-primary-600\/10 { --ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 10%, transparent); } } .hover\:ring-primary-600\/10:hover { --ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 10%, transparent); } } .focus\:ring-primary-600\/10:focus { --ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 10%, transparent); } } .group:hover .group-hover\:ring-primary-600\/10 { --ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 10%, transparent); } } .ring-primary-600\/15 { --ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 15%, transparent); } } .hover\:ring-primary-600\/15:hover { --ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 15%, transparent); } } .focus\:ring-primary-600\/15:focus { --ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 15%, transparent); } } .group:hover .group-hover\:ring-primary-600\/15 { --ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 15%, transparent); } } .ring-primary-600\/20 { --ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 20%, transparent); } } .hover\:ring-primary-600\/20:hover { --ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 20%, transparent); } } .focus\:ring-primary-600\/20:focus { --ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 20%, transparent); } } .group:hover .group-hover\:ring-primary-600\/20 { --ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 20%, transparent); } } .ring-primary-600\/25 { --ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 25%, transparent); } } .hover\:ring-primary-600\/25:hover { --ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 25%, transparent); } } .focus\:ring-primary-600\/25:focus { --ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 25%, transparent); } } .group:hover .group-hover\:ring-primary-600\/25 { --ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 25%, transparent); } } .ring-primary-600\/30 { --ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 30%, transparent); } } .hover\:ring-primary-600\/30:hover { --ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 30%, transparent); } } .focus\:ring-primary-600\/30:focus { --ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 30%, transparent); } } .group:hover .group-hover\:ring-primary-600\/30 { --ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 30%, transparent); } } .ring-primary-600\/35 { --ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 35%, transparent); } } .hover\:ring-primary-600\/35:hover { --ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 35%, transparent); } } .focus\:ring-primary-600\/35:focus { --ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 35%, transparent); } } .group:hover .group-hover\:ring-primary-600\/35 { --ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 35%, transparent); } } .ring-primary-600\/40 { --ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 40%, transparent); } } .hover\:ring-primary-600\/40:hover { --ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 40%, transparent); } } .focus\:ring-primary-600\/40:focus { --ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 40%, transparent); } } .group:hover .group-hover\:ring-primary-600\/40 { --ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 40%, transparent); } } .ring-primary-600\/45 { --ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 45%, transparent); } } .hover\:ring-primary-600\/45:hover { --ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 45%, transparent); } } .focus\:ring-primary-600\/45:focus { --ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 45%, transparent); } } .group:hover .group-hover\:ring-primary-600\/45 { --ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 45%, transparent); } } .ring-primary-600\/50 { --ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 50%, transparent); } } .hover\:ring-primary-600\/50:hover { --ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 50%, transparent); } } .focus\:ring-primary-600\/50:focus { --ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 50%, transparent); } } .group:hover .group-hover\:ring-primary-600\/50 { --ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 50%, transparent); } } .ring-primary-600\/55 { --ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 55%, transparent); } } .hover\:ring-primary-600\/55:hover { --ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 55%, transparent); } } .focus\:ring-primary-600\/55:focus { --ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 55%, transparent); } } .group:hover .group-hover\:ring-primary-600\/55 { --ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 55%, transparent); } } .ring-primary-600\/60 { --ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 60%, transparent); } } .hover\:ring-primary-600\/60:hover { --ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 60%, transparent); } } .focus\:ring-primary-600\/60:focus { --ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 60%, transparent); } } .group:hover .group-hover\:ring-primary-600\/60 { --ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 60%, transparent); } } .ring-primary-600\/65 { --ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 65%, transparent); } } .hover\:ring-primary-600\/65:hover { --ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 65%, transparent); } } .focus\:ring-primary-600\/65:focus { --ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 65%, transparent); } } .group:hover .group-hover\:ring-primary-600\/65 { --ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 65%, transparent); } } .ring-primary-600\/70 { --ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 70%, transparent); } } .hover\:ring-primary-600\/70:hover { --ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 70%, transparent); } } .focus\:ring-primary-600\/70:focus { --ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 70%, transparent); } } .group:hover .group-hover\:ring-primary-600\/70 { --ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 70%, transparent); } } .ring-primary-600\/75 { --ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 75%, transparent); } } .hover\:ring-primary-600\/75:hover { --ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 75%, transparent); } } .focus\:ring-primary-600\/75:focus { --ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 75%, transparent); } } .group:hover .group-hover\:ring-primary-600\/75 { --ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 75%, transparent); } } .ring-primary-600\/80 { --ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 80%, transparent); } } .hover\:ring-primary-600\/80:hover { --ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 80%, transparent); } } .focus\:ring-primary-600\/80:focus { --ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 80%, transparent); } } .group:hover .group-hover\:ring-primary-600\/80 { --ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 80%, transparent); } } .ring-primary-600\/85 { --ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 85%, transparent); } } .hover\:ring-primary-600\/85:hover { --ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 85%, transparent); } } .focus\:ring-primary-600\/85:focus { --ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 85%, transparent); } } .group:hover .group-hover\:ring-primary-600\/85 { --ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 85%, transparent); } } .ring-primary-600\/90 { --ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 90%, transparent); } } .hover\:ring-primary-600\/90:hover { --ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 90%, transparent); } } .focus\:ring-primary-600\/90:focus { --ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 90%, transparent); } } .group:hover .group-hover\:ring-primary-600\/90 { --ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 90%, transparent); } } .ring-primary-600\/95 { --ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 95%, transparent); } } .hover\:ring-primary-600\/95:hover { --ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 95%, transparent); } } .focus\:ring-primary-600\/95:focus { --ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 95%, transparent); } } .group:hover .group-hover\:ring-primary-600\/95 { --ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-ring-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #d5371e 95%, transparent); } } .ring-primary-700\/5 { --ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .hover\:ring-primary-700\/5:hover { --ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .focus\:ring-primary-700\/5:focus { --ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .group:hover .group-hover\:ring-primary-700\/5 { --ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 5%, transparent); } } .ring-primary-700\/10 { --ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .hover\:ring-primary-700\/10:hover { --ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .focus\:ring-primary-700\/10:focus { --ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .group:hover .group-hover\:ring-primary-700\/10 { --ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 10%, transparent); } } .ring-primary-700\/15 { --ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .hover\:ring-primary-700\/15:hover { --ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .focus\:ring-primary-700\/15:focus { --ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .group:hover .group-hover\:ring-primary-700\/15 { --ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 15%, transparent); } } .ring-primary-700\/20 { --ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .hover\:ring-primary-700\/20:hover { --ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .focus\:ring-primary-700\/20:focus { --ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .group:hover .group-hover\:ring-primary-700\/20 { --ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 20%, transparent); } } .ring-primary-700\/25 { --ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .hover\:ring-primary-700\/25:hover { --ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .focus\:ring-primary-700\/25:focus { --ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .group:hover .group-hover\:ring-primary-700\/25 { --ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 25%, transparent); } } .ring-primary-700\/30 { --ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .hover\:ring-primary-700\/30:hover { --ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .focus\:ring-primary-700\/30:focus { --ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .group:hover .group-hover\:ring-primary-700\/30 { --ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 30%, transparent); } } .ring-primary-700\/35 { --ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .hover\:ring-primary-700\/35:hover { --ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .focus\:ring-primary-700\/35:focus { --ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .group:hover .group-hover\:ring-primary-700\/35 { --ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 35%, transparent); } } .ring-primary-700\/40 { --ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .hover\:ring-primary-700\/40:hover { --ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .focus\:ring-primary-700\/40:focus { --ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .group:hover .group-hover\:ring-primary-700\/40 { --ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 40%, transparent); } } .ring-primary-700\/45 { --ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .hover\:ring-primary-700\/45:hover { --ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .focus\:ring-primary-700\/45:focus { --ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .group:hover .group-hover\:ring-primary-700\/45 { --ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 45%, transparent); } } .ring-primary-700\/50 { --ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .hover\:ring-primary-700\/50:hover { --ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .focus\:ring-primary-700\/50:focus { --ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .group:hover .group-hover\:ring-primary-700\/50 { --ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 50%, transparent); } } .ring-primary-700\/55 { --ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .hover\:ring-primary-700\/55:hover { --ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .focus\:ring-primary-700\/55:focus { --ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .group:hover .group-hover\:ring-primary-700\/55 { --ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 55%, transparent); } } .ring-primary-700\/60 { --ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .hover\:ring-primary-700\/60:hover { --ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .focus\:ring-primary-700\/60:focus { --ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .group:hover .group-hover\:ring-primary-700\/60 { --ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 60%, transparent); } } .ring-primary-700\/65 { --ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .hover\:ring-primary-700\/65:hover { --ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .focus\:ring-primary-700\/65:focus { --ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .group:hover .group-hover\:ring-primary-700\/65 { --ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 65%, transparent); } } .ring-primary-700\/70 { --ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .hover\:ring-primary-700\/70:hover { --ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .focus\:ring-primary-700\/70:focus { --ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .group:hover .group-hover\:ring-primary-700\/70 { --ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 70%, transparent); } } .ring-primary-700\/75 { --ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .hover\:ring-primary-700\/75:hover { --ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .focus\:ring-primary-700\/75:focus { --ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .group:hover .group-hover\:ring-primary-700\/75 { --ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 75%, transparent); } } .ring-primary-700\/80 { --ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .hover\:ring-primary-700\/80:hover { --ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .focus\:ring-primary-700\/80:focus { --ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .group:hover .group-hover\:ring-primary-700\/80 { --ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 80%, transparent); } } .ring-primary-700\/85 { --ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .hover\:ring-primary-700\/85:hover { --ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .focus\:ring-primary-700\/85:focus { --ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .group:hover .group-hover\:ring-primary-700\/85 { --ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 85%, transparent); } } .ring-primary-700\/90 { --ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .hover\:ring-primary-700\/90:hover { --ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .focus\:ring-primary-700\/90:focus { --ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .group:hover .group-hover\:ring-primary-700\/90 { --ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 90%, transparent); } } .ring-primary-700\/95 { --ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .hover\:ring-primary-700\/95:hover { --ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .focus\:ring-primary-700\/95:focus { --ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .group:hover .group-hover\:ring-primary-700\/95 { --ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-ring-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #ae2e1a 95%, transparent); } } .ring-primary-800\/5 { --ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 5%, transparent); } } .hover\:ring-primary-800\/5:hover { --ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 5%, transparent); } } .focus\:ring-primary-800\/5:focus { --ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 5%, transparent); } } .group:hover .group-hover\:ring-primary-800\/5 { --ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 5%, transparent); } } .ring-primary-800\/10 { --ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 10%, transparent); } } .hover\:ring-primary-800\/10:hover { --ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 10%, transparent); } } .focus\:ring-primary-800\/10:focus { --ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 10%, transparent); } } .group:hover .group-hover\:ring-primary-800\/10 { --ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 10%, transparent); } } .ring-primary-800\/15 { --ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 15%, transparent); } } .hover\:ring-primary-800\/15:hover { --ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 15%, transparent); } } .focus\:ring-primary-800\/15:focus { --ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 15%, transparent); } } .group:hover .group-hover\:ring-primary-800\/15 { --ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 15%, transparent); } } .ring-primary-800\/20 { --ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 20%, transparent); } } .hover\:ring-primary-800\/20:hover { --ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 20%, transparent); } } .focus\:ring-primary-800\/20:focus { --ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 20%, transparent); } } .group:hover .group-hover\:ring-primary-800\/20 { --ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 20%, transparent); } } .ring-primary-800\/25 { --ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 25%, transparent); } } .hover\:ring-primary-800\/25:hover { --ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 25%, transparent); } } .focus\:ring-primary-800\/25:focus { --ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 25%, transparent); } } .group:hover .group-hover\:ring-primary-800\/25 { --ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 25%, transparent); } } .ring-primary-800\/30 { --ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 30%, transparent); } } .hover\:ring-primary-800\/30:hover { --ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 30%, transparent); } } .focus\:ring-primary-800\/30:focus { --ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 30%, transparent); } } .group:hover .group-hover\:ring-primary-800\/30 { --ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 30%, transparent); } } .ring-primary-800\/35 { --ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 35%, transparent); } } .hover\:ring-primary-800\/35:hover { --ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 35%, transparent); } } .focus\:ring-primary-800\/35:focus { --ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 35%, transparent); } } .group:hover .group-hover\:ring-primary-800\/35 { --ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 35%, transparent); } } .ring-primary-800\/40 { --ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 40%, transparent); } } .hover\:ring-primary-800\/40:hover { --ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 40%, transparent); } } .focus\:ring-primary-800\/40:focus { --ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 40%, transparent); } } .group:hover .group-hover\:ring-primary-800\/40 { --ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 40%, transparent); } } .ring-primary-800\/45 { --ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 45%, transparent); } } .hover\:ring-primary-800\/45:hover { --ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 45%, transparent); } } .focus\:ring-primary-800\/45:focus { --ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 45%, transparent); } } .group:hover .group-hover\:ring-primary-800\/45 { --ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 45%, transparent); } } .ring-primary-800\/50 { --ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 50%, transparent); } } .hover\:ring-primary-800\/50:hover { --ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 50%, transparent); } } .focus\:ring-primary-800\/50:focus { --ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 50%, transparent); } } .group:hover .group-hover\:ring-primary-800\/50 { --ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 50%, transparent); } } .ring-primary-800\/55 { --ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 55%, transparent); } } .hover\:ring-primary-800\/55:hover { --ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 55%, transparent); } } .focus\:ring-primary-800\/55:focus { --ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 55%, transparent); } } .group:hover .group-hover\:ring-primary-800\/55 { --ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 55%, transparent); } } .ring-primary-800\/60 { --ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 60%, transparent); } } .hover\:ring-primary-800\/60:hover { --ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 60%, transparent); } } .focus\:ring-primary-800\/60:focus { --ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 60%, transparent); } } .group:hover .group-hover\:ring-primary-800\/60 { --ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 60%, transparent); } } .ring-primary-800\/65 { --ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 65%, transparent); } } .hover\:ring-primary-800\/65:hover { --ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 65%, transparent); } } .focus\:ring-primary-800\/65:focus { --ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 65%, transparent); } } .group:hover .group-hover\:ring-primary-800\/65 { --ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 65%, transparent); } } .ring-primary-800\/70 { --ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 70%, transparent); } } .hover\:ring-primary-800\/70:hover { --ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 70%, transparent); } } .focus\:ring-primary-800\/70:focus { --ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 70%, transparent); } } .group:hover .group-hover\:ring-primary-800\/70 { --ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 70%, transparent); } } .ring-primary-800\/75 { --ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 75%, transparent); } } .hover\:ring-primary-800\/75:hover { --ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 75%, transparent); } } .focus\:ring-primary-800\/75:focus { --ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 75%, transparent); } } .group:hover .group-hover\:ring-primary-800\/75 { --ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 75%, transparent); } } .ring-primary-800\/80 { --ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 80%, transparent); } } .hover\:ring-primary-800\/80:hover { --ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 80%, transparent); } } .focus\:ring-primary-800\/80:focus { --ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 80%, transparent); } } .group:hover .group-hover\:ring-primary-800\/80 { --ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 80%, transparent); } } .ring-primary-800\/85 { --ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 85%, transparent); } } .hover\:ring-primary-800\/85:hover { --ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 85%, transparent); } } .focus\:ring-primary-800\/85:focus { --ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 85%, transparent); } } .group:hover .group-hover\:ring-primary-800\/85 { --ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 85%, transparent); } } .ring-primary-800\/90 { --ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 90%, transparent); } } .hover\:ring-primary-800\/90:hover { --ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 90%, transparent); } } .focus\:ring-primary-800\/90:focus { --ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 90%, transparent); } } .group:hover .group-hover\:ring-primary-800\/90 { --ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 90%, transparent); } } .ring-primary-800\/95 { --ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 95%, transparent); } } .hover\:ring-primary-800\/95:hover { --ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 95%, transparent); } } .focus\:ring-primary-800\/95:focus { --ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 95%, transparent); } } .group:hover .group-hover\:ring-primary-800\/95 { --ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-ring-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #881f0f 95%, transparent); } } .ring-primary-900\/5 { --ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 5%, transparent); } } .hover\:ring-primary-900\/5:hover { --ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 5%, transparent); } } .focus\:ring-primary-900\/5:focus { --ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 5%, transparent); } } .group:hover .group-hover\:ring-primary-900\/5 { --ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 5%, transparent); } } .ring-primary-900\/10 { --ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 10%, transparent); } } .hover\:ring-primary-900\/10:hover { --ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 10%, transparent); } } .focus\:ring-primary-900\/10:focus { --ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 10%, transparent); } } .group:hover .group-hover\:ring-primary-900\/10 { --ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 10%, transparent); } } .ring-primary-900\/15 { --ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 15%, transparent); } } .hover\:ring-primary-900\/15:hover { --ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 15%, transparent); } } .focus\:ring-primary-900\/15:focus { --ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 15%, transparent); } } .group:hover .group-hover\:ring-primary-900\/15 { --ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 15%, transparent); } } .ring-primary-900\/20 { --ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 20%, transparent); } } .hover\:ring-primary-900\/20:hover { --ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 20%, transparent); } } .focus\:ring-primary-900\/20:focus { --ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 20%, transparent); } } .group:hover .group-hover\:ring-primary-900\/20 { --ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 20%, transparent); } } .ring-primary-900\/25 { --ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 25%, transparent); } } .hover\:ring-primary-900\/25:hover { --ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 25%, transparent); } } .focus\:ring-primary-900\/25:focus { --ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 25%, transparent); } } .group:hover .group-hover\:ring-primary-900\/25 { --ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 25%, transparent); } } .ring-primary-900\/30 { --ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 30%, transparent); } } .hover\:ring-primary-900\/30:hover { --ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 30%, transparent); } } .focus\:ring-primary-900\/30:focus { --ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 30%, transparent); } } .group:hover .group-hover\:ring-primary-900\/30 { --ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 30%, transparent); } } .ring-primary-900\/35 { --ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 35%, transparent); } } .hover\:ring-primary-900\/35:hover { --ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 35%, transparent); } } .focus\:ring-primary-900\/35:focus { --ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 35%, transparent); } } .group:hover .group-hover\:ring-primary-900\/35 { --ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 35%, transparent); } } .ring-primary-900\/40 { --ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 40%, transparent); } } .hover\:ring-primary-900\/40:hover { --ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 40%, transparent); } } .focus\:ring-primary-900\/40:focus { --ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 40%, transparent); } } .group:hover .group-hover\:ring-primary-900\/40 { --ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 40%, transparent); } } .ring-primary-900\/45 { --ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 45%, transparent); } } .hover\:ring-primary-900\/45:hover { --ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 45%, transparent); } } .focus\:ring-primary-900\/45:focus { --ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 45%, transparent); } } .group:hover .group-hover\:ring-primary-900\/45 { --ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 45%, transparent); } } .ring-primary-900\/50 { --ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 50%, transparent); } } .hover\:ring-primary-900\/50:hover { --ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 50%, transparent); } } .focus\:ring-primary-900\/50:focus { --ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 50%, transparent); } } .group:hover .group-hover\:ring-primary-900\/50 { --ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 50%, transparent); } } .ring-primary-900\/55 { --ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 55%, transparent); } } .hover\:ring-primary-900\/55:hover { --ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 55%, transparent); } } .focus\:ring-primary-900\/55:focus { --ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 55%, transparent); } } .group:hover .group-hover\:ring-primary-900\/55 { --ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 55%, transparent); } } .ring-primary-900\/60 { --ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 60%, transparent); } } .hover\:ring-primary-900\/60:hover { --ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 60%, transparent); } } .focus\:ring-primary-900\/60:focus { --ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 60%, transparent); } } .group:hover .group-hover\:ring-primary-900\/60 { --ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 60%, transparent); } } .ring-primary-900\/65 { --ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 65%, transparent); } } .hover\:ring-primary-900\/65:hover { --ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 65%, transparent); } } .focus\:ring-primary-900\/65:focus { --ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 65%, transparent); } } .group:hover .group-hover\:ring-primary-900\/65 { --ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 65%, transparent); } } .ring-primary-900\/70 { --ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 70%, transparent); } } .hover\:ring-primary-900\/70:hover { --ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 70%, transparent); } } .focus\:ring-primary-900\/70:focus { --ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 70%, transparent); } } .group:hover .group-hover\:ring-primary-900\/70 { --ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 70%, transparent); } } .ring-primary-900\/75 { --ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 75%, transparent); } } .hover\:ring-primary-900\/75:hover { --ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 75%, transparent); } } .focus\:ring-primary-900\/75:focus { --ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 75%, transparent); } } .group:hover .group-hover\:ring-primary-900\/75 { --ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 75%, transparent); } } .ring-primary-900\/80 { --ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 80%, transparent); } } .hover\:ring-primary-900\/80:hover { --ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 80%, transparent); } } .focus\:ring-primary-900\/80:focus { --ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 80%, transparent); } } .group:hover .group-hover\:ring-primary-900\/80 { --ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 80%, transparent); } } .ring-primary-900\/85 { --ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 85%, transparent); } } .hover\:ring-primary-900\/85:hover { --ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 85%, transparent); } } .focus\:ring-primary-900\/85:focus { --ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 85%, transparent); } } .group:hover .group-hover\:ring-primary-900\/85 { --ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 85%, transparent); } } .ring-primary-900\/90 { --ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 90%, transparent); } } .hover\:ring-primary-900\/90:hover { --ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 90%, transparent); } } .focus\:ring-primary-900\/90:focus { --ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 90%, transparent); } } .group:hover .group-hover\:ring-primary-900\/90 { --ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 90%, transparent); } } .ring-primary-900\/95 { --ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 95%, transparent); } } .hover\:ring-primary-900\/95:hover { --ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 95%, transparent); } } .focus\:ring-primary-900\/95:focus { --ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 95%, transparent); } } .group:hover .group-hover\:ring-primary-900\/95 { --ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --ring-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-ring-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, #55140a 95%, transparent); } } .shadow-primary-50\/5 { --tw-shadow-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/5:hover { --tw-shadow-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/5:focus { --tw-shadow-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/5 { --tw-shadow-color: rgba(247, 236, 235, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/10 { --tw-shadow-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/10:hover { --tw-shadow-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/10:focus { --tw-shadow-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/10 { --tw-shadow-color: rgba(247, 236, 235, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/15 { --tw-shadow-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/15:hover { --tw-shadow-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/15:focus { --tw-shadow-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/15 { --tw-shadow-color: rgba(247, 236, 235, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/20 { --tw-shadow-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/20:hover { --tw-shadow-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/20:focus { --tw-shadow-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/20 { --tw-shadow-color: rgba(247, 236, 235, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/25 { --tw-shadow-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/25:hover { --tw-shadow-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/25:focus { --tw-shadow-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/25 { --tw-shadow-color: rgba(247, 236, 235, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/30 { --tw-shadow-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/30:hover { --tw-shadow-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/30:focus { --tw-shadow-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/30 { --tw-shadow-color: rgba(247, 236, 235, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/35 { --tw-shadow-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/35:hover { --tw-shadow-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/35:focus { --tw-shadow-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/35 { --tw-shadow-color: rgba(247, 236, 235, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/40 { --tw-shadow-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/40:hover { --tw-shadow-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/40:focus { --tw-shadow-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/40 { --tw-shadow-color: rgba(247, 236, 235, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/45 { --tw-shadow-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/45:hover { --tw-shadow-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/45:focus { --tw-shadow-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/45 { --tw-shadow-color: rgba(247, 236, 235, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/50 { --tw-shadow-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/50:hover { --tw-shadow-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/50:focus { --tw-shadow-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/50 { --tw-shadow-color: rgba(247, 236, 235, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/55 { --tw-shadow-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/55:hover { --tw-shadow-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/55:focus { --tw-shadow-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/55 { --tw-shadow-color: rgba(247, 236, 235, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/60 { --tw-shadow-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/60:hover { --tw-shadow-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/60:focus { --tw-shadow-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/60 { --tw-shadow-color: rgba(247, 236, 235, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/65 { --tw-shadow-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/65:hover { --tw-shadow-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/65:focus { --tw-shadow-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/65 { --tw-shadow-color: rgba(247, 236, 235, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/70 { --tw-shadow-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/70:hover { --tw-shadow-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/70:focus { --tw-shadow-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/70 { --tw-shadow-color: rgba(247, 236, 235, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/75 { --tw-shadow-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/75:hover { --tw-shadow-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/75:focus { --tw-shadow-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/75 { --tw-shadow-color: rgba(247, 236, 235, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/80 { --tw-shadow-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/80:hover { --tw-shadow-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/80:focus { --tw-shadow-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/80 { --tw-shadow-color: rgba(247, 236, 235, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/85 { --tw-shadow-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/85:hover { --tw-shadow-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/85:focus { --tw-shadow-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/85 { --tw-shadow-color: rgba(247, 236, 235, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/90 { --tw-shadow-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/90:hover { --tw-shadow-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/90:focus { --tw-shadow-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/90 { --tw-shadow-color: rgba(247, 236, 235, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-50\/95 { --tw-shadow-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-50\/95:hover { --tw-shadow-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-50\/95:focus { --tw-shadow-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-50\/95 { --tw-shadow-color: rgba(247, 236, 235, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f7eceb 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/5 { --tw-shadow-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/5:hover { --tw-shadow-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/5:focus { --tw-shadow-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/5 { --tw-shadow-color: rgba(246, 221, 217, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/10 { --tw-shadow-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/10:hover { --tw-shadow-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/10:focus { --tw-shadow-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/10 { --tw-shadow-color: rgba(246, 221, 217, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/15 { --tw-shadow-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/15:hover { --tw-shadow-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/15:focus { --tw-shadow-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/15 { --tw-shadow-color: rgba(246, 221, 217, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/20 { --tw-shadow-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/20:hover { --tw-shadow-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/20:focus { --tw-shadow-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/20 { --tw-shadow-color: rgba(246, 221, 217, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/25 { --tw-shadow-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/25:hover { --tw-shadow-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/25:focus { --tw-shadow-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/25 { --tw-shadow-color: rgba(246, 221, 217, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/30 { --tw-shadow-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/30:hover { --tw-shadow-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/30:focus { --tw-shadow-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/30 { --tw-shadow-color: rgba(246, 221, 217, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/35 { --tw-shadow-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/35:hover { --tw-shadow-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/35:focus { --tw-shadow-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/35 { --tw-shadow-color: rgba(246, 221, 217, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/40 { --tw-shadow-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/40:hover { --tw-shadow-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/40:focus { --tw-shadow-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/40 { --tw-shadow-color: rgba(246, 221, 217, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/45 { --tw-shadow-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/45:hover { --tw-shadow-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/45:focus { --tw-shadow-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/45 { --tw-shadow-color: rgba(246, 221, 217, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/50 { --tw-shadow-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/50:hover { --tw-shadow-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/50:focus { --tw-shadow-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/50 { --tw-shadow-color: rgba(246, 221, 217, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/55 { --tw-shadow-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/55:hover { --tw-shadow-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/55:focus { --tw-shadow-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/55 { --tw-shadow-color: rgba(246, 221, 217, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/60 { --tw-shadow-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/60:hover { --tw-shadow-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/60:focus { --tw-shadow-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/60 { --tw-shadow-color: rgba(246, 221, 217, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/65 { --tw-shadow-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/65:hover { --tw-shadow-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/65:focus { --tw-shadow-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/65 { --tw-shadow-color: rgba(246, 221, 217, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/70 { --tw-shadow-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/70:hover { --tw-shadow-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/70:focus { --tw-shadow-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/70 { --tw-shadow-color: rgba(246, 221, 217, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/75 { --tw-shadow-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/75:hover { --tw-shadow-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/75:focus { --tw-shadow-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/75 { --tw-shadow-color: rgba(246, 221, 217, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/80 { --tw-shadow-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/80:hover { --tw-shadow-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/80:focus { --tw-shadow-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/80 { --tw-shadow-color: rgba(246, 221, 217, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/85 { --tw-shadow-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/85:hover { --tw-shadow-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/85:focus { --tw-shadow-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/85 { --tw-shadow-color: rgba(246, 221, 217, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/90 { --tw-shadow-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/90:hover { --tw-shadow-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/90:focus { --tw-shadow-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/90 { --tw-shadow-color: rgba(246, 221, 217, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-100\/95 { --tw-shadow-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-100\/95:hover { --tw-shadow-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-100\/95:focus { --tw-shadow-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-100\/95 { --tw-shadow-color: rgba(246, 221, 217, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f6ddd9 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/5 { --tw-shadow-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/5:hover { --tw-shadow-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/5:focus { --tw-shadow-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/5 { --tw-shadow-color: rgba(240, 191, 184, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/10 { --tw-shadow-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/10:hover { --tw-shadow-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/10:focus { --tw-shadow-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/10 { --tw-shadow-color: rgba(240, 191, 184, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/15 { --tw-shadow-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/15:hover { --tw-shadow-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/15:focus { --tw-shadow-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/15 { --tw-shadow-color: rgba(240, 191, 184, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/20 { --tw-shadow-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/20:hover { --tw-shadow-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/20:focus { --tw-shadow-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/20 { --tw-shadow-color: rgba(240, 191, 184, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/25 { --tw-shadow-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/25:hover { --tw-shadow-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/25:focus { --tw-shadow-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/25 { --tw-shadow-color: rgba(240, 191, 184, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/30 { --tw-shadow-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/30:hover { --tw-shadow-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/30:focus { --tw-shadow-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/30 { --tw-shadow-color: rgba(240, 191, 184, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/35 { --tw-shadow-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/35:hover { --tw-shadow-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/35:focus { --tw-shadow-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/35 { --tw-shadow-color: rgba(240, 191, 184, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/40 { --tw-shadow-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/40:hover { --tw-shadow-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/40:focus { --tw-shadow-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/40 { --tw-shadow-color: rgba(240, 191, 184, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/45 { --tw-shadow-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/45:hover { --tw-shadow-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/45:focus { --tw-shadow-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/45 { --tw-shadow-color: rgba(240, 191, 184, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/50 { --tw-shadow-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/50:hover { --tw-shadow-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/50:focus { --tw-shadow-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/50 { --tw-shadow-color: rgba(240, 191, 184, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/55 { --tw-shadow-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/55:hover { --tw-shadow-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/55:focus { --tw-shadow-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/55 { --tw-shadow-color: rgba(240, 191, 184, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/60 { --tw-shadow-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/60:hover { --tw-shadow-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/60:focus { --tw-shadow-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/60 { --tw-shadow-color: rgba(240, 191, 184, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/65 { --tw-shadow-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/65:hover { --tw-shadow-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/65:focus { --tw-shadow-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/65 { --tw-shadow-color: rgba(240, 191, 184, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/70 { --tw-shadow-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/70:hover { --tw-shadow-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/70:focus { --tw-shadow-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/70 { --tw-shadow-color: rgba(240, 191, 184, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/75 { --tw-shadow-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/75:hover { --tw-shadow-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/75:focus { --tw-shadow-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/75 { --tw-shadow-color: rgba(240, 191, 184, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/80 { --tw-shadow-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/80:hover { --tw-shadow-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/80:focus { --tw-shadow-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/80 { --tw-shadow-color: rgba(240, 191, 184, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/85 { --tw-shadow-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/85:hover { --tw-shadow-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/85:focus { --tw-shadow-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/85 { --tw-shadow-color: rgba(240, 191, 184, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/90 { --tw-shadow-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/90:hover { --tw-shadow-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/90:focus { --tw-shadow-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/90 { --tw-shadow-color: rgba(240, 191, 184, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-200\/95 { --tw-shadow-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-200\/95:hover { --tw-shadow-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-200\/95:focus { --tw-shadow-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-200\/95 { --tw-shadow-color: rgba(240, 191, 184, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #f0bfb8 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/5 { --tw-shadow-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/5:hover { --tw-shadow-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/5:focus { --tw-shadow-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/5 { --tw-shadow-color: rgba(235, 159, 147, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/10 { --tw-shadow-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/10:hover { --tw-shadow-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/10:focus { --tw-shadow-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/10 { --tw-shadow-color: rgba(235, 159, 147, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/15 { --tw-shadow-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/15:hover { --tw-shadow-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/15:focus { --tw-shadow-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/15 { --tw-shadow-color: rgba(235, 159, 147, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/20 { --tw-shadow-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/20:hover { --tw-shadow-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/20:focus { --tw-shadow-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/20 { --tw-shadow-color: rgba(235, 159, 147, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/25 { --tw-shadow-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/25:hover { --tw-shadow-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/25:focus { --tw-shadow-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/25 { --tw-shadow-color: rgba(235, 159, 147, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/30 { --tw-shadow-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/30:hover { --tw-shadow-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/30:focus { --tw-shadow-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/30 { --tw-shadow-color: rgba(235, 159, 147, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/35 { --tw-shadow-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/35:hover { --tw-shadow-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/35:focus { --tw-shadow-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/35 { --tw-shadow-color: rgba(235, 159, 147, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/40 { --tw-shadow-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/40:hover { --tw-shadow-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/40:focus { --tw-shadow-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/40 { --tw-shadow-color: rgba(235, 159, 147, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/45 { --tw-shadow-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/45:hover { --tw-shadow-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/45:focus { --tw-shadow-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/45 { --tw-shadow-color: rgba(235, 159, 147, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/50 { --tw-shadow-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/50:hover { --tw-shadow-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/50:focus { --tw-shadow-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/50 { --tw-shadow-color: rgba(235, 159, 147, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/55 { --tw-shadow-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/55:hover { --tw-shadow-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/55:focus { --tw-shadow-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/55 { --tw-shadow-color: rgba(235, 159, 147, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/60 { --tw-shadow-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/60:hover { --tw-shadow-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/60:focus { --tw-shadow-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/60 { --tw-shadow-color: rgba(235, 159, 147, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/65 { --tw-shadow-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/65:hover { --tw-shadow-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/65:focus { --tw-shadow-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/65 { --tw-shadow-color: rgba(235, 159, 147, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/70 { --tw-shadow-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/70:hover { --tw-shadow-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/70:focus { --tw-shadow-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/70 { --tw-shadow-color: rgba(235, 159, 147, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/75 { --tw-shadow-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/75:hover { --tw-shadow-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/75:focus { --tw-shadow-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/75 { --tw-shadow-color: rgba(235, 159, 147, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/80 { --tw-shadow-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/80:hover { --tw-shadow-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/80:focus { --tw-shadow-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/80 { --tw-shadow-color: rgba(235, 159, 147, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/85 { --tw-shadow-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/85:hover { --tw-shadow-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/85:focus { --tw-shadow-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/85 { --tw-shadow-color: rgba(235, 159, 147, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/90 { --tw-shadow-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/90:hover { --tw-shadow-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/90:focus { --tw-shadow-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/90 { --tw-shadow-color: rgba(235, 159, 147, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-300\/95 { --tw-shadow-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-300\/95:hover { --tw-shadow-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-300\/95:focus { --tw-shadow-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-300\/95 { --tw-shadow-color: rgba(235, 159, 147, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #eb9f93 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/5 { --tw-shadow-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/5:hover { --tw-shadow-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/5:focus { --tw-shadow-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/5 { --tw-shadow-color: rgba(230, 121, 104, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/10 { --tw-shadow-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/10:hover { --tw-shadow-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/10:focus { --tw-shadow-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/10 { --tw-shadow-color: rgba(230, 121, 104, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/15 { --tw-shadow-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/15:hover { --tw-shadow-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/15:focus { --tw-shadow-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/15 { --tw-shadow-color: rgba(230, 121, 104, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/20 { --tw-shadow-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/20:hover { --tw-shadow-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/20:focus { --tw-shadow-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/20 { --tw-shadow-color: rgba(230, 121, 104, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/25 { --tw-shadow-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/25:hover { --tw-shadow-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/25:focus { --tw-shadow-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/25 { --tw-shadow-color: rgba(230, 121, 104, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/30 { --tw-shadow-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/30:hover { --tw-shadow-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/30:focus { --tw-shadow-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/30 { --tw-shadow-color: rgba(230, 121, 104, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/35 { --tw-shadow-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/35:hover { --tw-shadow-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/35:focus { --tw-shadow-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/35 { --tw-shadow-color: rgba(230, 121, 104, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/40 { --tw-shadow-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/40:hover { --tw-shadow-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/40:focus { --tw-shadow-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/40 { --tw-shadow-color: rgba(230, 121, 104, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/45 { --tw-shadow-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/45:hover { --tw-shadow-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/45:focus { --tw-shadow-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/45 { --tw-shadow-color: rgba(230, 121, 104, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/50 { --tw-shadow-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/50:hover { --tw-shadow-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/50:focus { --tw-shadow-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/50 { --tw-shadow-color: rgba(230, 121, 104, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/55 { --tw-shadow-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/55:hover { --tw-shadow-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/55:focus { --tw-shadow-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/55 { --tw-shadow-color: rgba(230, 121, 104, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/60 { --tw-shadow-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/60:hover { --tw-shadow-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/60:focus { --tw-shadow-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/60 { --tw-shadow-color: rgba(230, 121, 104, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/65 { --tw-shadow-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/65:hover { --tw-shadow-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/65:focus { --tw-shadow-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/65 { --tw-shadow-color: rgba(230, 121, 104, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/70 { --tw-shadow-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/70:hover { --tw-shadow-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/70:focus { --tw-shadow-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/70 { --tw-shadow-color: rgba(230, 121, 104, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/75 { --tw-shadow-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/75:hover { --tw-shadow-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/75:focus { --tw-shadow-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/75 { --tw-shadow-color: rgba(230, 121, 104, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/80 { --tw-shadow-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/80:hover { --tw-shadow-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/80:focus { --tw-shadow-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/80 { --tw-shadow-color: rgba(230, 121, 104, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/85 { --tw-shadow-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/85:hover { --tw-shadow-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/85:focus { --tw-shadow-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/85 { --tw-shadow-color: rgba(230, 121, 104, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/90 { --tw-shadow-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/90:hover { --tw-shadow-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/90:focus { --tw-shadow-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/90 { --tw-shadow-color: rgba(230, 121, 104, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-400\/95 { --tw-shadow-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-400\/95:hover { --tw-shadow-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-400\/95:focus { --tw-shadow-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-400\/95 { --tw-shadow-color: rgba(230, 121, 104, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e67968 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/5 { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/5:hover { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/5:focus { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/5 { --tw-shadow-color: rgba(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/10 { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/10:hover { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/10:focus { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/10 { --tw-shadow-color: rgba(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/15 { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/15:hover { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/15:focus { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/15 { --tw-shadow-color: rgba(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/20 { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/20:hover { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/20:focus { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/20 { --tw-shadow-color: rgba(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/25 { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/25:hover { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/25:focus { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/25 { --tw-shadow-color: rgba(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/30 { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/30:hover { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/30:focus { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/30 { --tw-shadow-color: rgba(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/35 { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/35:hover { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/35:focus { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/35 { --tw-shadow-color: rgba(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/40 { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/40:hover { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/40:focus { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/40 { --tw-shadow-color: rgba(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/45 { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/45:hover { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/45:focus { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/45 { --tw-shadow-color: rgba(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/50 { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/50:hover { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/50:focus { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/50 { --tw-shadow-color: rgba(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/55 { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/55:hover { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/55:focus { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/55 { --tw-shadow-color: rgba(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/60 { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/60:hover { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/60:focus { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/60 { --tw-shadow-color: rgba(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/65 { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/65:hover { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/65:focus { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/65 { --tw-shadow-color: rgba(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/70 { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/70:hover { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/70:focus { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/70 { --tw-shadow-color: rgba(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/75 { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/75:hover { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/75:focus { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/75 { --tw-shadow-color: rgba(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/80 { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/80:hover { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/80:focus { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/80 { --tw-shadow-color: rgba(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/85 { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/85:hover { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/85:focus { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/85 { --tw-shadow-color: rgba(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/90 { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/90:hover { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/90:focus { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/90 { --tw-shadow-color: rgba(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/95 { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-500\/95:hover { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-500\/95:focus { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-500\/95 { --tw-shadow-color: rgba(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #e2462e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/5 { --tw-shadow-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/5:hover { --tw-shadow-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/5:focus { --tw-shadow-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/5 { --tw-shadow-color: rgba(213, 55, 30, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/10 { --tw-shadow-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/10:hover { --tw-shadow-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/10:focus { --tw-shadow-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/10 { --tw-shadow-color: rgba(213, 55, 30, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/15 { --tw-shadow-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/15:hover { --tw-shadow-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/15:focus { --tw-shadow-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/15 { --tw-shadow-color: rgba(213, 55, 30, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/20 { --tw-shadow-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/20:hover { --tw-shadow-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/20:focus { --tw-shadow-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/20 { --tw-shadow-color: rgba(213, 55, 30, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/25 { --tw-shadow-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/25:hover { --tw-shadow-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/25:focus { --tw-shadow-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/25 { --tw-shadow-color: rgba(213, 55, 30, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/30 { --tw-shadow-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/30:hover { --tw-shadow-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/30:focus { --tw-shadow-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/30 { --tw-shadow-color: rgba(213, 55, 30, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/35 { --tw-shadow-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/35:hover { --tw-shadow-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/35:focus { --tw-shadow-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/35 { --tw-shadow-color: rgba(213, 55, 30, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/40 { --tw-shadow-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/40:hover { --tw-shadow-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/40:focus { --tw-shadow-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/40 { --tw-shadow-color: rgba(213, 55, 30, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/45 { --tw-shadow-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/45:hover { --tw-shadow-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/45:focus { --tw-shadow-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/45 { --tw-shadow-color: rgba(213, 55, 30, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/50 { --tw-shadow-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/50:hover { --tw-shadow-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/50:focus { --tw-shadow-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/50 { --tw-shadow-color: rgba(213, 55, 30, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/55 { --tw-shadow-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/55:hover { --tw-shadow-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/55:focus { --tw-shadow-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/55 { --tw-shadow-color: rgba(213, 55, 30, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/60 { --tw-shadow-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/60:hover { --tw-shadow-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/60:focus { --tw-shadow-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/60 { --tw-shadow-color: rgba(213, 55, 30, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/65 { --tw-shadow-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/65:hover { --tw-shadow-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/65:focus { --tw-shadow-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/65 { --tw-shadow-color: rgba(213, 55, 30, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/70 { --tw-shadow-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/70:hover { --tw-shadow-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/70:focus { --tw-shadow-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/70 { --tw-shadow-color: rgba(213, 55, 30, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/75 { --tw-shadow-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/75:hover { --tw-shadow-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/75:focus { --tw-shadow-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/75 { --tw-shadow-color: rgba(213, 55, 30, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/80 { --tw-shadow-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/80:hover { --tw-shadow-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/80:focus { --tw-shadow-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/80 { --tw-shadow-color: rgba(213, 55, 30, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/85 { --tw-shadow-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/85:hover { --tw-shadow-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/85:focus { --tw-shadow-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/85 { --tw-shadow-color: rgba(213, 55, 30, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/90 { --tw-shadow-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/90:hover { --tw-shadow-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/90:focus { --tw-shadow-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/90 { --tw-shadow-color: rgba(213, 55, 30, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-600\/95 { --tw-shadow-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-600\/95:hover { --tw-shadow-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-600\/95:focus { --tw-shadow-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-600\/95 { --tw-shadow-color: rgba(213, 55, 30, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #d5371e 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/5 { --tw-shadow-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/5:hover { --tw-shadow-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/5:focus { --tw-shadow-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/5 { --tw-shadow-color: rgba(174, 46, 26, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/10 { --tw-shadow-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/10:hover { --tw-shadow-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/10:focus { --tw-shadow-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/10 { --tw-shadow-color: rgba(174, 46, 26, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/15 { --tw-shadow-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/15:hover { --tw-shadow-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/15:focus { --tw-shadow-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/15 { --tw-shadow-color: rgba(174, 46, 26, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/20 { --tw-shadow-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/20:hover { --tw-shadow-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/20:focus { --tw-shadow-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/20 { --tw-shadow-color: rgba(174, 46, 26, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/25 { --tw-shadow-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/25:hover { --tw-shadow-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/25:focus { --tw-shadow-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/25 { --tw-shadow-color: rgba(174, 46, 26, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/30 { --tw-shadow-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/30:hover { --tw-shadow-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/30:focus { --tw-shadow-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/30 { --tw-shadow-color: rgba(174, 46, 26, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/35 { --tw-shadow-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/35:hover { --tw-shadow-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/35:focus { --tw-shadow-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/35 { --tw-shadow-color: rgba(174, 46, 26, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/40 { --tw-shadow-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/40:hover { --tw-shadow-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/40:focus { --tw-shadow-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/40 { --tw-shadow-color: rgba(174, 46, 26, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/45 { --tw-shadow-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/45:hover { --tw-shadow-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/45:focus { --tw-shadow-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/45 { --tw-shadow-color: rgba(174, 46, 26, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/50 { --tw-shadow-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/50:hover { --tw-shadow-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/50:focus { --tw-shadow-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/50 { --tw-shadow-color: rgba(174, 46, 26, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/55 { --tw-shadow-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/55:hover { --tw-shadow-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/55:focus { --tw-shadow-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/55 { --tw-shadow-color: rgba(174, 46, 26, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/60 { --tw-shadow-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/60:hover { --tw-shadow-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/60:focus { --tw-shadow-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/60 { --tw-shadow-color: rgba(174, 46, 26, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/65 { --tw-shadow-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/65:hover { --tw-shadow-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/65:focus { --tw-shadow-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/65 { --tw-shadow-color: rgba(174, 46, 26, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/70 { --tw-shadow-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/70:hover { --tw-shadow-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/70:focus { --tw-shadow-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/70 { --tw-shadow-color: rgba(174, 46, 26, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/75 { --tw-shadow-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/75:hover { --tw-shadow-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/75:focus { --tw-shadow-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/75 { --tw-shadow-color: rgba(174, 46, 26, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/80 { --tw-shadow-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/80:hover { --tw-shadow-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/80:focus { --tw-shadow-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/80 { --tw-shadow-color: rgba(174, 46, 26, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/85 { --tw-shadow-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/85:hover { --tw-shadow-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/85:focus { --tw-shadow-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/85 { --tw-shadow-color: rgba(174, 46, 26, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/90 { --tw-shadow-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/90:hover { --tw-shadow-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/90:focus { --tw-shadow-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/90 { --tw-shadow-color: rgba(174, 46, 26, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-700\/95 { --tw-shadow-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-700\/95:hover { --tw-shadow-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-700\/95:focus { --tw-shadow-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-700\/95 { --tw-shadow-color: rgba(174, 46, 26, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #ae2e1a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/5 { --tw-shadow-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/5:hover { --tw-shadow-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/5:focus { --tw-shadow-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/5 { --tw-shadow-color: rgba(136, 31, 15, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/10 { --tw-shadow-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/10:hover { --tw-shadow-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/10:focus { --tw-shadow-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/10 { --tw-shadow-color: rgba(136, 31, 15, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/15 { --tw-shadow-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/15:hover { --tw-shadow-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/15:focus { --tw-shadow-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/15 { --tw-shadow-color: rgba(136, 31, 15, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/20 { --tw-shadow-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/20:hover { --tw-shadow-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/20:focus { --tw-shadow-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/20 { --tw-shadow-color: rgba(136, 31, 15, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/25 { --tw-shadow-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/25:hover { --tw-shadow-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/25:focus { --tw-shadow-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/25 { --tw-shadow-color: rgba(136, 31, 15, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/30 { --tw-shadow-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/30:hover { --tw-shadow-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/30:focus { --tw-shadow-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/30 { --tw-shadow-color: rgba(136, 31, 15, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/35 { --tw-shadow-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/35:hover { --tw-shadow-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/35:focus { --tw-shadow-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/35 { --tw-shadow-color: rgba(136, 31, 15, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/40 { --tw-shadow-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/40:hover { --tw-shadow-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/40:focus { --tw-shadow-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/40 { --tw-shadow-color: rgba(136, 31, 15, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/45 { --tw-shadow-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/45:hover { --tw-shadow-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/45:focus { --tw-shadow-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/45 { --tw-shadow-color: rgba(136, 31, 15, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/50 { --tw-shadow-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/50:hover { --tw-shadow-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/50:focus { --tw-shadow-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/50 { --tw-shadow-color: rgba(136, 31, 15, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/55 { --tw-shadow-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/55:hover { --tw-shadow-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/55:focus { --tw-shadow-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/55 { --tw-shadow-color: rgba(136, 31, 15, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/60 { --tw-shadow-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/60:hover { --tw-shadow-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/60:focus { --tw-shadow-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/60 { --tw-shadow-color: rgba(136, 31, 15, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/65 { --tw-shadow-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/65:hover { --tw-shadow-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/65:focus { --tw-shadow-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/65 { --tw-shadow-color: rgba(136, 31, 15, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/70 { --tw-shadow-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/70:hover { --tw-shadow-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/70:focus { --tw-shadow-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/70 { --tw-shadow-color: rgba(136, 31, 15, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/75 { --tw-shadow-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/75:hover { --tw-shadow-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/75:focus { --tw-shadow-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/75 { --tw-shadow-color: rgba(136, 31, 15, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/80 { --tw-shadow-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/80:hover { --tw-shadow-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/80:focus { --tw-shadow-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/80 { --tw-shadow-color: rgba(136, 31, 15, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/85 { --tw-shadow-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/85:hover { --tw-shadow-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/85:focus { --tw-shadow-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/85 { --tw-shadow-color: rgba(136, 31, 15, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/90 { --tw-shadow-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/90:hover { --tw-shadow-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/90:focus { --tw-shadow-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/90 { --tw-shadow-color: rgba(136, 31, 15, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-800\/95 { --tw-shadow-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-800\/95:hover { --tw-shadow-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-800\/95:focus { --tw-shadow-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-800\/95 { --tw-shadow-color: rgba(136, 31, 15, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #881f0f 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/5 { --tw-shadow-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/5:hover { --tw-shadow-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/5:focus { --tw-shadow-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/5 { --tw-shadow-color: rgba(85, 20, 10, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 5%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/10 { --tw-shadow-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/10:hover { --tw-shadow-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/10:focus { --tw-shadow-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/10 { --tw-shadow-color: rgba(85, 20, 10, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 10%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/15 { --tw-shadow-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/15:hover { --tw-shadow-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/15:focus { --tw-shadow-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/15 { --tw-shadow-color: rgba(85, 20, 10, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 15%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/20 { --tw-shadow-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/20:hover { --tw-shadow-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/20:focus { --tw-shadow-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/20 { --tw-shadow-color: rgba(85, 20, 10, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 20%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/25 { --tw-shadow-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/25:hover { --tw-shadow-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/25:focus { --tw-shadow-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/25 { --tw-shadow-color: rgba(85, 20, 10, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 25%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/30 { --tw-shadow-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/30:hover { --tw-shadow-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/30:focus { --tw-shadow-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/30 { --tw-shadow-color: rgba(85, 20, 10, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 30%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/35 { --tw-shadow-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/35:hover { --tw-shadow-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/35:focus { --tw-shadow-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/35 { --tw-shadow-color: rgba(85, 20, 10, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 35%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/40 { --tw-shadow-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/40:hover { --tw-shadow-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/40:focus { --tw-shadow-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/40 { --tw-shadow-color: rgba(85, 20, 10, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 40%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/45 { --tw-shadow-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/45:hover { --tw-shadow-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/45:focus { --tw-shadow-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/45 { --tw-shadow-color: rgba(85, 20, 10, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 45%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/50 { --tw-shadow-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/50:hover { --tw-shadow-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/50:focus { --tw-shadow-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/50 { --tw-shadow-color: rgba(85, 20, 10, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 50%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/55 { --tw-shadow-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/55:hover { --tw-shadow-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/55:focus { --tw-shadow-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/55 { --tw-shadow-color: rgba(85, 20, 10, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 55%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/60 { --tw-shadow-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/60:hover { --tw-shadow-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/60:focus { --tw-shadow-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/60 { --tw-shadow-color: rgba(85, 20, 10, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 60%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/65 { --tw-shadow-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/65:hover { --tw-shadow-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/65:focus { --tw-shadow-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/65 { --tw-shadow-color: rgba(85, 20, 10, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 65%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/70 { --tw-shadow-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/70:hover { --tw-shadow-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/70:focus { --tw-shadow-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/70 { --tw-shadow-color: rgba(85, 20, 10, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 70%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/75 { --tw-shadow-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/75:hover { --tw-shadow-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/75:focus { --tw-shadow-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/75 { --tw-shadow-color: rgba(85, 20, 10, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 75%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/80 { --tw-shadow-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/80:hover { --tw-shadow-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/80:focus { --tw-shadow-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/80 { --tw-shadow-color: rgba(85, 20, 10, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 80%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/85 { --tw-shadow-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/85:hover { --tw-shadow-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/85:focus { --tw-shadow-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/85 { --tw-shadow-color: rgba(85, 20, 10, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 85%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/90 { --tw-shadow-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/90:hover { --tw-shadow-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/90:focus { --tw-shadow-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/90 { --tw-shadow-color: rgba(85, 20, 10, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 90%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-900\/95 { --tw-shadow-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-primary-900\/95:hover { --tw-shadow-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .focus\:shadow-primary-900\/95:focus { --tw-shadow-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:shadow-primary-900\/95 { --tw-shadow-color: rgba(85, 20, 10, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, #55140a 95%, transparent); } --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:text-white { color: #fff; } .from-primary { --tw-gradient-from: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, #e2462e 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: #e2462e; --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: #e2462e; --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: #e2462e; --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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, #e2462e 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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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: #e2462e; --tw-gradient-stops: var(--tw-gradient-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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.95); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.9); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.85); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.8); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.75); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.7); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.65); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.6); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.55); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.5); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.45); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.4); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.35); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.3); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.25); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.2); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.15); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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(226, 70, 46, 0.05); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, #e2462e 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%, #f6ddd9 0); } a.underlinedlinksmall { background-image: linear-gradient(180deg, transparent 88%, #f6ddd9 0); } a:hover.underlinedlinksmall { background-image: linear-gradient(180deg, transparent 88%, #f0bfb8 0); } .cms__content a, .ce-bodytext a, .cke_editable a { text-decoration: none; background-image: linear-gradient(180deg, transparent 85%, #f6ddd9 0); } a.highlight { color: #da4c36 !important; } a.highlight:hover { color: #d5371e !important; } .cms__content .button-primary:hover { background-color: #d5371e !important; border-color: #d5371e !important; } .cms__content h1 { /*  color: #da4c36 !important;*/ } .cms__content .button-primary { background-color: #da4c36 !important; border-color: #da4c36 !important; } .prose a { color: #da4c36 !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-1400-50 { --bg-opacity: 1; background-color: rgba(246, 228, 225, var(--bg-opacity)); } .hover\:bg-custom-1400-50:hover { --bg-opacity: 1; background-color: rgba(246, 228, 225, var(--bg-opacity)); } .bg-custom-1400-100 { --bg-opacity: 1; background-color: rgba(248, 202, 195, var(--bg-opacity)); } .hover\:bg-custom-1400-100:hover { --bg-opacity: 1; background-color: rgba(248, 202, 195, var(--bg-opacity)); } .bg-custom-1400-200 { --bg-opacity: 1; background-color: rgba(246, 153, 138, var(--bg-opacity)); } .hover\:bg-custom-1400-200:hover { --bg-opacity: 1; background-color: rgba(246, 153, 138, var(--bg-opacity)); } .bg-custom-1400-300 { --bg-opacity: 1; background-color: rgba(246, 98, 75, var(--bg-opacity)); } .hover\:bg-custom-1400-300:hover { --bg-opacity: 1; background-color: rgba(246, 98, 75, var(--bg-opacity)); } .bg-custom-1400-400 { --bg-opacity: 1; background-color: rgba(243, 38, 6, var(--bg-opacity)); } .hover\:bg-custom-1400-400:hover { --bg-opacity: 1; background-color: rgba(243, 38, 6, var(--bg-opacity)); } .bg-custom-1400-500 { --bg-opacity: 1; background-color: rgba(154, 21, 0, var(--bg-opacity)); } .hover\:bg-custom-1400-500:hover { --bg-opacity: 1; background-color: rgba(154, 21, 0, var(--bg-opacity)); } .bg-custom-1400-600 { --bg-opacity: 1; background-color: rgba(137, 19, 1, var(--bg-opacity)); } .hover\:bg-custom-1400-600:hover { --bg-opacity: 1; background-color: rgba(137, 19, 1, var(--bg-opacity)); } .bg-custom-1400-700 { --bg-opacity: 1; background-color: rgba(112, 16, 1, var(--bg-opacity)); } .hover\:bg-custom-1400-700:hover { --bg-opacity: 1; background-color: rgba(112, 16, 1, var(--bg-opacity)); } .bg-custom-1400-800 { --bg-opacity: 1; background-color: rgba(85, 12, 0, var(--bg-opacity)); } .hover\:bg-custom-1400-800:hover { --bg-opacity: 1; background-color: rgba(85, 12, 0, var(--bg-opacity)); } .bg-custom-1400-900 { --bg-opacity: 1; background-color: rgba(54, 7, 0, var(--bg-opacity)); } .hover\:bg-custom-1400-900:hover { --bg-opacity: 1; background-color: rgba(54, 7, 0, var(--bg-opacity)); } .text-custom-1400-50 { color: #f6e4e1; } .hover\:text-custom-1400-50:hover { color: #f6e4e1; } .text-custom-1400-100 { color: #f8cac3; } .hover\:text-custom-1400-100:hover { color: #f8cac3; } .text-custom-1400-200 { color: #f6998a; } .hover\:text-custom-1400-200:hover { color: #f6998a; } .text-custom-1400-300 { color: #f6624b; } .hover\:text-custom-1400-300:hover { color: #f6624b; } .text-custom-1400-400 { color: #f32606; } .hover\:text-custom-1400-400:hover { color: #f32606; } .text-custom-1400-500 { color: #9a1500; } .hover\:text-custom-1400-500:hover { color: #9a1500; } .text-custom-1400-600 { color: #891301; } .hover\:text-custom-1400-600:hover { color: #891301; } .text-custom-1400-700 { color: #701001; } .hover\:text-custom-1400-700:hover { color: #701001; } .text-custom-1400-800 { color: #550c00; } .hover\:text-custom-1400-800:hover { color: #550c00; } .text-custom-1400-900 { color: #360700; } .hover\:text-custom-1400-900:hover { color: #360700; } .border-custom-1400-50 { border-color: #f6e4e1; } .hover\:border-custom-1400-50:hover { border-color: #f6e4e1; } .border-custom-1400-100 { border-color: #f8cac3; } .hover\:border-custom-1400-100:hover { border-color: #f8cac3; } .border-custom-1400-200 { border-color: #f6998a; } .hover\:border-custom-1400-200:hover { border-color: #f6998a; } .border-custom-1400-300 { border-color: #f6624b; } .hover\:border-custom-1400-300:hover { border-color: #f6624b; } .border-custom-1400-400 { border-color: #f32606; } .hover\:border-custom-1400-400:hover { border-color: #f32606; } .border-custom-1400-500 { border-color: #9a1500; } .hover\:border-custom-1400-500:hover { border-color: #9a1500; } .border-custom-1400-600 { border-color: #891301; } .hover\:border-custom-1400-600:hover { border-color: #891301; } .border-custom-1400-700 { border-color: #701001; } .hover\:border-custom-1400-700:hover { border-color: #701001; } .border-custom-1400-800 { border-color: #550c00; } .hover\:border-custom-1400-800:hover { border-color: #550c00; } .border-custom-1400-900 { border-color: #360700; } .hover\:border-custom-1400-900:hover { border-color: #360700; } .bg-custom-1401-50 { --bg-opacity: 1; background-color: rgba(233, 243, 247, var(--bg-opacity)); } .hover\:bg-custom-1401-50:hover { --bg-opacity: 1; background-color: rgba(233, 243, 247, var(--bg-opacity)); } .bg-custom-1401-100 { --bg-opacity: 1; background-color: rgba(213, 236, 247, var(--bg-opacity)); } .hover\:bg-custom-1401-100:hover { --bg-opacity: 1; background-color: rgba(213, 236, 247, var(--bg-opacity)); } .bg-custom-1401-200 { --bg-opacity: 1; background-color: rgba(176, 222, 241, var(--bg-opacity)); } .hover\:bg-custom-1401-200:hover { --bg-opacity: 1; background-color: rgba(176, 222, 241, var(--bg-opacity)); } .bg-custom-1401-300 { --bg-opacity: 1; background-color: rgba(134, 206, 238, var(--bg-opacity)); } .hover\:bg-custom-1401-300:hover { --bg-opacity: 1; background-color: rgba(134, 206, 238, var(--bg-opacity)); } .bg-custom-1401-400 { --bg-opacity: 1; background-color: rgba(87, 190, 235, var(--bg-opacity)); } .hover\:bg-custom-1401-400:hover { --bg-opacity: 1; background-color: rgba(87, 190, 235, var(--bg-opacity)); } .bg-custom-1401-500 { --bg-opacity: 1; background-color: rgba(21, 169, 233, var(--bg-opacity)); } .hover\:bg-custom-1401-500:hover { --bg-opacity: 1; background-color: rgba(21, 169, 233, var(--bg-opacity)); } .bg-custom-1401-600 { --bg-opacity: 1; background-color: rgba(20, 150, 207, var(--bg-opacity)); } .hover\:bg-custom-1401-600:hover { --bg-opacity: 1; background-color: rgba(20, 150, 207, var(--bg-opacity)); } .bg-custom-1401-700 { --bg-opacity: 1; background-color: rgba(17, 124, 170, var(--bg-opacity)); } .hover\:bg-custom-1401-700:hover { --bg-opacity: 1; background-color: rgba(17, 124, 170, var(--bg-opacity)); } .bg-custom-1401-800 { --bg-opacity: 1; background-color: rgba(8, 95, 132, var(--bg-opacity)); } .hover\:bg-custom-1401-800:hover { --bg-opacity: 1; background-color: rgba(8, 95, 132, var(--bg-opacity)); } .bg-custom-1401-900 { --bg-opacity: 1; background-color: rgba(6, 60, 83, var(--bg-opacity)); } .hover\:bg-custom-1401-900:hover { --bg-opacity: 1; background-color: rgba(6, 60, 83, var(--bg-opacity)); } .text-custom-1401-50 { color: #e9f3f7; } .hover\:text-custom-1401-50:hover { color: #e9f3f7; } .text-custom-1401-100 { color: #d5ecf7; } .hover\:text-custom-1401-100:hover { color: #d5ecf7; } .text-custom-1401-200 { color: #b0def1; } .hover\:text-custom-1401-200:hover { color: #b0def1; } .text-custom-1401-300 { color: #86ceee; } .hover\:text-custom-1401-300:hover { color: #86ceee; } .text-custom-1401-400 { color: #57beeb; } .hover\:text-custom-1401-400:hover { color: #57beeb; } .text-custom-1401-500 { color: #15a9e9; } .hover\:text-custom-1401-500:hover { color: #15a9e9; } .text-custom-1401-600 { color: #1496cf; } .hover\:text-custom-1401-600:hover { color: #1496cf; } .text-custom-1401-700 { color: #117caa; } .hover\:text-custom-1401-700:hover { color: #117caa; } .text-custom-1401-800 { color: #085f84; } .hover\:text-custom-1401-800:hover { color: #085f84; } .text-custom-1401-900 { color: #063c53; } .hover\:text-custom-1401-900:hover { color: #063c53; } .border-custom-1401-50 { border-color: #e9f3f7; } .hover\:border-custom-1401-50:hover { border-color: #e9f3f7; } .border-custom-1401-100 { border-color: #d5ecf7; } .hover\:border-custom-1401-100:hover { border-color: #d5ecf7; } .border-custom-1401-200 { border-color: #b0def1; } .hover\:border-custom-1401-200:hover { border-color: #b0def1; } .border-custom-1401-300 { border-color: #86ceee; } .hover\:border-custom-1401-300:hover { border-color: #86ceee; } .border-custom-1401-400 { border-color: #57beeb; } .hover\:border-custom-1401-400:hover { border-color: #57beeb; } .border-custom-1401-500 { border-color: #15a9e9; } .hover\:border-custom-1401-500:hover { border-color: #15a9e9; } .border-custom-1401-600 { border-color: #1496cf; } .hover\:border-custom-1401-600:hover { border-color: #1496cf; } .border-custom-1401-700 { border-color: #117caa; } .hover\:border-custom-1401-700:hover { border-color: #117caa; } .border-custom-1401-800 { border-color: #085f84; } .hover\:border-custom-1401-800:hover { border-color: #085f84; } .border-custom-1401-900 { border-color: #063c53; } .hover\:border-custom-1401-900:hover { border-color: #063c53; } .bg-custom-1402-50 { --bg-opacity: 1; background-color: rgba(240, 246, 225, var(--bg-opacity)); } .hover\:bg-custom-1402-50:hover { --bg-opacity: 1; background-color: rgba(240, 246, 225, var(--bg-opacity)); } .bg-custom-1402-100 { --bg-opacity: 1; background-color: rgba(231, 248, 195, var(--bg-opacity)); } .hover\:bg-custom-1402-100:hover { --bg-opacity: 1; background-color: rgba(231, 248, 195, var(--bg-opacity)); } .bg-custom-1402-200 { --bg-opacity: 1; background-color: rgba(211, 246, 138, var(--bg-opacity)); } .hover\:bg-custom-1402-200:hover { --bg-opacity: 1; background-color: rgba(211, 246, 138, var(--bg-opacity)); } .bg-custom-1402-300 { --bg-opacity: 1; background-color: rgba(191, 246, 75, var(--bg-opacity)); } .hover\:bg-custom-1402-300:hover { --bg-opacity: 1; background-color: rgba(191, 246, 75, var(--bg-opacity)); } .bg-custom-1402-400 { --bg-opacity: 1; background-color: rgba(167, 243, 6, var(--bg-opacity)); } .hover\:bg-custom-1402-400:hover { --bg-opacity: 1; background-color: rgba(167, 243, 6, var(--bg-opacity)); } .bg-custom-1402-500 { --bg-opacity: 1; background-color: rgba(105, 154, 0, var(--bg-opacity)); } .hover\:bg-custom-1402-500:hover { --bg-opacity: 1; background-color: rgba(105, 154, 0, var(--bg-opacity)); } .bg-custom-1402-600 { --bg-opacity: 1; background-color: rgba(93, 137, 1, var(--bg-opacity)); } .hover\:bg-custom-1402-600:hover { --bg-opacity: 1; background-color: rgba(93, 137, 1, var(--bg-opacity)); } .bg-custom-1402-700 { --bg-opacity: 1; background-color: rgba(77, 112, 1, var(--bg-opacity)); } .hover\:bg-custom-1402-700:hover { --bg-opacity: 1; background-color: rgba(77, 112, 1, var(--bg-opacity)); } .bg-custom-1402-800 { --bg-opacity: 1; background-color: rgba(58, 85, 0, var(--bg-opacity)); } .hover\:bg-custom-1402-800:hover { --bg-opacity: 1; background-color: rgba(58, 85, 0, var(--bg-opacity)); } .bg-custom-1402-900 { --bg-opacity: 1; background-color: rgba(37, 54, 0, var(--bg-opacity)); } .hover\:bg-custom-1402-900:hover { --bg-opacity: 1; background-color: rgba(37, 54, 0, var(--bg-opacity)); } .text-custom-1402-50 { color: #f0f6e1; } .hover\:text-custom-1402-50:hover { color: #f0f6e1; } .text-custom-1402-100 { color: #e7f8c3; } .hover\:text-custom-1402-100:hover { color: #e7f8c3; } .text-custom-1402-200 { color: #d3f68a; } .hover\:text-custom-1402-200:hover { color: #d3f68a; } .text-custom-1402-300 { color: #bff64b; } .hover\:text-custom-1402-300:hover { color: #bff64b; } .text-custom-1402-400 { color: #a7f306; } .hover\:text-custom-1402-400:hover { color: #a7f306; } .text-custom-1402-500 { color: #699a00; } .hover\:text-custom-1402-500:hover { color: #699a00; } .text-custom-1402-600 { color: #5d8901; } .hover\:text-custom-1402-600:hover { color: #5d8901; } .text-custom-1402-700 { color: #4d7001; } .hover\:text-custom-1402-700:hover { color: #4d7001; } .text-custom-1402-800 { color: #3a5500; } .hover\:text-custom-1402-800:hover { color: #3a5500; } .text-custom-1402-900 { color: #253600; } .hover\:text-custom-1402-900:hover { color: #253600; } .border-custom-1402-50 { border-color: #f0f6e1; } .hover\:border-custom-1402-50:hover { border-color: #f0f6e1; } .border-custom-1402-100 { border-color: #e7f8c3; } .hover\:border-custom-1402-100:hover { border-color: #e7f8c3; } .border-custom-1402-200 { border-color: #d3f68a; } .hover\:border-custom-1402-200:hover { border-color: #d3f68a; } .border-custom-1402-300 { border-color: #bff64b; } .hover\:border-custom-1402-300:hover { border-color: #bff64b; } .border-custom-1402-400 { border-color: #a7f306; } .hover\:border-custom-1402-400:hover { border-color: #a7f306; } .border-custom-1402-500 { border-color: #699a00; } .hover\:border-custom-1402-500:hover { border-color: #699a00; } .border-custom-1402-600 { border-color: #5d8901; } .hover\:border-custom-1402-600:hover { border-color: #5d8901; } .border-custom-1402-700 { border-color: #4d7001; } .hover\:border-custom-1402-700:hover { border-color: #4d7001; } .border-custom-1402-800 { border-color: #3a5500; } .hover\:border-custom-1402-800:hover { border-color: #3a5500; } .border-custom-1402-900 { border-color: #253600; } .hover\:border-custom-1402-900:hover { border-color: #253600; } .bg-custom-1403-50 { --bg-opacity: 1; background-color: rgba(246, 224, 246, var(--bg-opacity)); } .hover\:bg-custom-1403-50:hover { --bg-opacity: 1; background-color: rgba(246, 224, 246, var(--bg-opacity)); } .bg-custom-1403-100 { --bg-opacity: 1; background-color: rgba(247, 191, 248, var(--bg-opacity)); } .hover\:bg-custom-1403-100:hover { --bg-opacity: 1; background-color: rgba(247, 191, 248, var(--bg-opacity)); } .bg-custom-1403-200 { --bg-opacity: 1; background-color: rgba(244, 131, 245, var(--bg-opacity)); } .hover\:bg-custom-1403-200:hover { --bg-opacity: 1; background-color: rgba(244, 131, 245, var(--bg-opacity)); } .bg-custom-1403-300 { --bg-opacity: 1; background-color: rgba(243, 63, 245, var(--bg-opacity)); } .hover\:bg-custom-1403-300:hover { --bg-opacity: 1; background-color: rgba(243, 63, 245, var(--bg-opacity)); } .bg-custom-1403-400 { --bg-opacity: 1; background-color: rgba(224, 6, 226, var(--bg-opacity)); } .hover\:bg-custom-1403-400:hover { --bg-opacity: 1; background-color: rgba(224, 6, 226, var(--bg-opacity)); } .bg-custom-1403-500 { --bg-opacity: 1; background-color: rgba(129, 0, 130, var(--bg-opacity)); } .hover\:bg-custom-1403-500:hover { --bg-opacity: 1; background-color: rgba(129, 0, 130, var(--bg-opacity)); } .bg-custom-1403-600 { --bg-opacity: 1; background-color: rgba(115, 0, 116, var(--bg-opacity)); } .hover\:bg-custom-1403-600:hover { --bg-opacity: 1; background-color: rgba(115, 0, 116, var(--bg-opacity)); } .bg-custom-1403-700 { --bg-opacity: 1; background-color: rgba(94, 1, 95, var(--bg-opacity)); } .hover\:bg-custom-1403-700:hover { --bg-opacity: 1; background-color: rgba(94, 1, 95, var(--bg-opacity)); } .bg-custom-1403-800 { --bg-opacity: 1; background-color: rgba(71, 0, 72, var(--bg-opacity)); } .hover\:bg-custom-1403-800:hover { --bg-opacity: 1; background-color: rgba(71, 0, 72, var(--bg-opacity)); } .bg-custom-1403-900 { --bg-opacity: 1; background-color: rgba(45, 0, 45, var(--bg-opacity)); } .hover\:bg-custom-1403-900:hover { --bg-opacity: 1; background-color: rgba(45, 0, 45, var(--bg-opacity)); } .text-custom-1403-50 { color: #f6e0f6; } .hover\:text-custom-1403-50:hover { color: #f6e0f6; } .text-custom-1403-100 { color: #f7bff8; } .hover\:text-custom-1403-100:hover { color: #f7bff8; } .text-custom-1403-200 { color: #f483f5; } .hover\:text-custom-1403-200:hover { color: #f483f5; } .text-custom-1403-300 { color: #f33ff5; } .hover\:text-custom-1403-300:hover { color: #f33ff5; } .text-custom-1403-400 { color: #e006e2; } .hover\:text-custom-1403-400:hover { color: #e006e2; } .text-custom-1403-500 { color: #810082; } .hover\:text-custom-1403-500:hover { color: #810082; } .text-custom-1403-600 { color: #730074; } .hover\:text-custom-1403-600:hover { color: #730074; } .text-custom-1403-700 { color: #5e015f; } .hover\:text-custom-1403-700:hover { color: #5e015f; } .text-custom-1403-800 { color: #470048; } .hover\:text-custom-1403-800:hover { color: #470048; } .text-custom-1403-900 { color: #2d002d; } .hover\:text-custom-1403-900:hover { color: #2d002d; } .border-custom-1403-50 { border-color: #f6e0f6; } .hover\:border-custom-1403-50:hover { border-color: #f6e0f6; } .border-custom-1403-100 { border-color: #f7bff8; } .hover\:border-custom-1403-100:hover { border-color: #f7bff8; } .border-custom-1403-200 { border-color: #f483f5; } .hover\:border-custom-1403-200:hover { border-color: #f483f5; } .border-custom-1403-300 { border-color: #f33ff5; } .hover\:border-custom-1403-300:hover { border-color: #f33ff5; } .border-custom-1403-400 { border-color: #e006e2; } .hover\:border-custom-1403-400:hover { border-color: #e006e2; } .border-custom-1403-500 { border-color: #810082; } .hover\:border-custom-1403-500:hover { border-color: #810082; } .border-custom-1403-600 { border-color: #730074; } .hover\:border-custom-1403-600:hover { border-color: #730074; } .border-custom-1403-700 { border-color: #5e015f; } .hover\:border-custom-1403-700:hover { border-color: #5e015f; } .border-custom-1403-800 { border-color: #470048; } .hover\:border-custom-1403-800:hover { border-color: #470048; } .border-custom-1403-900 { border-color: #2d002d; } .hover\:border-custom-1403-900:hover { border-color: #2d002d; } .bg-custom-1404-50 { --bg-opacity: 1; background-color: rgba(248, 234, 232, var(--bg-opacity)); } .hover\:bg-custom-1404-50:hover { --bg-opacity: 1; background-color: rgba(248, 234, 232, var(--bg-opacity)); } .bg-custom-1404-100 { --bg-opacity: 1; background-color: rgba(249, 216, 210, var(--bg-opacity)); } .hover\:bg-custom-1404-100:hover { --bg-opacity: 1; background-color: rgba(249, 216, 210, var(--bg-opacity)); } .bg-custom-1404-200 { --bg-opacity: 1; background-color: rgba(245, 181, 170, var(--bg-opacity)); } .hover\:bg-custom-1404-200:hover { --bg-opacity: 1; background-color: rgba(245, 181, 170, var(--bg-opacity)); } .bg-custom-1404-300 { --bg-opacity: 1; background-color: rgba(244, 143, 124, var(--bg-opacity)); } .hover\:bg-custom-1404-300:hover { --bg-opacity: 1; background-color: rgba(244, 143, 124, var(--bg-opacity)); } .bg-custom-1404-400 { --bg-opacity: 1; background-color: rgba(245, 98, 72, var(--bg-opacity)); } .hover\:bg-custom-1404-400:hover { --bg-opacity: 1; background-color: rgba(245, 98, 72, var(--bg-opacity)); } .bg-custom-1404-500 { --bg-opacity: 1; background-color: rgba(240, 43, 7, var(--bg-opacity)); } .hover\:bg-custom-1404-500:hover { --bg-opacity: 1; background-color: rgba(240, 43, 7, var(--bg-opacity)); } .bg-custom-1404-600 { --bg-opacity: 1; background-color: rgba(213, 39, 8, var(--bg-opacity)); } .hover\:bg-custom-1404-600:hover { --bg-opacity: 1; background-color: rgba(213, 39, 8, var(--bg-opacity)); } .bg-custom-1404-700 { --bg-opacity: 1; background-color: rgba(175, 33, 7, var(--bg-opacity)); } .hover\:bg-custom-1404-700:hover { --bg-opacity: 1; background-color: rgba(175, 33, 7, var(--bg-opacity)); } .bg-custom-1404-800 { --bg-opacity: 1; background-color: rgba(136, 21, 0, var(--bg-opacity)); } .hover\:bg-custom-1404-800:hover { --bg-opacity: 1; background-color: rgba(136, 21, 0, var(--bg-opacity)); } .bg-custom-1404-900 { --bg-opacity: 1; background-color: rgba(86, 14, 1, var(--bg-opacity)); } .hover\:bg-custom-1404-900:hover { --bg-opacity: 1; background-color: rgba(86, 14, 1, var(--bg-opacity)); } .text-custom-1404-50 { color: #f8eae8; } .hover\:text-custom-1404-50:hover { color: #f8eae8; } .text-custom-1404-100 { color: #f9d8d2; } .hover\:text-custom-1404-100:hover { color: #f9d8d2; } .text-custom-1404-200 { color: #f5b5aa; } .hover\:text-custom-1404-200:hover { color: #f5b5aa; } .text-custom-1404-300 { color: #f48f7c; } .hover\:text-custom-1404-300:hover { color: #f48f7c; } .text-custom-1404-400 { color: #f56248; } .hover\:text-custom-1404-400:hover { color: #f56248; } .text-custom-1404-500 { color: #f02b07; } .hover\:text-custom-1404-500:hover { color: #f02b07; } .text-custom-1404-600 { color: #d52708; } .hover\:text-custom-1404-600:hover { color: #d52708; } .text-custom-1404-700 { color: #af2107; } .hover\:text-custom-1404-700:hover { color: #af2107; } .text-custom-1404-800 { color: #881500; } .hover\:text-custom-1404-800:hover { color: #881500; } .text-custom-1404-900 { color: #560e01; } .hover\:text-custom-1404-900:hover { color: #560e01; } .border-custom-1404-50 { border-color: #f8eae8; } .hover\:border-custom-1404-50:hover { border-color: #f8eae8; } .border-custom-1404-100 { border-color: #f9d8d2; } .hover\:border-custom-1404-100:hover { border-color: #f9d8d2; } .border-custom-1404-200 { border-color: #f5b5aa; } .hover\:border-custom-1404-200:hover { border-color: #f5b5aa; } .border-custom-1404-300 { border-color: #f48f7c; } .hover\:border-custom-1404-300:hover { border-color: #f48f7c; } .border-custom-1404-400 { border-color: #f56248; } .hover\:border-custom-1404-400:hover { border-color: #f56248; } .border-custom-1404-500 { border-color: #f02b07; } .hover\:border-custom-1404-500:hover { border-color: #f02b07; } .border-custom-1404-600 { border-color: #d52708; } .hover\:border-custom-1404-600:hover { border-color: #d52708; } .border-custom-1404-700 { border-color: #af2107; } .hover\:border-custom-1404-700:hover { border-color: #af2107; } .border-custom-1404-800 { border-color: #881500; } .hover\:border-custom-1404-800:hover { border-color: #881500; } .border-custom-1404-900 { border-color: #560e01; } .hover\:border-custom-1404-900:hover { border-color: #560e01; } .bg-custom-1405-50 { --bg-opacity: 1; background-color: rgba(229, 234, 246, var(--bg-opacity)); } .hover\:bg-custom-1405-50:hover { --bg-opacity: 1; background-color: rgba(229, 234, 246, var(--bg-opacity)); } .bg-custom-1405-100 { --bg-opacity: 1; background-color: rgba(203, 217, 247, var(--bg-opacity)); } .hover\:bg-custom-1405-100:hover { --bg-opacity: 1; background-color: rgba(203, 217, 247, var(--bg-opacity)); } .bg-custom-1405-200 { --bg-opacity: 1; background-color: rgba(154, 183, 242, var(--bg-opacity)); } .hover\:bg-custom-1405-200:hover { --bg-opacity: 1; background-color: rgba(154, 183, 242, var(--bg-opacity)); } .bg-custom-1405-300 { --bg-opacity: 1; background-color: rgba(100, 146, 239, var(--bg-opacity)); } .hover\:bg-custom-1405-300:hover { --bg-opacity: 1; background-color: rgba(100, 146, 239, var(--bg-opacity)); } .bg-custom-1405-400 { --bg-opacity: 1; background-color: rgba(37, 104, 238, var(--bg-opacity)); } .hover\:bg-custom-1405-400:hover { --bg-opacity: 1; background-color: rgba(37, 104, 238, var(--bg-opacity)); } .bg-custom-1405-500 { --bg-opacity: 1; background-color: rgba(9, 66, 181, var(--bg-opacity)); } .hover\:bg-custom-1405-500:hover { --bg-opacity: 1; background-color: rgba(9, 66, 181, var(--bg-opacity)); } .bg-custom-1405-600 { --bg-opacity: 1; background-color: rgba(9, 59, 161, var(--bg-opacity)); } .hover\:bg-custom-1405-600:hover { --bg-opacity: 1; background-color: rgba(9, 59, 161, var(--bg-opacity)); } .bg-custom-1405-700 { --bg-opacity: 1; background-color: rgba(8, 49, 132, var(--bg-opacity)); } .hover\:bg-custom-1405-700:hover { --bg-opacity: 1; background-color: rgba(8, 49, 132, var(--bg-opacity)); } .bg-custom-1405-800 { --bg-opacity: 1; background-color: rgba(2, 36, 103, var(--bg-opacity)); } .hover\:bg-custom-1405-800:hover { --bg-opacity: 1; background-color: rgba(2, 36, 103, var(--bg-opacity)); } .bg-custom-1405-900 { --bg-opacity: 1; background-color: rgba(2, 23, 65, var(--bg-opacity)); } .hover\:bg-custom-1405-900:hover { --bg-opacity: 1; background-color: rgba(2, 23, 65, var(--bg-opacity)); } .text-custom-1405-50 { color: #e5eaf6; } .hover\:text-custom-1405-50:hover { color: #e5eaf6; } .text-custom-1405-100 { color: #cbd9f7; } .hover\:text-custom-1405-100:hover { color: #cbd9f7; } .text-custom-1405-200 { color: #9ab7f2; } .hover\:text-custom-1405-200:hover { color: #9ab7f2; } .text-custom-1405-300 { color: #6492ef; } .hover\:text-custom-1405-300:hover { color: #6492ef; } .text-custom-1405-400 { color: #2568ee; } .hover\:text-custom-1405-400:hover { color: #2568ee; } .text-custom-1405-500 { color: #0942b5; } .hover\:text-custom-1405-500:hover { color: #0942b5; } .text-custom-1405-600 { color: #093ba1; } .hover\:text-custom-1405-600:hover { color: #093ba1; } .text-custom-1405-700 { color: #083184; } .hover\:text-custom-1405-700:hover { color: #083184; } .text-custom-1405-800 { color: #022467; } .hover\:text-custom-1405-800:hover { color: #022467; } .text-custom-1405-900 { color: #021741; } .hover\:text-custom-1405-900:hover { color: #021741; } .border-custom-1405-50 { border-color: #e5eaf6; } .hover\:border-custom-1405-50:hover { border-color: #e5eaf6; } .border-custom-1405-100 { border-color: #cbd9f7; } .hover\:border-custom-1405-100:hover { border-color: #cbd9f7; } .border-custom-1405-200 { border-color: #9ab7f2; } .hover\:border-custom-1405-200:hover { border-color: #9ab7f2; } .border-custom-1405-300 { border-color: #6492ef; } .hover\:border-custom-1405-300:hover { border-color: #6492ef; } .border-custom-1405-400 { border-color: #2568ee; } .hover\:border-custom-1405-400:hover { border-color: #2568ee; } .border-custom-1405-500 { border-color: #0942b5; } .hover\:border-custom-1405-500:hover { border-color: #0942b5; } .border-custom-1405-600 { border-color: #093ba1; } .hover\:border-custom-1405-600:hover { border-color: #093ba1; } .border-custom-1405-700 { border-color: #083184; } .hover\:border-custom-1405-700:hover { border-color: #083184; } .border-custom-1405-800 { border-color: #022467; } .hover\:border-custom-1405-800:hover { border-color: #022467; } .border-custom-1405-900 { border-color: #021741; } .hover\:border-custom-1405-900:hover { border-color: #021741; } .bg-custom-1406-50 { --bg-opacity: 1; background-color: rgba(231, 241, 236, var(--bg-opacity)); } .hover\:bg-custom-1406-50:hover { --bg-opacity: 1; background-color: rgba(231, 241, 236, var(--bg-opacity)); } .bg-custom-1406-100 { --bg-opacity: 1; background-color: rgba(209, 235, 221, var(--bg-opacity)); } .hover\:bg-custom-1406-100:hover { --bg-opacity: 1; background-color: rgba(209, 235, 221, var(--bg-opacity)); } .bg-custom-1406-200 { --bg-opacity: 1; background-color: rgba(167, 219, 190, var(--bg-opacity)); } .hover\:bg-custom-1406-200:hover { --bg-opacity: 1; background-color: rgba(167, 219, 190, var(--bg-opacity)); } .bg-custom-1406-300 { --bg-opacity: 1; background-color: rgba(120, 203, 157, var(--bg-opacity)); } .hover\:bg-custom-1406-300:hover { --bg-opacity: 1; background-color: rgba(120, 203, 157, var(--bg-opacity)); } .bg-custom-1406-400 { --bg-opacity: 1; background-color: rgba(67, 187, 120, var(--bg-opacity)); } .hover\:bg-custom-1406-400:hover { --bg-opacity: 1; background-color: rgba(67, 187, 120, var(--bg-opacity)); } .bg-custom-1406-500 { --bg-opacity: 1; background-color: rgba(40, 120, 76, var(--bg-opacity)); } .hover\:bg-custom-1406-500:hover { --bg-opacity: 1; background-color: rgba(40, 120, 76, var(--bg-opacity)); } .bg-custom-1406-600 { --bg-opacity: 1; background-color: rgba(36, 106, 68, var(--bg-opacity)); } .hover\:bg-custom-1406-600:hover { --bg-opacity: 1; background-color: rgba(36, 106, 68, var(--bg-opacity)); } .bg-custom-1406-700 { --bg-opacity: 1; background-color: rgba(30, 87, 56, var(--bg-opacity)); } .hover\:bg-custom-1406-700:hover { --bg-opacity: 1; background-color: rgba(30, 87, 56, var(--bg-opacity)); } .bg-custom-1406-800 { --bg-opacity: 1; background-color: rgba(21, 67, 42, var(--bg-opacity)); } .hover\:bg-custom-1406-800:hover { --bg-opacity: 1; background-color: rgba(21, 67, 42, var(--bg-opacity)); } .bg-custom-1406-900 { --bg-opacity: 1; background-color: rgba(14, 42, 26, var(--bg-opacity)); } .hover\:bg-custom-1406-900:hover { --bg-opacity: 1; background-color: rgba(14, 42, 26, var(--bg-opacity)); } .text-custom-1406-50 { color: #e7f1ec; } .hover\:text-custom-1406-50:hover { color: #e7f1ec; } .text-custom-1406-100 { color: #d1ebdd; } .hover\:text-custom-1406-100:hover { color: #d1ebdd; } .text-custom-1406-200 { color: #a7dbbe; } .hover\:text-custom-1406-200:hover { color: #a7dbbe; } .text-custom-1406-300 { color: #78cb9d; } .hover\:text-custom-1406-300:hover { color: #78cb9d; } .text-custom-1406-400 { color: #43bb78; } .hover\:text-custom-1406-400:hover { color: #43bb78; } .text-custom-1406-500 { color: #28784c; } .hover\:text-custom-1406-500:hover { color: #28784c; } .text-custom-1406-600 { color: #246a44; } .hover\:text-custom-1406-600:hover { color: #246a44; } .text-custom-1406-700 { color: #1e5738; } .hover\:text-custom-1406-700:hover { color: #1e5738; } .text-custom-1406-800 { color: #15432a; } .hover\:text-custom-1406-800:hover { color: #15432a; } .text-custom-1406-900 { color: #0e2a1a; } .hover\:text-custom-1406-900:hover { color: #0e2a1a; } .border-custom-1406-50 { border-color: #e7f1ec; } .hover\:border-custom-1406-50:hover { border-color: #e7f1ec; } .border-custom-1406-100 { border-color: #d1ebdd; } .hover\:border-custom-1406-100:hover { border-color: #d1ebdd; } .border-custom-1406-200 { border-color: #a7dbbe; } .hover\:border-custom-1406-200:hover { border-color: #a7dbbe; } .border-custom-1406-300 { border-color: #78cb9d; } .hover\:border-custom-1406-300:hover { border-color: #78cb9d; } .border-custom-1406-400 { border-color: #43bb78; } .hover\:border-custom-1406-400:hover { border-color: #43bb78; } .border-custom-1406-500 { border-color: #28784c; } .hover\:border-custom-1406-500:hover { border-color: #28784c; } .border-custom-1406-600 { border-color: #246a44; } .hover\:border-custom-1406-600:hover { border-color: #246a44; } .border-custom-1406-700 { border-color: #1e5738; } .hover\:border-custom-1406-700:hover { border-color: #1e5738; } .border-custom-1406-800 { border-color: #15432a; } .hover\:border-custom-1406-800:hover { border-color: #15432a; } .border-custom-1406-900 { border-color: #0e2a1a; } .hover\:border-custom-1406-900:hover { border-color: #0e2a1a; }.multiselect__tag{background: #da4c36 !important};.multiselect__option--highlight:after {background: #da4c36 !important;} .multiselect__option--highlight { background: #da4c36 !important; }