/* thrivmed-brand-overrides */
.bg-\[#267DFF\], .bg-\[#267dff\] { background-color: var(--brand-primary) !important; }
.text-\[#267DFF\], .text-\[#267dff\] { color: var(--brand-primary) !important; }
.border-\[#267DFF\], .border-\[#267dff\] { border-color: var(--brand-primary) !important; }
.border-t-\[#267DFF\], .border-t-\[#267dff\] { border-top-color: var(--brand-primary) !important; }
.border-b-\[#267DFF\], .border-b-\[#267dff\] { border-bottom-color: var(--brand-primary) !important; }
.border-l-\[#267DFF\], .border-l-\[#267dff\] { border-left-color: var(--brand-primary) !important; }
.border-r-\[#267DFF\], .border-r-\[#267dff\] { border-right-color: var(--brand-primary) !important; }
.ring-\[#267DFF\], .ring-\[#267dff\] { --tw-ring-color: var(--brand-primary) !important; }
.outline-\[#267DFF\], .outline-\[#267dff\] { outline-color: var(--brand-primary) !important; }
.fill-\[#267DFF\], .fill-\[#267dff\] { fill: var(--brand-primary) !important; }
.stroke-\[#267DFF\], .stroke-\[#267dff\] { stroke: var(--brand-primary) !important; }
.from-\[#267DFF\], .from-\[#267dff\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\], .to-\[#267dff\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.via-\[#267DFF\], .via-\[#267dff\] { --tw-gradient-via: var(--brand-primary) !important; }
.shadow-\[#267DFF\], .shadow-\[#267dff\] { --tw-shadow-color: var(--brand-primary) !important; }
.bg-\[#267DFF\]\/5, .bg-\[#267dff\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-\[#267DFF\]\/5, .text-\[#267dff\]\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-\[#267DFF\]\/5, .border-\[#267dff\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-t-\[#267DFF\]\/5, .border-t-\[#267dff\]\/5 { border-top-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-b-\[#267DFF\]\/5, .border-b-\[#267dff\]\/5 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-l-\[#267DFF\]\/5, .border-l-\[#267dff\]\/5 { border-left-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-r-\[#267DFF\]\/5, .border-r-\[#267dff\]\/5 { border-right-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-\[#267DFF\]\/5, .ring-\[#267dff\]\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-\[#267DFF\]\/5, .shadow-\[#267dff\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.from-\[#267DFF\]\/5, .from-\[#267dff\]\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/5, .to-\[#267dff\]\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/5:focus, .focus\:border-\[#267dff\]\/5:focus { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/5:focus, .focus\:ring-\[#267dff\]\/5:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-\[#267DFF\]\/5:hover, .hover\:border-\[#267dff\]\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/5:hover, .hover\:bg-\[#267dff\]\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/5, .dark .dark\:bg-\[#267dff\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/5, .dark .dark\:border-\[#267dff\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/5, .dark .dark\:shadow-\[#267dff\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-\[#267DFF\]\/8, .bg-\[#267dff\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.text-\[#267DFF\]\/8, .text-\[#267dff\]\/8 { color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-\[#267DFF\]\/8, .border-\[#267dff\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-t-\[#267DFF\]\/8, .border-t-\[#267dff\]\/8 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-b-\[#267DFF\]\/8, .border-b-\[#267dff\]\/8 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-l-\[#267DFF\]\/8, .border-l-\[#267dff\]\/8 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-r-\[#267DFF\]\/8, .border-r-\[#267dff\]\/8 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.ring-\[#267DFF\]\/8, .ring-\[#267dff\]\/8 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.shadow-\[#267DFF\]\/8, .shadow-\[#267dff\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.from-\[#267DFF\]\/8, .from-\[#267dff\]\/8 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/8, .to-\[#267dff\]\/8 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/8:focus, .focus\:border-\[#267dff\]\/8:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/8:focus, .focus\:ring-\[#267dff\]\/8:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:border-\[#267DFF\]\/8:hover, .hover\:border-\[#267dff\]\/8:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/8:hover, .hover\:bg-\[#267dff\]\/8:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/8, .dark .dark\:bg-\[#267dff\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/8, .dark .dark\:border-\[#267dff\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/8, .dark .dark\:shadow-\[#267dff\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.bg-\[#267DFF\]\/10, .bg-\[#267dff\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-\[#267DFF\]\/10, .text-\[#267dff\]\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-\[#267DFF\]\/10, .border-\[#267dff\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-t-\[#267DFF\]\/10, .border-t-\[#267dff\]\/10 { border-top-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-b-\[#267DFF\]\/10, .border-b-\[#267dff\]\/10 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-l-\[#267DFF\]\/10, .border-l-\[#267dff\]\/10 { border-left-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-r-\[#267DFF\]\/10, .border-r-\[#267dff\]\/10 { border-right-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-\[#267DFF\]\/10, .ring-\[#267dff\]\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-\[#267DFF\]\/10, .shadow-\[#267dff\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.from-\[#267DFF\]\/10, .from-\[#267dff\]\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/10, .to-\[#267dff\]\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/10:focus, .focus\:border-\[#267dff\]\/10:focus { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/10:focus, .focus\:ring-\[#267dff\]\/10:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-\[#267DFF\]\/10:hover, .hover\:border-\[#267dff\]\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/10:hover, .hover\:bg-\[#267dff\]\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/10, .dark .dark\:bg-\[#267dff\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/10, .dark .dark\:border-\[#267dff\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/10, .dark .dark\:shadow-\[#267dff\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-\[#267DFF\]\/15, .bg-\[#267dff\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-\[#267DFF\]\/15, .text-\[#267dff\]\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-\[#267DFF\]\/15, .border-\[#267dff\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-t-\[#267DFF\]\/15, .border-t-\[#267dff\]\/15 { border-top-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-b-\[#267DFF\]\/15, .border-b-\[#267dff\]\/15 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-l-\[#267DFF\]\/15, .border-l-\[#267dff\]\/15 { border-left-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-r-\[#267DFF\]\/15, .border-r-\[#267dff\]\/15 { border-right-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-\[#267DFF\]\/15, .ring-\[#267dff\]\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-\[#267DFF\]\/15, .shadow-\[#267dff\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.from-\[#267DFF\]\/15, .from-\[#267dff\]\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/15, .to-\[#267dff\]\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/15:focus, .focus\:border-\[#267dff\]\/15:focus { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/15:focus, .focus\:ring-\[#267dff\]\/15:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-\[#267DFF\]\/15:hover, .hover\:border-\[#267dff\]\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/15:hover, .hover\:bg-\[#267dff\]\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/15, .dark .dark\:bg-\[#267dff\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/15, .dark .dark\:border-\[#267dff\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/15, .dark .dark\:shadow-\[#267dff\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-\[#267DFF\]\/20, .bg-\[#267dff\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-\[#267DFF\]\/20, .text-\[#267dff\]\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-\[#267DFF\]\/20, .border-\[#267dff\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-t-\[#267DFF\]\/20, .border-t-\[#267dff\]\/20 { border-top-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-b-\[#267DFF\]\/20, .border-b-\[#267dff\]\/20 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-l-\[#267DFF\]\/20, .border-l-\[#267dff\]\/20 { border-left-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-r-\[#267DFF\]\/20, .border-r-\[#267dff\]\/20 { border-right-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-\[#267DFF\]\/20, .ring-\[#267dff\]\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-\[#267DFF\]\/20, .shadow-\[#267dff\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.from-\[#267DFF\]\/20, .from-\[#267dff\]\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/20, .to-\[#267dff\]\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/20:focus, .focus\:border-\[#267dff\]\/20:focus { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/20:focus, .focus\:ring-\[#267dff\]\/20:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-\[#267DFF\]\/20:hover, .hover\:border-\[#267dff\]\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/20:hover, .hover\:bg-\[#267dff\]\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/20, .dark .dark\:bg-\[#267dff\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/20, .dark .dark\:border-\[#267dff\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/20, .dark .dark\:shadow-\[#267dff\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-\[#267DFF\]\/25, .bg-\[#267dff\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-\[#267DFF\]\/25, .text-\[#267dff\]\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-\[#267DFF\]\/25, .border-\[#267dff\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-t-\[#267DFF\]\/25, .border-t-\[#267dff\]\/25 { border-top-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-b-\[#267DFF\]\/25, .border-b-\[#267dff\]\/25 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-l-\[#267DFF\]\/25, .border-l-\[#267dff\]\/25 { border-left-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-r-\[#267DFF\]\/25, .border-r-\[#267dff\]\/25 { border-right-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-\[#267DFF\]\/25, .ring-\[#267dff\]\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-\[#267DFF\]\/25, .shadow-\[#267dff\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.from-\[#267DFF\]\/25, .from-\[#267dff\]\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/25, .to-\[#267dff\]\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/25:focus, .focus\:border-\[#267dff\]\/25:focus { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/25:focus, .focus\:ring-\[#267dff\]\/25:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-\[#267DFF\]\/25:hover, .hover\:border-\[#267dff\]\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/25:hover, .hover\:bg-\[#267dff\]\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/25, .dark .dark\:bg-\[#267dff\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/25, .dark .dark\:border-\[#267dff\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/25, .dark .dark\:shadow-\[#267dff\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-\[#267DFF\]\/30, .bg-\[#267dff\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-\[#267DFF\]\/30, .text-\[#267dff\]\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-\[#267DFF\]\/30, .border-\[#267dff\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-t-\[#267DFF\]\/30, .border-t-\[#267dff\]\/30 { border-top-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-b-\[#267DFF\]\/30, .border-b-\[#267dff\]\/30 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-l-\[#267DFF\]\/30, .border-l-\[#267dff\]\/30 { border-left-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-r-\[#267DFF\]\/30, .border-r-\[#267dff\]\/30 { border-right-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-\[#267DFF\]\/30, .ring-\[#267dff\]\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-\[#267DFF\]\/30, .shadow-\[#267dff\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-\[#267DFF\]\/30, .from-\[#267dff\]\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/30, .to-\[#267dff\]\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/30:focus, .focus\:border-\[#267dff\]\/30:focus { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/30:focus, .focus\:ring-\[#267dff\]\/30:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-\[#267DFF\]\/30:hover, .hover\:border-\[#267dff\]\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/30:hover, .hover\:bg-\[#267dff\]\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/30, .dark .dark\:bg-\[#267dff\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/30, .dark .dark\:border-\[#267dff\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/30, .dark .dark\:shadow-\[#267dff\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-\[#267DFF\]\/40, .bg-\[#267dff\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-\[#267DFF\]\/40, .text-\[#267dff\]\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-\[#267DFF\]\/40, .border-\[#267dff\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-t-\[#267DFF\]\/40, .border-t-\[#267dff\]\/40 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-b-\[#267DFF\]\/40, .border-b-\[#267dff\]\/40 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-l-\[#267DFF\]\/40, .border-l-\[#267dff\]\/40 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-r-\[#267DFF\]\/40, .border-r-\[#267dff\]\/40 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-\[#267DFF\]\/40, .ring-\[#267dff\]\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-\[#267DFF\]\/40, .shadow-\[#267dff\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.from-\[#267DFF\]\/40, .from-\[#267dff\]\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/40, .to-\[#267dff\]\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/40:focus, .focus\:border-\[#267dff\]\/40:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/40:focus, .focus\:ring-\[#267dff\]\/40:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-\[#267DFF\]\/40:hover, .hover\:border-\[#267dff\]\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/40:hover, .hover\:bg-\[#267dff\]\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/40, .dark .dark\:bg-\[#267dff\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/40, .dark .dark\:border-\[#267dff\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/40, .dark .dark\:shadow-\[#267dff\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-\[#267DFF\]\/50, .bg-\[#267dff\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-\[#267DFF\]\/50, .text-\[#267dff\]\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-\[#267DFF\]\/50, .border-\[#267dff\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-t-\[#267DFF\]\/50, .border-t-\[#267dff\]\/50 { border-top-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-b-\[#267DFF\]\/50, .border-b-\[#267dff\]\/50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-l-\[#267DFF\]\/50, .border-l-\[#267dff\]\/50 { border-left-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-r-\[#267DFF\]\/50, .border-r-\[#267dff\]\/50 { border-right-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-\[#267DFF\]\/50, .ring-\[#267dff\]\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-\[#267DFF\]\/50, .shadow-\[#267dff\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.from-\[#267DFF\]\/50, .from-\[#267dff\]\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/50, .to-\[#267dff\]\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/50:focus, .focus\:border-\[#267dff\]\/50:focus { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/50:focus, .focus\:ring-\[#267dff\]\/50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-\[#267DFF\]\/50:hover, .hover\:border-\[#267dff\]\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/50:hover, .hover\:bg-\[#267dff\]\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/50, .dark .dark\:bg-\[#267dff\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/50, .dark .dark\:border-\[#267dff\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/50, .dark .dark\:shadow-\[#267dff\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-\[#267DFF\]\/60, .bg-\[#267dff\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-\[#267DFF\]\/60, .text-\[#267dff\]\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-\[#267DFF\]\/60, .border-\[#267dff\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-t-\[#267DFF\]\/60, .border-t-\[#267dff\]\/60 { border-top-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-b-\[#267DFF\]\/60, .border-b-\[#267dff\]\/60 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-l-\[#267DFF\]\/60, .border-l-\[#267dff\]\/60 { border-left-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-r-\[#267DFF\]\/60, .border-r-\[#267dff\]\/60 { border-right-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-\[#267DFF\]\/60, .ring-\[#267dff\]\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-\[#267DFF\]\/60, .shadow-\[#267dff\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.from-\[#267DFF\]\/60, .from-\[#267dff\]\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#267DFF\]\/60, .to-\[#267dff\]\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#267DFF\]\/60:focus, .focus\:border-\[#267dff\]\/60:focus { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:ring-\[#267DFF\]\/60:focus, .focus\:ring-\[#267dff\]\/60:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-\[#267DFF\]\/60:hover, .hover\:border-\[#267dff\]\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-\[#267DFF\]\/60:hover, .hover\:bg-\[#267dff\]\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-\[#267DFF\]\/60, .dark .dark\:bg-\[#267dff\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-\[#267DFF\]\/60, .dark .dark\:border-\[#267dff\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-\[#267DFF\]\/60, .dark .dark\:shadow-\[#267dff\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:border-\[#267DFF\]:focus, .focus\:border-\[#267dff\]:focus { border-color: var(--brand-primary) !important; }
.focus\:ring-\[#267DFF\]:focus, .focus\:ring-\[#267dff\]:focus { --tw-ring-color: var(--brand-primary) !important; }
.hover\:border-\[#267DFF\]:hover, .hover\:border-\[#267dff\]:hover { border-color: var(--brand-primary) !important; }
.hover\:text-\[#267DFF\]:hover, .hover\:text-\[#267dff\]:hover { color: var(--brand-primary) !important; }
.hover\:bg-\[#267DFF\]:hover, .hover\:bg-\[#267dff\]:hover { background-color: var(--brand-primary) !important; }
.active\:bg-\[#267DFF\]:active, .active\:bg-\[#267dff\]:active { background-color: var(--brand-primary) !important; }
.group:focus-within .group-focus-within\:text-\[#267DFF\], .group:focus-within .group-focus-within\:text-\[#267dff\] { color: var(--brand-primary) !important; }
.dark .dark\:text-\[#267DFF\], .dark .dark\:text-\[#267dff\] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-\[#267DFF\][data-state=active], .data-\[state\=active\]\:bg-\[#267dff\][data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-\[#267DFF\][data-state=active], .data-\[state\=active\]\:text-\[#267dff\][data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-\[#267DFF\][data-state=active], .data-\[state\=active\]\:border-\[#267dff\][data-state=active] { border-color: var(--brand-primary) !important; }
.bg-\[#43CBAF\], .bg-\[#43cbaf\] { background-color: var(--brand-primary) !important; }
.text-\[#43CBAF\], .text-\[#43cbaf\] { color: var(--brand-primary) !important; }
.border-\[#43CBAF\], .border-\[#43cbaf\] { border-color: var(--brand-primary) !important; }
.border-t-\[#43CBAF\], .border-t-\[#43cbaf\] { border-top-color: var(--brand-primary) !important; }
.border-b-\[#43CBAF\], .border-b-\[#43cbaf\] { border-bottom-color: var(--brand-primary) !important; }
.border-l-\[#43CBAF\], .border-l-\[#43cbaf\] { border-left-color: var(--brand-primary) !important; }
.border-r-\[#43CBAF\], .border-r-\[#43cbaf\] { border-right-color: var(--brand-primary) !important; }
.ring-\[#43CBAF\], .ring-\[#43cbaf\] { --tw-ring-color: var(--brand-primary) !important; }
.outline-\[#43CBAF\], .outline-\[#43cbaf\] { outline-color: var(--brand-primary) !important; }
.fill-\[#43CBAF\], .fill-\[#43cbaf\] { fill: var(--brand-primary) !important; }
.stroke-\[#43CBAF\], .stroke-\[#43cbaf\] { stroke: var(--brand-primary) !important; }
.from-\[#43CBAF\], .from-\[#43cbaf\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\], .to-\[#43cbaf\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.via-\[#43CBAF\], .via-\[#43cbaf\] { --tw-gradient-via: var(--brand-primary) !important; }
.shadow-\[#43CBAF\], .shadow-\[#43cbaf\] { --tw-shadow-color: var(--brand-primary) !important; }
.bg-\[#43CBAF\]\/5, .bg-\[#43cbaf\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-\[#43CBAF\]\/5, .text-\[#43cbaf\]\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-\[#43CBAF\]\/5, .border-\[#43cbaf\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-t-\[#43CBAF\]\/5, .border-t-\[#43cbaf\]\/5 { border-top-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-b-\[#43CBAF\]\/5, .border-b-\[#43cbaf\]\/5 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-l-\[#43CBAF\]\/5, .border-l-\[#43cbaf\]\/5 { border-left-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-r-\[#43CBAF\]\/5, .border-r-\[#43cbaf\]\/5 { border-right-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-\[#43CBAF\]\/5, .ring-\[#43cbaf\]\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-\[#43CBAF\]\/5, .shadow-\[#43cbaf\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.from-\[#43CBAF\]\/5, .from-\[#43cbaf\]\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/5, .to-\[#43cbaf\]\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/5:focus, .focus\:border-\[#43cbaf\]\/5:focus { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/5:focus, .focus\:ring-\[#43cbaf\]\/5:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/5:hover, .hover\:border-\[#43cbaf\]\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/5:hover, .hover\:bg-\[#43cbaf\]\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/5, .dark .dark\:bg-\[#43cbaf\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/5, .dark .dark\:border-\[#43cbaf\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/5, .dark .dark\:shadow-\[#43cbaf\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-\[#43CBAF\]\/8, .bg-\[#43cbaf\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.text-\[#43CBAF\]\/8, .text-\[#43cbaf\]\/8 { color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-\[#43CBAF\]\/8, .border-\[#43cbaf\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-t-\[#43CBAF\]\/8, .border-t-\[#43cbaf\]\/8 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-b-\[#43CBAF\]\/8, .border-b-\[#43cbaf\]\/8 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-l-\[#43CBAF\]\/8, .border-l-\[#43cbaf\]\/8 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-r-\[#43CBAF\]\/8, .border-r-\[#43cbaf\]\/8 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.ring-\[#43CBAF\]\/8, .ring-\[#43cbaf\]\/8 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.shadow-\[#43CBAF\]\/8, .shadow-\[#43cbaf\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.from-\[#43CBAF\]\/8, .from-\[#43cbaf\]\/8 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/8, .to-\[#43cbaf\]\/8 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/8:focus, .focus\:border-\[#43cbaf\]\/8:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/8:focus, .focus\:ring-\[#43cbaf\]\/8:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/8:hover, .hover\:border-\[#43cbaf\]\/8:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/8:hover, .hover\:bg-\[#43cbaf\]\/8:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/8, .dark .dark\:bg-\[#43cbaf\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/8, .dark .dark\:border-\[#43cbaf\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/8, .dark .dark\:shadow-\[#43cbaf\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.bg-\[#43CBAF\]\/10, .bg-\[#43cbaf\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-\[#43CBAF\]\/10, .text-\[#43cbaf\]\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-\[#43CBAF\]\/10, .border-\[#43cbaf\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-t-\[#43CBAF\]\/10, .border-t-\[#43cbaf\]\/10 { border-top-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-b-\[#43CBAF\]\/10, .border-b-\[#43cbaf\]\/10 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-l-\[#43CBAF\]\/10, .border-l-\[#43cbaf\]\/10 { border-left-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-r-\[#43CBAF\]\/10, .border-r-\[#43cbaf\]\/10 { border-right-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-\[#43CBAF\]\/10, .ring-\[#43cbaf\]\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-\[#43CBAF\]\/10, .shadow-\[#43cbaf\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.from-\[#43CBAF\]\/10, .from-\[#43cbaf\]\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/10, .to-\[#43cbaf\]\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/10:focus, .focus\:border-\[#43cbaf\]\/10:focus { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/10:focus, .focus\:ring-\[#43cbaf\]\/10:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/10:hover, .hover\:border-\[#43cbaf\]\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/10:hover, .hover\:bg-\[#43cbaf\]\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/10, .dark .dark\:bg-\[#43cbaf\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/10, .dark .dark\:border-\[#43cbaf\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/10, .dark .dark\:shadow-\[#43cbaf\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-\[#43CBAF\]\/15, .bg-\[#43cbaf\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-\[#43CBAF\]\/15, .text-\[#43cbaf\]\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-\[#43CBAF\]\/15, .border-\[#43cbaf\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-t-\[#43CBAF\]\/15, .border-t-\[#43cbaf\]\/15 { border-top-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-b-\[#43CBAF\]\/15, .border-b-\[#43cbaf\]\/15 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-l-\[#43CBAF\]\/15, .border-l-\[#43cbaf\]\/15 { border-left-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-r-\[#43CBAF\]\/15, .border-r-\[#43cbaf\]\/15 { border-right-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-\[#43CBAF\]\/15, .ring-\[#43cbaf\]\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-\[#43CBAF\]\/15, .shadow-\[#43cbaf\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.from-\[#43CBAF\]\/15, .from-\[#43cbaf\]\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/15, .to-\[#43cbaf\]\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/15:focus, .focus\:border-\[#43cbaf\]\/15:focus { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/15:focus, .focus\:ring-\[#43cbaf\]\/15:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/15:hover, .hover\:border-\[#43cbaf\]\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/15:hover, .hover\:bg-\[#43cbaf\]\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/15, .dark .dark\:bg-\[#43cbaf\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/15, .dark .dark\:border-\[#43cbaf\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/15, .dark .dark\:shadow-\[#43cbaf\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-\[#43CBAF\]\/20, .bg-\[#43cbaf\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-\[#43CBAF\]\/20, .text-\[#43cbaf\]\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-\[#43CBAF\]\/20, .border-\[#43cbaf\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-t-\[#43CBAF\]\/20, .border-t-\[#43cbaf\]\/20 { border-top-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-b-\[#43CBAF\]\/20, .border-b-\[#43cbaf\]\/20 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-l-\[#43CBAF\]\/20, .border-l-\[#43cbaf\]\/20 { border-left-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-r-\[#43CBAF\]\/20, .border-r-\[#43cbaf\]\/20 { border-right-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-\[#43CBAF\]\/20, .ring-\[#43cbaf\]\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-\[#43CBAF\]\/20, .shadow-\[#43cbaf\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.from-\[#43CBAF\]\/20, .from-\[#43cbaf\]\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/20, .to-\[#43cbaf\]\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/20:focus, .focus\:border-\[#43cbaf\]\/20:focus { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/20:focus, .focus\:ring-\[#43cbaf\]\/20:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/20:hover, .hover\:border-\[#43cbaf\]\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/20:hover, .hover\:bg-\[#43cbaf\]\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/20, .dark .dark\:bg-\[#43cbaf\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/20, .dark .dark\:border-\[#43cbaf\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/20, .dark .dark\:shadow-\[#43cbaf\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-\[#43CBAF\]\/25, .bg-\[#43cbaf\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-\[#43CBAF\]\/25, .text-\[#43cbaf\]\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-\[#43CBAF\]\/25, .border-\[#43cbaf\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-t-\[#43CBAF\]\/25, .border-t-\[#43cbaf\]\/25 { border-top-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-b-\[#43CBAF\]\/25, .border-b-\[#43cbaf\]\/25 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-l-\[#43CBAF\]\/25, .border-l-\[#43cbaf\]\/25 { border-left-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-r-\[#43CBAF\]\/25, .border-r-\[#43cbaf\]\/25 { border-right-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-\[#43CBAF\]\/25, .ring-\[#43cbaf\]\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-\[#43CBAF\]\/25, .shadow-\[#43cbaf\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.from-\[#43CBAF\]\/25, .from-\[#43cbaf\]\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/25, .to-\[#43cbaf\]\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/25:focus, .focus\:border-\[#43cbaf\]\/25:focus { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/25:focus, .focus\:ring-\[#43cbaf\]\/25:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/25:hover, .hover\:border-\[#43cbaf\]\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/25:hover, .hover\:bg-\[#43cbaf\]\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/25, .dark .dark\:bg-\[#43cbaf\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/25, .dark .dark\:border-\[#43cbaf\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/25, .dark .dark\:shadow-\[#43cbaf\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-\[#43CBAF\]\/30, .bg-\[#43cbaf\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-\[#43CBAF\]\/30, .text-\[#43cbaf\]\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-\[#43CBAF\]\/30, .border-\[#43cbaf\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-t-\[#43CBAF\]\/30, .border-t-\[#43cbaf\]\/30 { border-top-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-b-\[#43CBAF\]\/30, .border-b-\[#43cbaf\]\/30 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-l-\[#43CBAF\]\/30, .border-l-\[#43cbaf\]\/30 { border-left-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-r-\[#43CBAF\]\/30, .border-r-\[#43cbaf\]\/30 { border-right-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-\[#43CBAF\]\/30, .ring-\[#43cbaf\]\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-\[#43CBAF\]\/30, .shadow-\[#43cbaf\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-\[#43CBAF\]\/30, .from-\[#43cbaf\]\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/30, .to-\[#43cbaf\]\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/30:focus, .focus\:border-\[#43cbaf\]\/30:focus { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/30:focus, .focus\:ring-\[#43cbaf\]\/30:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/30:hover, .hover\:border-\[#43cbaf\]\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/30:hover, .hover\:bg-\[#43cbaf\]\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/30, .dark .dark\:bg-\[#43cbaf\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/30, .dark .dark\:border-\[#43cbaf\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/30, .dark .dark\:shadow-\[#43cbaf\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-\[#43CBAF\]\/40, .bg-\[#43cbaf\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-\[#43CBAF\]\/40, .text-\[#43cbaf\]\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-\[#43CBAF\]\/40, .border-\[#43cbaf\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-t-\[#43CBAF\]\/40, .border-t-\[#43cbaf\]\/40 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-b-\[#43CBAF\]\/40, .border-b-\[#43cbaf\]\/40 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-l-\[#43CBAF\]\/40, .border-l-\[#43cbaf\]\/40 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-r-\[#43CBAF\]\/40, .border-r-\[#43cbaf\]\/40 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-\[#43CBAF\]\/40, .ring-\[#43cbaf\]\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-\[#43CBAF\]\/40, .shadow-\[#43cbaf\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.from-\[#43CBAF\]\/40, .from-\[#43cbaf\]\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/40, .to-\[#43cbaf\]\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/40:focus, .focus\:border-\[#43cbaf\]\/40:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/40:focus, .focus\:ring-\[#43cbaf\]\/40:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/40:hover, .hover\:border-\[#43cbaf\]\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/40:hover, .hover\:bg-\[#43cbaf\]\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/40, .dark .dark\:bg-\[#43cbaf\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/40, .dark .dark\:border-\[#43cbaf\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/40, .dark .dark\:shadow-\[#43cbaf\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-\[#43CBAF\]\/50, .bg-\[#43cbaf\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-\[#43CBAF\]\/50, .text-\[#43cbaf\]\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-\[#43CBAF\]\/50, .border-\[#43cbaf\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-t-\[#43CBAF\]\/50, .border-t-\[#43cbaf\]\/50 { border-top-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-b-\[#43CBAF\]\/50, .border-b-\[#43cbaf\]\/50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-l-\[#43CBAF\]\/50, .border-l-\[#43cbaf\]\/50 { border-left-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-r-\[#43CBAF\]\/50, .border-r-\[#43cbaf\]\/50 { border-right-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-\[#43CBAF\]\/50, .ring-\[#43cbaf\]\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-\[#43CBAF\]\/50, .shadow-\[#43cbaf\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.from-\[#43CBAF\]\/50, .from-\[#43cbaf\]\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/50, .to-\[#43cbaf\]\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/50:focus, .focus\:border-\[#43cbaf\]\/50:focus { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/50:focus, .focus\:ring-\[#43cbaf\]\/50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/50:hover, .hover\:border-\[#43cbaf\]\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/50:hover, .hover\:bg-\[#43cbaf\]\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/50, .dark .dark\:bg-\[#43cbaf\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/50, .dark .dark\:border-\[#43cbaf\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/50, .dark .dark\:shadow-\[#43cbaf\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-\[#43CBAF\]\/60, .bg-\[#43cbaf\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-\[#43CBAF\]\/60, .text-\[#43cbaf\]\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-\[#43CBAF\]\/60, .border-\[#43cbaf\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-t-\[#43CBAF\]\/60, .border-t-\[#43cbaf\]\/60 { border-top-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-b-\[#43CBAF\]\/60, .border-b-\[#43cbaf\]\/60 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-l-\[#43CBAF\]\/60, .border-l-\[#43cbaf\]\/60 { border-left-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-r-\[#43CBAF\]\/60, .border-r-\[#43cbaf\]\/60 { border-right-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-\[#43CBAF\]\/60, .ring-\[#43cbaf\]\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-\[#43CBAF\]\/60, .shadow-\[#43cbaf\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.from-\[#43CBAF\]\/60, .from-\[#43cbaf\]\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#43CBAF\]\/60, .to-\[#43cbaf\]\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#43CBAF\]\/60:focus, .focus\:border-\[#43cbaf\]\/60:focus { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:ring-\[#43CBAF\]\/60:focus, .focus\:ring-\[#43cbaf\]\/60:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-\[#43CBAF\]\/60:hover, .hover\:border-\[#43cbaf\]\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-\[#43CBAF\]\/60:hover, .hover\:bg-\[#43cbaf\]\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-\[#43CBAF\]\/60, .dark .dark\:bg-\[#43cbaf\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-\[#43CBAF\]\/60, .dark .dark\:border-\[#43cbaf\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-\[#43CBAF\]\/60, .dark .dark\:shadow-\[#43cbaf\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:border-\[#43CBAF\]:focus, .focus\:border-\[#43cbaf\]:focus { border-color: var(--brand-primary) !important; }
.focus\:ring-\[#43CBAF\]:focus, .focus\:ring-\[#43cbaf\]:focus { --tw-ring-color: var(--brand-primary) !important; }
.hover\:border-\[#43CBAF\]:hover, .hover\:border-\[#43cbaf\]:hover { border-color: var(--brand-primary) !important; }
.hover\:text-\[#43CBAF\]:hover, .hover\:text-\[#43cbaf\]:hover { color: var(--brand-primary) !important; }
.hover\:bg-\[#43CBAF\]:hover, .hover\:bg-\[#43cbaf\]:hover { background-color: var(--brand-primary) !important; }
.active\:bg-\[#43CBAF\]:active, .active\:bg-\[#43cbaf\]:active { background-color: var(--brand-primary) !important; }
.group:focus-within .group-focus-within\:text-\[#43CBAF\], .group:focus-within .group-focus-within\:text-\[#43cbaf\] { color: var(--brand-primary) !important; }
.dark .dark\:text-\[#43CBAF\], .dark .dark\:text-\[#43cbaf\] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-\[#43CBAF\][data-state=active], .data-\[state\=active\]\:bg-\[#43cbaf\][data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-\[#43CBAF\][data-state=active], .data-\[state\=active\]\:text-\[#43cbaf\][data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-\[#43CBAF\][data-state=active], .data-\[state\=active\]\:border-\[#43cbaf\][data-state=active] { border-color: var(--brand-primary) !important; }
.bg-\[#2A7AFF\], .bg-\[#2a7aff\] { background-color: var(--brand-primary) !important; }
.text-\[#2A7AFF\], .text-\[#2a7aff\] { color: var(--brand-primary) !important; }
.border-\[#2A7AFF\], .border-\[#2a7aff\] { border-color: var(--brand-primary) !important; }
.border-t-\[#2A7AFF\], .border-t-\[#2a7aff\] { border-top-color: var(--brand-primary) !important; }
.border-b-\[#2A7AFF\], .border-b-\[#2a7aff\] { border-bottom-color: var(--brand-primary) !important; }
.border-l-\[#2A7AFF\], .border-l-\[#2a7aff\] { border-left-color: var(--brand-primary) !important; }
.border-r-\[#2A7AFF\], .border-r-\[#2a7aff\] { border-right-color: var(--brand-primary) !important; }
.ring-\[#2A7AFF\], .ring-\[#2a7aff\] { --tw-ring-color: var(--brand-primary) !important; }
.outline-\[#2A7AFF\], .outline-\[#2a7aff\] { outline-color: var(--brand-primary) !important; }
.fill-\[#2A7AFF\], .fill-\[#2a7aff\] { fill: var(--brand-primary) !important; }
.stroke-\[#2A7AFF\], .stroke-\[#2a7aff\] { stroke: var(--brand-primary) !important; }
.from-\[#2A7AFF\], .from-\[#2a7aff\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\], .to-\[#2a7aff\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.via-\[#2A7AFF\], .via-\[#2a7aff\] { --tw-gradient-via: var(--brand-primary) !important; }
.shadow-\[#2A7AFF\], .shadow-\[#2a7aff\] { --tw-shadow-color: var(--brand-primary) !important; }
.bg-\[#2A7AFF\]\/5, .bg-\[#2a7aff\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-\[#2A7AFF\]\/5, .text-\[#2a7aff\]\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-\[#2A7AFF\]\/5, .border-\[#2a7aff\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-t-\[#2A7AFF\]\/5, .border-t-\[#2a7aff\]\/5 { border-top-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-b-\[#2A7AFF\]\/5, .border-b-\[#2a7aff\]\/5 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-l-\[#2A7AFF\]\/5, .border-l-\[#2a7aff\]\/5 { border-left-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-r-\[#2A7AFF\]\/5, .border-r-\[#2a7aff\]\/5 { border-right-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-\[#2A7AFF\]\/5, .ring-\[#2a7aff\]\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-\[#2A7AFF\]\/5, .shadow-\[#2a7aff\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.from-\[#2A7AFF\]\/5, .from-\[#2a7aff\]\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/5, .to-\[#2a7aff\]\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/5:focus, .focus\:border-\[#2a7aff\]\/5:focus { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/5:focus, .focus\:ring-\[#2a7aff\]\/5:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/5:hover, .hover\:border-\[#2a7aff\]\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/5:hover, .hover\:bg-\[#2a7aff\]\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/5, .dark .dark\:bg-\[#2a7aff\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/5, .dark .dark\:border-\[#2a7aff\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/5, .dark .dark\:shadow-\[#2a7aff\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-\[#2A7AFF\]\/8, .bg-\[#2a7aff\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.text-\[#2A7AFF\]\/8, .text-\[#2a7aff\]\/8 { color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-\[#2A7AFF\]\/8, .border-\[#2a7aff\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-t-\[#2A7AFF\]\/8, .border-t-\[#2a7aff\]\/8 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-b-\[#2A7AFF\]\/8, .border-b-\[#2a7aff\]\/8 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-l-\[#2A7AFF\]\/8, .border-l-\[#2a7aff\]\/8 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-r-\[#2A7AFF\]\/8, .border-r-\[#2a7aff\]\/8 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.ring-\[#2A7AFF\]\/8, .ring-\[#2a7aff\]\/8 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.shadow-\[#2A7AFF\]\/8, .shadow-\[#2a7aff\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.from-\[#2A7AFF\]\/8, .from-\[#2a7aff\]\/8 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/8, .to-\[#2a7aff\]\/8 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/8:focus, .focus\:border-\[#2a7aff\]\/8:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/8:focus, .focus\:ring-\[#2a7aff\]\/8:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/8:hover, .hover\:border-\[#2a7aff\]\/8:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/8:hover, .hover\:bg-\[#2a7aff\]\/8:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/8, .dark .dark\:bg-\[#2a7aff\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/8, .dark .dark\:border-\[#2a7aff\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/8, .dark .dark\:shadow-\[#2a7aff\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.bg-\[#2A7AFF\]\/10, .bg-\[#2a7aff\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-\[#2A7AFF\]\/10, .text-\[#2a7aff\]\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-\[#2A7AFF\]\/10, .border-\[#2a7aff\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-t-\[#2A7AFF\]\/10, .border-t-\[#2a7aff\]\/10 { border-top-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-b-\[#2A7AFF\]\/10, .border-b-\[#2a7aff\]\/10 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-l-\[#2A7AFF\]\/10, .border-l-\[#2a7aff\]\/10 { border-left-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-r-\[#2A7AFF\]\/10, .border-r-\[#2a7aff\]\/10 { border-right-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-\[#2A7AFF\]\/10, .ring-\[#2a7aff\]\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-\[#2A7AFF\]\/10, .shadow-\[#2a7aff\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.from-\[#2A7AFF\]\/10, .from-\[#2a7aff\]\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/10, .to-\[#2a7aff\]\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/10:focus, .focus\:border-\[#2a7aff\]\/10:focus { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/10:focus, .focus\:ring-\[#2a7aff\]\/10:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/10:hover, .hover\:border-\[#2a7aff\]\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/10:hover, .hover\:bg-\[#2a7aff\]\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/10, .dark .dark\:bg-\[#2a7aff\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/10, .dark .dark\:border-\[#2a7aff\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/10, .dark .dark\:shadow-\[#2a7aff\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-\[#2A7AFF\]\/15, .bg-\[#2a7aff\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-\[#2A7AFF\]\/15, .text-\[#2a7aff\]\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-\[#2A7AFF\]\/15, .border-\[#2a7aff\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-t-\[#2A7AFF\]\/15, .border-t-\[#2a7aff\]\/15 { border-top-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-b-\[#2A7AFF\]\/15, .border-b-\[#2a7aff\]\/15 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-l-\[#2A7AFF\]\/15, .border-l-\[#2a7aff\]\/15 { border-left-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-r-\[#2A7AFF\]\/15, .border-r-\[#2a7aff\]\/15 { border-right-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-\[#2A7AFF\]\/15, .ring-\[#2a7aff\]\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-\[#2A7AFF\]\/15, .shadow-\[#2a7aff\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.from-\[#2A7AFF\]\/15, .from-\[#2a7aff\]\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/15, .to-\[#2a7aff\]\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/15:focus, .focus\:border-\[#2a7aff\]\/15:focus { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/15:focus, .focus\:ring-\[#2a7aff\]\/15:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/15:hover, .hover\:border-\[#2a7aff\]\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/15:hover, .hover\:bg-\[#2a7aff\]\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/15, .dark .dark\:bg-\[#2a7aff\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/15, .dark .dark\:border-\[#2a7aff\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/15, .dark .dark\:shadow-\[#2a7aff\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-\[#2A7AFF\]\/20, .bg-\[#2a7aff\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-\[#2A7AFF\]\/20, .text-\[#2a7aff\]\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-\[#2A7AFF\]\/20, .border-\[#2a7aff\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-t-\[#2A7AFF\]\/20, .border-t-\[#2a7aff\]\/20 { border-top-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-b-\[#2A7AFF\]\/20, .border-b-\[#2a7aff\]\/20 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-l-\[#2A7AFF\]\/20, .border-l-\[#2a7aff\]\/20 { border-left-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-r-\[#2A7AFF\]\/20, .border-r-\[#2a7aff\]\/20 { border-right-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-\[#2A7AFF\]\/20, .ring-\[#2a7aff\]\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-\[#2A7AFF\]\/20, .shadow-\[#2a7aff\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.from-\[#2A7AFF\]\/20, .from-\[#2a7aff\]\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/20, .to-\[#2a7aff\]\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/20:focus, .focus\:border-\[#2a7aff\]\/20:focus { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/20:focus, .focus\:ring-\[#2a7aff\]\/20:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/20:hover, .hover\:border-\[#2a7aff\]\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/20:hover, .hover\:bg-\[#2a7aff\]\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/20, .dark .dark\:bg-\[#2a7aff\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/20, .dark .dark\:border-\[#2a7aff\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/20, .dark .dark\:shadow-\[#2a7aff\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-\[#2A7AFF\]\/25, .bg-\[#2a7aff\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-\[#2A7AFF\]\/25, .text-\[#2a7aff\]\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-\[#2A7AFF\]\/25, .border-\[#2a7aff\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-t-\[#2A7AFF\]\/25, .border-t-\[#2a7aff\]\/25 { border-top-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-b-\[#2A7AFF\]\/25, .border-b-\[#2a7aff\]\/25 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-l-\[#2A7AFF\]\/25, .border-l-\[#2a7aff\]\/25 { border-left-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-r-\[#2A7AFF\]\/25, .border-r-\[#2a7aff\]\/25 { border-right-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-\[#2A7AFF\]\/25, .ring-\[#2a7aff\]\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-\[#2A7AFF\]\/25, .shadow-\[#2a7aff\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.from-\[#2A7AFF\]\/25, .from-\[#2a7aff\]\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/25, .to-\[#2a7aff\]\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/25:focus, .focus\:border-\[#2a7aff\]\/25:focus { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/25:focus, .focus\:ring-\[#2a7aff\]\/25:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/25:hover, .hover\:border-\[#2a7aff\]\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/25:hover, .hover\:bg-\[#2a7aff\]\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/25, .dark .dark\:bg-\[#2a7aff\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/25, .dark .dark\:border-\[#2a7aff\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/25, .dark .dark\:shadow-\[#2a7aff\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-\[#2A7AFF\]\/30, .bg-\[#2a7aff\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-\[#2A7AFF\]\/30, .text-\[#2a7aff\]\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-\[#2A7AFF\]\/30, .border-\[#2a7aff\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-t-\[#2A7AFF\]\/30, .border-t-\[#2a7aff\]\/30 { border-top-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-b-\[#2A7AFF\]\/30, .border-b-\[#2a7aff\]\/30 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-l-\[#2A7AFF\]\/30, .border-l-\[#2a7aff\]\/30 { border-left-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-r-\[#2A7AFF\]\/30, .border-r-\[#2a7aff\]\/30 { border-right-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-\[#2A7AFF\]\/30, .ring-\[#2a7aff\]\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-\[#2A7AFF\]\/30, .shadow-\[#2a7aff\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-\[#2A7AFF\]\/30, .from-\[#2a7aff\]\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/30, .to-\[#2a7aff\]\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/30:focus, .focus\:border-\[#2a7aff\]\/30:focus { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/30:focus, .focus\:ring-\[#2a7aff\]\/30:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/30:hover, .hover\:border-\[#2a7aff\]\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/30:hover, .hover\:bg-\[#2a7aff\]\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/30, .dark .dark\:bg-\[#2a7aff\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/30, .dark .dark\:border-\[#2a7aff\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/30, .dark .dark\:shadow-\[#2a7aff\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-\[#2A7AFF\]\/40, .bg-\[#2a7aff\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-\[#2A7AFF\]\/40, .text-\[#2a7aff\]\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-\[#2A7AFF\]\/40, .border-\[#2a7aff\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-t-\[#2A7AFF\]\/40, .border-t-\[#2a7aff\]\/40 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-b-\[#2A7AFF\]\/40, .border-b-\[#2a7aff\]\/40 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-l-\[#2A7AFF\]\/40, .border-l-\[#2a7aff\]\/40 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-r-\[#2A7AFF\]\/40, .border-r-\[#2a7aff\]\/40 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-\[#2A7AFF\]\/40, .ring-\[#2a7aff\]\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-\[#2A7AFF\]\/40, .shadow-\[#2a7aff\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.from-\[#2A7AFF\]\/40, .from-\[#2a7aff\]\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/40, .to-\[#2a7aff\]\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/40:focus, .focus\:border-\[#2a7aff\]\/40:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/40:focus, .focus\:ring-\[#2a7aff\]\/40:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/40:hover, .hover\:border-\[#2a7aff\]\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/40:hover, .hover\:bg-\[#2a7aff\]\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/40, .dark .dark\:bg-\[#2a7aff\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/40, .dark .dark\:border-\[#2a7aff\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/40, .dark .dark\:shadow-\[#2a7aff\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-\[#2A7AFF\]\/50, .bg-\[#2a7aff\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-\[#2A7AFF\]\/50, .text-\[#2a7aff\]\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-\[#2A7AFF\]\/50, .border-\[#2a7aff\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-t-\[#2A7AFF\]\/50, .border-t-\[#2a7aff\]\/50 { border-top-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-b-\[#2A7AFF\]\/50, .border-b-\[#2a7aff\]\/50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-l-\[#2A7AFF\]\/50, .border-l-\[#2a7aff\]\/50 { border-left-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-r-\[#2A7AFF\]\/50, .border-r-\[#2a7aff\]\/50 { border-right-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-\[#2A7AFF\]\/50, .ring-\[#2a7aff\]\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-\[#2A7AFF\]\/50, .shadow-\[#2a7aff\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.from-\[#2A7AFF\]\/50, .from-\[#2a7aff\]\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/50, .to-\[#2a7aff\]\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/50:focus, .focus\:border-\[#2a7aff\]\/50:focus { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/50:focus, .focus\:ring-\[#2a7aff\]\/50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/50:hover, .hover\:border-\[#2a7aff\]\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/50:hover, .hover\:bg-\[#2a7aff\]\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/50, .dark .dark\:bg-\[#2a7aff\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/50, .dark .dark\:border-\[#2a7aff\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/50, .dark .dark\:shadow-\[#2a7aff\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-\[#2A7AFF\]\/60, .bg-\[#2a7aff\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-\[#2A7AFF\]\/60, .text-\[#2a7aff\]\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-\[#2A7AFF\]\/60, .border-\[#2a7aff\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-t-\[#2A7AFF\]\/60, .border-t-\[#2a7aff\]\/60 { border-top-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-b-\[#2A7AFF\]\/60, .border-b-\[#2a7aff\]\/60 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-l-\[#2A7AFF\]\/60, .border-l-\[#2a7aff\]\/60 { border-left-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-r-\[#2A7AFF\]\/60, .border-r-\[#2a7aff\]\/60 { border-right-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-\[#2A7AFF\]\/60, .ring-\[#2a7aff\]\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-\[#2A7AFF\]\/60, .shadow-\[#2a7aff\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.from-\[#2A7AFF\]\/60, .from-\[#2a7aff\]\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2A7AFF\]\/60, .to-\[#2a7aff\]\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2A7AFF\]\/60:focus, .focus\:border-\[#2a7aff\]\/60:focus { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:ring-\[#2A7AFF\]\/60:focus, .focus\:ring-\[#2a7aff\]\/60:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-\[#2A7AFF\]\/60:hover, .hover\:border-\[#2a7aff\]\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-\[#2A7AFF\]\/60:hover, .hover\:bg-\[#2a7aff\]\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-\[#2A7AFF\]\/60, .dark .dark\:bg-\[#2a7aff\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-\[#2A7AFF\]\/60, .dark .dark\:border-\[#2a7aff\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-\[#2A7AFF\]\/60, .dark .dark\:shadow-\[#2a7aff\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:border-\[#2A7AFF\]:focus, .focus\:border-\[#2a7aff\]:focus { border-color: var(--brand-primary) !important; }
.focus\:ring-\[#2A7AFF\]:focus, .focus\:ring-\[#2a7aff\]:focus { --tw-ring-color: var(--brand-primary) !important; }
.hover\:border-\[#2A7AFF\]:hover, .hover\:border-\[#2a7aff\]:hover { border-color: var(--brand-primary) !important; }
.hover\:text-\[#2A7AFF\]:hover, .hover\:text-\[#2a7aff\]:hover { color: var(--brand-primary) !important; }
.hover\:bg-\[#2A7AFF\]:hover, .hover\:bg-\[#2a7aff\]:hover { background-color: var(--brand-primary) !important; }
.active\:bg-\[#2A7AFF\]:active, .active\:bg-\[#2a7aff\]:active { background-color: var(--brand-primary) !important; }
.group:focus-within .group-focus-within\:text-\[#2A7AFF\], .group:focus-within .group-focus-within\:text-\[#2a7aff\] { color: var(--brand-primary) !important; }
.dark .dark\:text-\[#2A7AFF\], .dark .dark\:text-\[#2a7aff\] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-\[#2A7AFF\][data-state=active], .data-\[state\=active\]\:bg-\[#2a7aff\][data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-\[#2A7AFF\][data-state=active], .data-\[state\=active\]\:text-\[#2a7aff\][data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-\[#2A7AFF\][data-state=active], .data-\[state\=active\]\:border-\[#2a7aff\][data-state=active] { border-color: var(--brand-primary) !important; }
.bg-\[#1566EE\], .bg-\[#1566ee\] { background-color: var(--brand-primary) !important; }
.text-\[#1566EE\], .text-\[#1566ee\] { color: var(--brand-primary) !important; }
.border-\[#1566EE\], .border-\[#1566ee\] { border-color: var(--brand-primary) !important; }
.border-t-\[#1566EE\], .border-t-\[#1566ee\] { border-top-color: var(--brand-primary) !important; }
.border-b-\[#1566EE\], .border-b-\[#1566ee\] { border-bottom-color: var(--brand-primary) !important; }
.border-l-\[#1566EE\], .border-l-\[#1566ee\] { border-left-color: var(--brand-primary) !important; }
.border-r-\[#1566EE\], .border-r-\[#1566ee\] { border-right-color: var(--brand-primary) !important; }
.ring-\[#1566EE\], .ring-\[#1566ee\] { --tw-ring-color: var(--brand-primary) !important; }
.outline-\[#1566EE\], .outline-\[#1566ee\] { outline-color: var(--brand-primary) !important; }
.fill-\[#1566EE\], .fill-\[#1566ee\] { fill: var(--brand-primary) !important; }
.stroke-\[#1566EE\], .stroke-\[#1566ee\] { stroke: var(--brand-primary) !important; }
.from-\[#1566EE\], .from-\[#1566ee\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\], .to-\[#1566ee\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.via-\[#1566EE\], .via-\[#1566ee\] { --tw-gradient-via: var(--brand-primary) !important; }
.shadow-\[#1566EE\], .shadow-\[#1566ee\] { --tw-shadow-color: var(--brand-primary) !important; }
.bg-\[#1566EE\]\/5, .bg-\[#1566ee\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-\[#1566EE\]\/5, .text-\[#1566ee\]\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-\[#1566EE\]\/5, .border-\[#1566ee\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-t-\[#1566EE\]\/5, .border-t-\[#1566ee\]\/5 { border-top-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-b-\[#1566EE\]\/5, .border-b-\[#1566ee\]\/5 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-l-\[#1566EE\]\/5, .border-l-\[#1566ee\]\/5 { border-left-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-r-\[#1566EE\]\/5, .border-r-\[#1566ee\]\/5 { border-right-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-\[#1566EE\]\/5, .ring-\[#1566ee\]\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-\[#1566EE\]\/5, .shadow-\[#1566ee\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.from-\[#1566EE\]\/5, .from-\[#1566ee\]\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/5, .to-\[#1566ee\]\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/5:focus, .focus\:border-\[#1566ee\]\/5:focus { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/5:focus, .focus\:ring-\[#1566ee\]\/5:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-\[#1566EE\]\/5:hover, .hover\:border-\[#1566ee\]\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/5:hover, .hover\:bg-\[#1566ee\]\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/5, .dark .dark\:bg-\[#1566ee\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/5, .dark .dark\:border-\[#1566ee\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/5, .dark .dark\:shadow-\[#1566ee\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-\[#1566EE\]\/8, .bg-\[#1566ee\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.text-\[#1566EE\]\/8, .text-\[#1566ee\]\/8 { color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-\[#1566EE\]\/8, .border-\[#1566ee\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-t-\[#1566EE\]\/8, .border-t-\[#1566ee\]\/8 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-b-\[#1566EE\]\/8, .border-b-\[#1566ee\]\/8 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-l-\[#1566EE\]\/8, .border-l-\[#1566ee\]\/8 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-r-\[#1566EE\]\/8, .border-r-\[#1566ee\]\/8 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.ring-\[#1566EE\]\/8, .ring-\[#1566ee\]\/8 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.shadow-\[#1566EE\]\/8, .shadow-\[#1566ee\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.from-\[#1566EE\]\/8, .from-\[#1566ee\]\/8 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/8, .to-\[#1566ee\]\/8 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/8:focus, .focus\:border-\[#1566ee\]\/8:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/8:focus, .focus\:ring-\[#1566ee\]\/8:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:border-\[#1566EE\]\/8:hover, .hover\:border-\[#1566ee\]\/8:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/8:hover, .hover\:bg-\[#1566ee\]\/8:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/8, .dark .dark\:bg-\[#1566ee\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/8, .dark .dark\:border-\[#1566ee\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/8, .dark .dark\:shadow-\[#1566ee\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.bg-\[#1566EE\]\/10, .bg-\[#1566ee\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-\[#1566EE\]\/10, .text-\[#1566ee\]\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-\[#1566EE\]\/10, .border-\[#1566ee\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-t-\[#1566EE\]\/10, .border-t-\[#1566ee\]\/10 { border-top-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-b-\[#1566EE\]\/10, .border-b-\[#1566ee\]\/10 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-l-\[#1566EE\]\/10, .border-l-\[#1566ee\]\/10 { border-left-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-r-\[#1566EE\]\/10, .border-r-\[#1566ee\]\/10 { border-right-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-\[#1566EE\]\/10, .ring-\[#1566ee\]\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-\[#1566EE\]\/10, .shadow-\[#1566ee\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.from-\[#1566EE\]\/10, .from-\[#1566ee\]\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/10, .to-\[#1566ee\]\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/10:focus, .focus\:border-\[#1566ee\]\/10:focus { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/10:focus, .focus\:ring-\[#1566ee\]\/10:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-\[#1566EE\]\/10:hover, .hover\:border-\[#1566ee\]\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/10:hover, .hover\:bg-\[#1566ee\]\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/10, .dark .dark\:bg-\[#1566ee\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/10, .dark .dark\:border-\[#1566ee\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/10, .dark .dark\:shadow-\[#1566ee\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-\[#1566EE\]\/15, .bg-\[#1566ee\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-\[#1566EE\]\/15, .text-\[#1566ee\]\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-\[#1566EE\]\/15, .border-\[#1566ee\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-t-\[#1566EE\]\/15, .border-t-\[#1566ee\]\/15 { border-top-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-b-\[#1566EE\]\/15, .border-b-\[#1566ee\]\/15 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-l-\[#1566EE\]\/15, .border-l-\[#1566ee\]\/15 { border-left-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-r-\[#1566EE\]\/15, .border-r-\[#1566ee\]\/15 { border-right-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-\[#1566EE\]\/15, .ring-\[#1566ee\]\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-\[#1566EE\]\/15, .shadow-\[#1566ee\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.from-\[#1566EE\]\/15, .from-\[#1566ee\]\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/15, .to-\[#1566ee\]\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/15:focus, .focus\:border-\[#1566ee\]\/15:focus { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/15:focus, .focus\:ring-\[#1566ee\]\/15:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-\[#1566EE\]\/15:hover, .hover\:border-\[#1566ee\]\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/15:hover, .hover\:bg-\[#1566ee\]\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/15, .dark .dark\:bg-\[#1566ee\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/15, .dark .dark\:border-\[#1566ee\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/15, .dark .dark\:shadow-\[#1566ee\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-\[#1566EE\]\/20, .bg-\[#1566ee\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-\[#1566EE\]\/20, .text-\[#1566ee\]\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-\[#1566EE\]\/20, .border-\[#1566ee\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-t-\[#1566EE\]\/20, .border-t-\[#1566ee\]\/20 { border-top-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-b-\[#1566EE\]\/20, .border-b-\[#1566ee\]\/20 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-l-\[#1566EE\]\/20, .border-l-\[#1566ee\]\/20 { border-left-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-r-\[#1566EE\]\/20, .border-r-\[#1566ee\]\/20 { border-right-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-\[#1566EE\]\/20, .ring-\[#1566ee\]\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-\[#1566EE\]\/20, .shadow-\[#1566ee\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.from-\[#1566EE\]\/20, .from-\[#1566ee\]\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/20, .to-\[#1566ee\]\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/20:focus, .focus\:border-\[#1566ee\]\/20:focus { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/20:focus, .focus\:ring-\[#1566ee\]\/20:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-\[#1566EE\]\/20:hover, .hover\:border-\[#1566ee\]\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/20:hover, .hover\:bg-\[#1566ee\]\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/20, .dark .dark\:bg-\[#1566ee\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/20, .dark .dark\:border-\[#1566ee\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/20, .dark .dark\:shadow-\[#1566ee\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-\[#1566EE\]\/25, .bg-\[#1566ee\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-\[#1566EE\]\/25, .text-\[#1566ee\]\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-\[#1566EE\]\/25, .border-\[#1566ee\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-t-\[#1566EE\]\/25, .border-t-\[#1566ee\]\/25 { border-top-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-b-\[#1566EE\]\/25, .border-b-\[#1566ee\]\/25 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-l-\[#1566EE\]\/25, .border-l-\[#1566ee\]\/25 { border-left-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-r-\[#1566EE\]\/25, .border-r-\[#1566ee\]\/25 { border-right-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-\[#1566EE\]\/25, .ring-\[#1566ee\]\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-\[#1566EE\]\/25, .shadow-\[#1566ee\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.from-\[#1566EE\]\/25, .from-\[#1566ee\]\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/25, .to-\[#1566ee\]\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/25:focus, .focus\:border-\[#1566ee\]\/25:focus { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/25:focus, .focus\:ring-\[#1566ee\]\/25:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-\[#1566EE\]\/25:hover, .hover\:border-\[#1566ee\]\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/25:hover, .hover\:bg-\[#1566ee\]\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/25, .dark .dark\:bg-\[#1566ee\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/25, .dark .dark\:border-\[#1566ee\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/25, .dark .dark\:shadow-\[#1566ee\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-\[#1566EE\]\/30, .bg-\[#1566ee\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-\[#1566EE\]\/30, .text-\[#1566ee\]\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-\[#1566EE\]\/30, .border-\[#1566ee\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-t-\[#1566EE\]\/30, .border-t-\[#1566ee\]\/30 { border-top-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-b-\[#1566EE\]\/30, .border-b-\[#1566ee\]\/30 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-l-\[#1566EE\]\/30, .border-l-\[#1566ee\]\/30 { border-left-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-r-\[#1566EE\]\/30, .border-r-\[#1566ee\]\/30 { border-right-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-\[#1566EE\]\/30, .ring-\[#1566ee\]\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-\[#1566EE\]\/30, .shadow-\[#1566ee\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-\[#1566EE\]\/30, .from-\[#1566ee\]\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/30, .to-\[#1566ee\]\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/30:focus, .focus\:border-\[#1566ee\]\/30:focus { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/30:focus, .focus\:ring-\[#1566ee\]\/30:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-\[#1566EE\]\/30:hover, .hover\:border-\[#1566ee\]\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/30:hover, .hover\:bg-\[#1566ee\]\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/30, .dark .dark\:bg-\[#1566ee\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/30, .dark .dark\:border-\[#1566ee\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/30, .dark .dark\:shadow-\[#1566ee\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-\[#1566EE\]\/40, .bg-\[#1566ee\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-\[#1566EE\]\/40, .text-\[#1566ee\]\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-\[#1566EE\]\/40, .border-\[#1566ee\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-t-\[#1566EE\]\/40, .border-t-\[#1566ee\]\/40 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-b-\[#1566EE\]\/40, .border-b-\[#1566ee\]\/40 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-l-\[#1566EE\]\/40, .border-l-\[#1566ee\]\/40 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-r-\[#1566EE\]\/40, .border-r-\[#1566ee\]\/40 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-\[#1566EE\]\/40, .ring-\[#1566ee\]\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-\[#1566EE\]\/40, .shadow-\[#1566ee\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.from-\[#1566EE\]\/40, .from-\[#1566ee\]\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/40, .to-\[#1566ee\]\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/40:focus, .focus\:border-\[#1566ee\]\/40:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/40:focus, .focus\:ring-\[#1566ee\]\/40:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-\[#1566EE\]\/40:hover, .hover\:border-\[#1566ee\]\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/40:hover, .hover\:bg-\[#1566ee\]\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/40, .dark .dark\:bg-\[#1566ee\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/40, .dark .dark\:border-\[#1566ee\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/40, .dark .dark\:shadow-\[#1566ee\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-\[#1566EE\]\/50, .bg-\[#1566ee\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-\[#1566EE\]\/50, .text-\[#1566ee\]\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-\[#1566EE\]\/50, .border-\[#1566ee\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-t-\[#1566EE\]\/50, .border-t-\[#1566ee\]\/50 { border-top-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-b-\[#1566EE\]\/50, .border-b-\[#1566ee\]\/50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-l-\[#1566EE\]\/50, .border-l-\[#1566ee\]\/50 { border-left-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-r-\[#1566EE\]\/50, .border-r-\[#1566ee\]\/50 { border-right-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-\[#1566EE\]\/50, .ring-\[#1566ee\]\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-\[#1566EE\]\/50, .shadow-\[#1566ee\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.from-\[#1566EE\]\/50, .from-\[#1566ee\]\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/50, .to-\[#1566ee\]\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/50:focus, .focus\:border-\[#1566ee\]\/50:focus { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/50:focus, .focus\:ring-\[#1566ee\]\/50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-\[#1566EE\]\/50:hover, .hover\:border-\[#1566ee\]\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/50:hover, .hover\:bg-\[#1566ee\]\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/50, .dark .dark\:bg-\[#1566ee\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/50, .dark .dark\:border-\[#1566ee\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/50, .dark .dark\:shadow-\[#1566ee\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-\[#1566EE\]\/60, .bg-\[#1566ee\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-\[#1566EE\]\/60, .text-\[#1566ee\]\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-\[#1566EE\]\/60, .border-\[#1566ee\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-t-\[#1566EE\]\/60, .border-t-\[#1566ee\]\/60 { border-top-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-b-\[#1566EE\]\/60, .border-b-\[#1566ee\]\/60 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-l-\[#1566EE\]\/60, .border-l-\[#1566ee\]\/60 { border-left-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-r-\[#1566EE\]\/60, .border-r-\[#1566ee\]\/60 { border-right-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-\[#1566EE\]\/60, .ring-\[#1566ee\]\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-\[#1566EE\]\/60, .shadow-\[#1566ee\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.from-\[#1566EE\]\/60, .from-\[#1566ee\]\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#1566EE\]\/60, .to-\[#1566ee\]\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#1566EE\]\/60:focus, .focus\:border-\[#1566ee\]\/60:focus { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:ring-\[#1566EE\]\/60:focus, .focus\:ring-\[#1566ee\]\/60:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-\[#1566EE\]\/60:hover, .hover\:border-\[#1566ee\]\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-\[#1566EE\]\/60:hover, .hover\:bg-\[#1566ee\]\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-\[#1566EE\]\/60, .dark .dark\:bg-\[#1566ee\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-\[#1566EE\]\/60, .dark .dark\:border-\[#1566ee\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-\[#1566EE\]\/60, .dark .dark\:shadow-\[#1566ee\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:border-\[#1566EE\]:focus, .focus\:border-\[#1566ee\]:focus { border-color: var(--brand-primary) !important; }
.focus\:ring-\[#1566EE\]:focus, .focus\:ring-\[#1566ee\]:focus { --tw-ring-color: var(--brand-primary) !important; }
.hover\:border-\[#1566EE\]:hover, .hover\:border-\[#1566ee\]:hover { border-color: var(--brand-primary) !important; }
.hover\:text-\[#1566EE\]:hover, .hover\:text-\[#1566ee\]:hover { color: var(--brand-primary) !important; }
.hover\:bg-\[#1566EE\]:hover, .hover\:bg-\[#1566ee\]:hover { background-color: var(--brand-primary) !important; }
.active\:bg-\[#1566EE\]:active, .active\:bg-\[#1566ee\]:active { background-color: var(--brand-primary) !important; }
.group:focus-within .group-focus-within\:text-\[#1566EE\], .group:focus-within .group-focus-within\:text-\[#1566ee\] { color: var(--brand-primary) !important; }
.dark .dark\:text-\[#1566EE\], .dark .dark\:text-\[#1566ee\] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-\[#1566EE\][data-state=active], .data-\[state\=active\]\:bg-\[#1566ee\][data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-\[#1566EE\][data-state=active], .data-\[state\=active\]\:text-\[#1566ee\][data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-\[#1566EE\][data-state=active], .data-\[state\=active\]\:border-\[#1566ee\][data-state=active] { border-color: var(--brand-primary) !important; }
.bg-\[#2069E0\], .bg-\[#2069e0\] { background-color: var(--brand-primary) !important; }
.text-\[#2069E0\], .text-\[#2069e0\] { color: var(--brand-primary) !important; }
.border-\[#2069E0\], .border-\[#2069e0\] { border-color: var(--brand-primary) !important; }
.border-t-\[#2069E0\], .border-t-\[#2069e0\] { border-top-color: var(--brand-primary) !important; }
.border-b-\[#2069E0\], .border-b-\[#2069e0\] { border-bottom-color: var(--brand-primary) !important; }
.border-l-\[#2069E0\], .border-l-\[#2069e0\] { border-left-color: var(--brand-primary) !important; }
.border-r-\[#2069E0\], .border-r-\[#2069e0\] { border-right-color: var(--brand-primary) !important; }
.ring-\[#2069E0\], .ring-\[#2069e0\] { --tw-ring-color: var(--brand-primary) !important; }
.outline-\[#2069E0\], .outline-\[#2069e0\] { outline-color: var(--brand-primary) !important; }
.fill-\[#2069E0\], .fill-\[#2069e0\] { fill: var(--brand-primary) !important; }
.stroke-\[#2069E0\], .stroke-\[#2069e0\] { stroke: var(--brand-primary) !important; }
.from-\[#2069E0\], .from-\[#2069e0\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\], .to-\[#2069e0\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.via-\[#2069E0\], .via-\[#2069e0\] { --tw-gradient-via: var(--brand-primary) !important; }
.shadow-\[#2069E0\], .shadow-\[#2069e0\] { --tw-shadow-color: var(--brand-primary) !important; }
.bg-\[#2069E0\]\/5, .bg-\[#2069e0\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-\[#2069E0\]\/5, .text-\[#2069e0\]\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-\[#2069E0\]\/5, .border-\[#2069e0\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-t-\[#2069E0\]\/5, .border-t-\[#2069e0\]\/5 { border-top-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-b-\[#2069E0\]\/5, .border-b-\[#2069e0\]\/5 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-l-\[#2069E0\]\/5, .border-l-\[#2069e0\]\/5 { border-left-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-r-\[#2069E0\]\/5, .border-r-\[#2069e0\]\/5 { border-right-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-\[#2069E0\]\/5, .ring-\[#2069e0\]\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-\[#2069E0\]\/5, .shadow-\[#2069e0\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.from-\[#2069E0\]\/5, .from-\[#2069e0\]\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/5, .to-\[#2069e0\]\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/5:focus, .focus\:border-\[#2069e0\]\/5:focus { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/5:focus, .focus\:ring-\[#2069e0\]\/5:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-\[#2069E0\]\/5:hover, .hover\:border-\[#2069e0\]\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/5:hover, .hover\:bg-\[#2069e0\]\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/5, .dark .dark\:bg-\[#2069e0\]\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/5, .dark .dark\:border-\[#2069e0\]\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/5, .dark .dark\:shadow-\[#2069e0\]\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-\[#2069E0\]\/8, .bg-\[#2069e0\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.text-\[#2069E0\]\/8, .text-\[#2069e0\]\/8 { color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-\[#2069E0\]\/8, .border-\[#2069e0\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-t-\[#2069E0\]\/8, .border-t-\[#2069e0\]\/8 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-b-\[#2069E0\]\/8, .border-b-\[#2069e0\]\/8 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-l-\[#2069E0\]\/8, .border-l-\[#2069e0\]\/8 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.border-r-\[#2069E0\]\/8, .border-r-\[#2069e0\]\/8 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.ring-\[#2069E0\]\/8, .ring-\[#2069e0\]\/8 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.shadow-\[#2069E0\]\/8, .shadow-\[#2069e0\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.from-\[#2069E0\]\/8, .from-\[#2069e0\]\/8 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/8, .to-\[#2069e0\]\/8 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/8:focus, .focus\:border-\[#2069e0\]\/8:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/8:focus, .focus\:ring-\[#2069e0\]\/8:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:border-\[#2069E0\]\/8:hover, .hover\:border-\[#2069e0\]\/8:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/8:hover, .hover\:bg-\[#2069e0\]\/8:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/8, .dark .dark\:bg-\[#2069e0\]\/8 { background-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/8, .dark .dark\:border-\[#2069e0\]\/8 { border-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/8, .dark .dark\:shadow-\[#2069e0\]\/8 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, transparent) !important; }
.bg-\[#2069E0\]\/10, .bg-\[#2069e0\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-\[#2069E0\]\/10, .text-\[#2069e0\]\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-\[#2069E0\]\/10, .border-\[#2069e0\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-t-\[#2069E0\]\/10, .border-t-\[#2069e0\]\/10 { border-top-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-b-\[#2069E0\]\/10, .border-b-\[#2069e0\]\/10 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-l-\[#2069E0\]\/10, .border-l-\[#2069e0\]\/10 { border-left-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-r-\[#2069E0\]\/10, .border-r-\[#2069e0\]\/10 { border-right-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-\[#2069E0\]\/10, .ring-\[#2069e0\]\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-\[#2069E0\]\/10, .shadow-\[#2069e0\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.from-\[#2069E0\]\/10, .from-\[#2069e0\]\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/10, .to-\[#2069e0\]\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/10:focus, .focus\:border-\[#2069e0\]\/10:focus { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/10:focus, .focus\:ring-\[#2069e0\]\/10:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-\[#2069E0\]\/10:hover, .hover\:border-\[#2069e0\]\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/10:hover, .hover\:bg-\[#2069e0\]\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/10, .dark .dark\:bg-\[#2069e0\]\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/10, .dark .dark\:border-\[#2069e0\]\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/10, .dark .dark\:shadow-\[#2069e0\]\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-\[#2069E0\]\/15, .bg-\[#2069e0\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-\[#2069E0\]\/15, .text-\[#2069e0\]\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-\[#2069E0\]\/15, .border-\[#2069e0\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-t-\[#2069E0\]\/15, .border-t-\[#2069e0\]\/15 { border-top-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-b-\[#2069E0\]\/15, .border-b-\[#2069e0\]\/15 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-l-\[#2069E0\]\/15, .border-l-\[#2069e0\]\/15 { border-left-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-r-\[#2069E0\]\/15, .border-r-\[#2069e0\]\/15 { border-right-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-\[#2069E0\]\/15, .ring-\[#2069e0\]\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-\[#2069E0\]\/15, .shadow-\[#2069e0\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.from-\[#2069E0\]\/15, .from-\[#2069e0\]\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/15, .to-\[#2069e0\]\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/15:focus, .focus\:border-\[#2069e0\]\/15:focus { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/15:focus, .focus\:ring-\[#2069e0\]\/15:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-\[#2069E0\]\/15:hover, .hover\:border-\[#2069e0\]\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/15:hover, .hover\:bg-\[#2069e0\]\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/15, .dark .dark\:bg-\[#2069e0\]\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/15, .dark .dark\:border-\[#2069e0\]\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/15, .dark .dark\:shadow-\[#2069e0\]\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-\[#2069E0\]\/20, .bg-\[#2069e0\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-\[#2069E0\]\/20, .text-\[#2069e0\]\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-\[#2069E0\]\/20, .border-\[#2069e0\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-t-\[#2069E0\]\/20, .border-t-\[#2069e0\]\/20 { border-top-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-b-\[#2069E0\]\/20, .border-b-\[#2069e0\]\/20 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-l-\[#2069E0\]\/20, .border-l-\[#2069e0\]\/20 { border-left-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-r-\[#2069E0\]\/20, .border-r-\[#2069e0\]\/20 { border-right-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-\[#2069E0\]\/20, .ring-\[#2069e0\]\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-\[#2069E0\]\/20, .shadow-\[#2069e0\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.from-\[#2069E0\]\/20, .from-\[#2069e0\]\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/20, .to-\[#2069e0\]\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/20:focus, .focus\:border-\[#2069e0\]\/20:focus { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/20:focus, .focus\:ring-\[#2069e0\]\/20:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-\[#2069E0\]\/20:hover, .hover\:border-\[#2069e0\]\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/20:hover, .hover\:bg-\[#2069e0\]\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/20, .dark .dark\:bg-\[#2069e0\]\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/20, .dark .dark\:border-\[#2069e0\]\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/20, .dark .dark\:shadow-\[#2069e0\]\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-\[#2069E0\]\/25, .bg-\[#2069e0\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-\[#2069E0\]\/25, .text-\[#2069e0\]\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-\[#2069E0\]\/25, .border-\[#2069e0\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-t-\[#2069E0\]\/25, .border-t-\[#2069e0\]\/25 { border-top-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-b-\[#2069E0\]\/25, .border-b-\[#2069e0\]\/25 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-l-\[#2069E0\]\/25, .border-l-\[#2069e0\]\/25 { border-left-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-r-\[#2069E0\]\/25, .border-r-\[#2069e0\]\/25 { border-right-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-\[#2069E0\]\/25, .ring-\[#2069e0\]\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-\[#2069E0\]\/25, .shadow-\[#2069e0\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.from-\[#2069E0\]\/25, .from-\[#2069e0\]\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/25, .to-\[#2069e0\]\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/25:focus, .focus\:border-\[#2069e0\]\/25:focus { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/25:focus, .focus\:ring-\[#2069e0\]\/25:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-\[#2069E0\]\/25:hover, .hover\:border-\[#2069e0\]\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/25:hover, .hover\:bg-\[#2069e0\]\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/25, .dark .dark\:bg-\[#2069e0\]\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/25, .dark .dark\:border-\[#2069e0\]\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/25, .dark .dark\:shadow-\[#2069e0\]\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-\[#2069E0\]\/30, .bg-\[#2069e0\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-\[#2069E0\]\/30, .text-\[#2069e0\]\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-\[#2069E0\]\/30, .border-\[#2069e0\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-t-\[#2069E0\]\/30, .border-t-\[#2069e0\]\/30 { border-top-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-b-\[#2069E0\]\/30, .border-b-\[#2069e0\]\/30 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-l-\[#2069E0\]\/30, .border-l-\[#2069e0\]\/30 { border-left-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-r-\[#2069E0\]\/30, .border-r-\[#2069e0\]\/30 { border-right-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-\[#2069E0\]\/30, .ring-\[#2069e0\]\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-\[#2069E0\]\/30, .shadow-\[#2069e0\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-\[#2069E0\]\/30, .from-\[#2069e0\]\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/30, .to-\[#2069e0\]\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/30:focus, .focus\:border-\[#2069e0\]\/30:focus { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/30:focus, .focus\:ring-\[#2069e0\]\/30:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-\[#2069E0\]\/30:hover, .hover\:border-\[#2069e0\]\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/30:hover, .hover\:bg-\[#2069e0\]\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/30, .dark .dark\:bg-\[#2069e0\]\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/30, .dark .dark\:border-\[#2069e0\]\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/30, .dark .dark\:shadow-\[#2069e0\]\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-\[#2069E0\]\/40, .bg-\[#2069e0\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-\[#2069E0\]\/40, .text-\[#2069e0\]\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-\[#2069E0\]\/40, .border-\[#2069e0\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-t-\[#2069E0\]\/40, .border-t-\[#2069e0\]\/40 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-b-\[#2069E0\]\/40, .border-b-\[#2069e0\]\/40 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-l-\[#2069E0\]\/40, .border-l-\[#2069e0\]\/40 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-r-\[#2069E0\]\/40, .border-r-\[#2069e0\]\/40 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-\[#2069E0\]\/40, .ring-\[#2069e0\]\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-\[#2069E0\]\/40, .shadow-\[#2069e0\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.from-\[#2069E0\]\/40, .from-\[#2069e0\]\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/40, .to-\[#2069e0\]\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/40:focus, .focus\:border-\[#2069e0\]\/40:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/40:focus, .focus\:ring-\[#2069e0\]\/40:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-\[#2069E0\]\/40:hover, .hover\:border-\[#2069e0\]\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/40:hover, .hover\:bg-\[#2069e0\]\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/40, .dark .dark\:bg-\[#2069e0\]\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/40, .dark .dark\:border-\[#2069e0\]\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/40, .dark .dark\:shadow-\[#2069e0\]\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-\[#2069E0\]\/50, .bg-\[#2069e0\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-\[#2069E0\]\/50, .text-\[#2069e0\]\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-\[#2069E0\]\/50, .border-\[#2069e0\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-t-\[#2069E0\]\/50, .border-t-\[#2069e0\]\/50 { border-top-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-b-\[#2069E0\]\/50, .border-b-\[#2069e0\]\/50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-l-\[#2069E0\]\/50, .border-l-\[#2069e0\]\/50 { border-left-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-r-\[#2069E0\]\/50, .border-r-\[#2069e0\]\/50 { border-right-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-\[#2069E0\]\/50, .ring-\[#2069e0\]\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-\[#2069E0\]\/50, .shadow-\[#2069e0\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.from-\[#2069E0\]\/50, .from-\[#2069e0\]\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/50, .to-\[#2069e0\]\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/50:focus, .focus\:border-\[#2069e0\]\/50:focus { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/50:focus, .focus\:ring-\[#2069e0\]\/50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-\[#2069E0\]\/50:hover, .hover\:border-\[#2069e0\]\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/50:hover, .hover\:bg-\[#2069e0\]\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/50, .dark .dark\:bg-\[#2069e0\]\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/50, .dark .dark\:border-\[#2069e0\]\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/50, .dark .dark\:shadow-\[#2069e0\]\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-\[#2069E0\]\/60, .bg-\[#2069e0\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-\[#2069E0\]\/60, .text-\[#2069e0\]\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-\[#2069E0\]\/60, .border-\[#2069e0\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-t-\[#2069E0\]\/60, .border-t-\[#2069e0\]\/60 { border-top-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-b-\[#2069E0\]\/60, .border-b-\[#2069e0\]\/60 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-l-\[#2069E0\]\/60, .border-l-\[#2069e0\]\/60 { border-left-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-r-\[#2069E0\]\/60, .border-r-\[#2069e0\]\/60 { border-right-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-\[#2069E0\]\/60, .ring-\[#2069e0\]\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-\[#2069E0\]\/60, .shadow-\[#2069e0\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.from-\[#2069E0\]\/60, .from-\[#2069e0\]\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2069E0\]\/60, .to-\[#2069e0\]\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.focus\:border-\[#2069E0\]\/60:focus, .focus\:border-\[#2069e0\]\/60:focus { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:ring-\[#2069E0\]\/60:focus, .focus\:ring-\[#2069e0\]\/60:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-\[#2069E0\]\/60:hover, .hover\:border-\[#2069e0\]\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-\[#2069E0\]\/60:hover, .hover\:bg-\[#2069e0\]\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-\[#2069E0\]\/60, .dark .dark\:bg-\[#2069e0\]\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-\[#2069E0\]\/60, .dark .dark\:border-\[#2069e0\]\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-\[#2069E0\]\/60, .dark .dark\:shadow-\[#2069e0\]\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.focus\:border-\[#2069E0\]:focus, .focus\:border-\[#2069e0\]:focus { border-color: var(--brand-primary) !important; }
.focus\:ring-\[#2069E0\]:focus, .focus\:ring-\[#2069e0\]:focus { --tw-ring-color: var(--brand-primary) !important; }
.hover\:border-\[#2069E0\]:hover, .hover\:border-\[#2069e0\]:hover { border-color: var(--brand-primary) !important; }
.hover\:text-\[#2069E0\]:hover, .hover\:text-\[#2069e0\]:hover { color: var(--brand-primary) !important; }
.hover\:bg-\[#2069E0\]:hover, .hover\:bg-\[#2069e0\]:hover { background-color: var(--brand-primary) !important; }
.active\:bg-\[#2069E0\]:active, .active\:bg-\[#2069e0\]:active { background-color: var(--brand-primary) !important; }
.group:focus-within .group-focus-within\:text-\[#2069E0\], .group:focus-within .group-focus-within\:text-\[#2069e0\] { color: var(--brand-primary) !important; }
.dark .dark\:text-\[#2069E0\], .dark .dark\:text-\[#2069e0\] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-\[#2069E0\][data-state=active], .data-\[state\=active\]\:bg-\[#2069e0\][data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-\[#2069E0\][data-state=active], .data-\[state\=active\]\:text-\[#2069e0\][data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-\[#2069E0\][data-state=active], .data-\[state\=active\]\:border-\[#2069e0\][data-state=active] { border-color: var(--brand-primary) !important; }
.shadow-blue-500\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-blue-500\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-blue-500\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-blue-500\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.from-blue-400, .from-\[#60a5fa\], .from-\[#60A5FA\] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 62%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-blue-400, .to-\[#60a5fa\], .to-\[#60A5FA\] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 55%, white) var(--tw-gradient-to-position) !important; }
.hover\:text-\[#1f56e5\]:hover, .hover\:text-\[#1F56E5\]:hover { color: var(--brand-primary-dark) !important; }
.from-\[#2a80b3\], .from-\[#2A80B3\] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#034c85\], .to-\[#1a6be0\] { --tw-gradient-to: var(--brand-primary-dark) var(--tw-gradient-to-position) !important; }
.from-\[#034c85\] { --tw-gradient-from: var(--brand-primary-dark) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-\[#2a80b3\], .to-\[#2A80B3\] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.text-\[#2a80b3\], .text-\[#2A80B3\] { color: var(--brand-primary) !important; }
.hover\:from-\[#034c85\]:hover { --tw-gradient-from: var(--brand-primary-dark) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:to-\[#2a80b3\]:hover, .hover\:to-\[#2A80B3\]:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.hover\:from-\[#1e74a5\]:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; }
.hover\:to-\[#034c85\]:hover { --tw-gradient-to: var(--brand-primary-dark) var(--tw-gradient-to-position) !important; }
.shadow-\[0_0_30px_rgba\(38\,99\,255\,0\.1\)\] { box-shadow: 0 0 30px color-mix(in srgb, var(--brand-primary) 16%, transparent) !important; }
.shadow-\[0_0_20px_rgba\(38\,125\,255\,0\.08\)\] { box-shadow: 0 0 20px color-mix(in srgb, var(--brand-primary) 12%, transparent) !important; }
.shadow-\[0_0_20px_rgba\(38\,125\,255\,0\.1\)\] { box-shadow: 0 0 20px color-mix(in srgb, var(--brand-primary) 14%, transparent) !important; }
.shadow-\[0_0_15px_rgba\(38\,125\,255\,0\.12\)\] { box-shadow: 0 0 15px color-mix(in srgb, var(--brand-primary) 16%, transparent) !important; }
.shadow-\[0_0_10px_rgba\(38\,125\,255\,0\.1\)\] { box-shadow: 0 0 10px color-mix(in srgb, var(--brand-primary) 14%, transparent) !important; }
.shadow-\[0_0_10px_rgba\(38\,125\,255\,0\.7\)\] { box-shadow: 0 0 10px color-mix(in srgb, var(--brand-primary) 55%, transparent) !important; }
.shadow-\[0_0_25px_rgba\(38\,125\,255\,0\.35\)\] { box-shadow: 0 0 25px color-mix(in srgb, var(--brand-primary) 32%, transparent) !important; }
.dark .dark\:shadow-\[0_0_20px_rgba\(38\,125\,255\,0\.08\)\] { box-shadow: 0 0 20px color-mix(in srgb, var(--brand-primary) 12%, transparent) !important; }
.dark .dark\:shadow-\[0_0_20px_rgba\(38\,125\,255\,0\.1\)\] { box-shadow: 0 0 20px color-mix(in srgb, var(--brand-primary) 14%, transparent) !important; }
.bg-blue-50 { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.bg-blue-100 { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.bg-blue-200 { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.bg-blue-300 { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.bg-blue-400 { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.bg-blue-500 { background-color: var(--brand-primary) !important; }
.bg-blue-600 { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.bg-blue-700 { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.bg-blue-800 { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.bg-blue-900 { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.text-blue-50 { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.text-blue-100 { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.text-blue-200 { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.text-blue-300 { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.text-blue-400 { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.text-blue-500 { color: var(--brand-primary) !important; }
.text-blue-600 { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.text-blue-700 { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.text-blue-800 { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.text-blue-900 { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.border-blue-50 { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.border-blue-100 { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.border-blue-200 { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.border-blue-300 { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.border-blue-400 { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.border-blue-500 { border-color: var(--brand-primary) !important; }
.border-blue-600 { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.border-blue-700 { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.border-blue-800 { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.border-blue-900 { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.border-t-blue-50 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.border-t-blue-100 { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.border-t-blue-200 { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.border-t-blue-300 { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.border-t-blue-400 { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.border-t-blue-500 { border-top-color: var(--brand-primary) !important; }
.border-t-blue-600 { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.border-t-blue-700 { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.border-t-blue-800 { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.border-t-blue-900 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.border-b-blue-50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.border-b-blue-100 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.border-b-blue-200 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.border-b-blue-300 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.border-b-blue-400 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.border-b-blue-500 { border-bottom-color: var(--brand-primary) !important; }
.border-b-blue-600 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.border-b-blue-700 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.border-b-blue-800 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.border-b-blue-900 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.border-l-blue-50 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.border-l-blue-100 { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.border-l-blue-200 { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.border-l-blue-300 { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.border-l-blue-400 { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.border-l-blue-500 { border-left-color: var(--brand-primary) !important; }
.border-l-blue-600 { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.border-l-blue-700 { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.border-l-blue-800 { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.border-l-blue-900 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.border-r-blue-50 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.border-r-blue-100 { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.border-r-blue-200 { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.border-r-blue-300 { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.border-r-blue-400 { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.border-r-blue-500 { border-right-color: var(--brand-primary) !important; }
.border-r-blue-600 { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.border-r-blue-700 { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.border-r-blue-800 { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.border-r-blue-900 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.ring-blue-50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.ring-blue-100 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.ring-blue-200 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.ring-blue-300 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.ring-blue-400 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.ring-blue-500 { --tw-ring-color: var(--brand-primary) !important; }
.ring-blue-600 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.ring-blue-700 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.ring-blue-800 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.ring-blue-900 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.outline-blue-50 { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.outline-blue-100 { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.outline-blue-200 { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.outline-blue-300 { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.outline-blue-400 { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.outline-blue-500 { outline-color: var(--brand-primary) !important; }
.outline-blue-600 { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.outline-blue-700 { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.outline-blue-800 { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.outline-blue-900 { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.fill-blue-50 { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.fill-blue-100 { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.fill-blue-200 { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.fill-blue-300 { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.fill-blue-400 { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.fill-blue-500 { fill: var(--brand-primary) !important; }
.fill-blue-600 { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.fill-blue-700 { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.fill-blue-800 { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.fill-blue-900 { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.stroke-blue-50 { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.stroke-blue-100 { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.stroke-blue-200 { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.stroke-blue-300 { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.stroke-blue-400 { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.stroke-blue-500 { stroke: var(--brand-primary) !important; }
.stroke-blue-600 { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.stroke-blue-700 { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.stroke-blue-800 { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.stroke-blue-900 { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.shadow-blue-50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.shadow-blue-100 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.shadow-blue-200 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.shadow-blue-300 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.shadow-blue-400 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.shadow-blue-500 { --tw-shadow-color: var(--brand-primary) !important; }
.shadow-blue-600 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.shadow-blue-700 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.shadow-blue-800 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.shadow-blue-900 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.from-blue-50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-blue-50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.to-blue-100 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.to-blue-200 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.to-blue-300 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.to-blue-400 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.to-blue-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.to-blue-600 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.to-blue-700 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.to-blue-800 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.to-blue-900 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.hover\:bg-blue-50:hover { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:bg-blue-100:hover { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:bg-blue-200:hover { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:bg-blue-300:hover { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:bg-blue-400:hover { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:bg-blue-500:hover { background-color: var(--brand-primary) !important; }
.hover\:bg-blue-600:hover { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:bg-blue-700:hover { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:bg-blue-800:hover { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:bg-blue-900:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:text-blue-50:hover { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:text-blue-100:hover { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:text-blue-200:hover { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:text-blue-300:hover { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:text-blue-400:hover { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:text-blue-500:hover { color: var(--brand-primary) !important; }
.hover\:text-blue-600:hover { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:text-blue-700:hover { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:text-blue-800:hover { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:text-blue-900:hover { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:border-blue-50:hover { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:border-blue-100:hover { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:border-blue-200:hover { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:border-blue-300:hover { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:border-blue-400:hover { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:border-blue-500:hover { border-color: var(--brand-primary) !important; }
.hover\:border-blue-600:hover { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:border-blue-700:hover { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:border-blue-800:hover { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:border-blue-900:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:border-t-blue-50:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:border-t-blue-100:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:border-t-blue-200:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:border-t-blue-300:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:border-t-blue-400:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:border-t-blue-500:hover { border-top-color: var(--brand-primary) !important; }
.hover\:border-t-blue-600:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:border-t-blue-700:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:border-t-blue-800:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:border-t-blue-900:hover { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:border-b-blue-50:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:border-b-blue-100:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:border-b-blue-200:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:border-b-blue-300:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:border-b-blue-400:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:border-b-blue-500:hover { border-bottom-color: var(--brand-primary) !important; }
.hover\:border-b-blue-600:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:border-b-blue-700:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:border-b-blue-800:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:border-b-blue-900:hover { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:border-l-blue-50:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:border-l-blue-100:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:border-l-blue-200:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:border-l-blue-300:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:border-l-blue-400:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:border-l-blue-500:hover { border-left-color: var(--brand-primary) !important; }
.hover\:border-l-blue-600:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:border-l-blue-700:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:border-l-blue-800:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:border-l-blue-900:hover { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:border-r-blue-50:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:border-r-blue-100:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:border-r-blue-200:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:border-r-blue-300:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:border-r-blue-400:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:border-r-blue-500:hover { border-right-color: var(--brand-primary) !important; }
.hover\:border-r-blue-600:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:border-r-blue-700:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:border-r-blue-800:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:border-r-blue-900:hover { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:ring-blue-50:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:ring-blue-100:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:ring-blue-200:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:ring-blue-300:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:ring-blue-400:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:ring-blue-500:hover { --tw-ring-color: var(--brand-primary) !important; }
.hover\:ring-blue-600:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:ring-blue-700:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:ring-blue-800:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:ring-blue-900:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:outline-blue-50:hover { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:outline-blue-100:hover { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:outline-blue-200:hover { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:outline-blue-300:hover { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:outline-blue-400:hover { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:outline-blue-500:hover { outline-color: var(--brand-primary) !important; }
.hover\:outline-blue-600:hover { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:outline-blue-700:hover { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:outline-blue-800:hover { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:outline-blue-900:hover { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:fill-blue-50:hover { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:fill-blue-100:hover { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:fill-blue-200:hover { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:fill-blue-300:hover { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:fill-blue-400:hover { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:fill-blue-500:hover { fill: var(--brand-primary) !important; }
.hover\:fill-blue-600:hover { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:fill-blue-700:hover { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:fill-blue-800:hover { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:fill-blue-900:hover { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:stroke-blue-50:hover { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:stroke-blue-100:hover { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:stroke-blue-200:hover { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:stroke-blue-300:hover { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:stroke-blue-400:hover { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:stroke-blue-500:hover { stroke: var(--brand-primary) !important; }
.hover\:stroke-blue-600:hover { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:stroke-blue-700:hover { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:stroke-blue-800:hover { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:stroke-blue-900:hover { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:shadow-blue-50:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.hover\:shadow-blue-100:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.hover\:shadow-blue-200:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.hover\:shadow-blue-300:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.hover\:shadow-blue-400:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.hover\:shadow-blue-500:hover { --tw-shadow-color: var(--brand-primary) !important; }
.hover\:shadow-blue-600:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.hover\:shadow-blue-700:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.hover\:shadow-blue-800:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.hover\:shadow-blue-900:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.hover\:from-blue-50:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:to-blue-50:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.focus\:bg-blue-50:focus { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:bg-blue-100:focus { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:bg-blue-200:focus { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:bg-blue-300:focus { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:bg-blue-400:focus { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:bg-blue-500:focus { background-color: var(--brand-primary) !important; }
.focus\:bg-blue-600:focus { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:bg-blue-700:focus { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:bg-blue-800:focus { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:bg-blue-900:focus { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:text-blue-50:focus { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:text-blue-100:focus { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:text-blue-200:focus { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:text-blue-300:focus { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:text-blue-400:focus { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:text-blue-500:focus { color: var(--brand-primary) !important; }
.focus\:text-blue-600:focus { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:text-blue-700:focus { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:text-blue-800:focus { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:text-blue-900:focus { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:border-blue-50:focus { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:border-blue-100:focus { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:border-blue-200:focus { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:border-blue-300:focus { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:border-blue-400:focus { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:border-blue-500:focus { border-color: var(--brand-primary) !important; }
.focus\:border-blue-600:focus { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:border-blue-700:focus { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:border-blue-800:focus { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:border-blue-900:focus { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:border-t-blue-50:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:border-t-blue-100:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:border-t-blue-200:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:border-t-blue-300:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:border-t-blue-400:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:border-t-blue-500:focus { border-top-color: var(--brand-primary) !important; }
.focus\:border-t-blue-600:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:border-t-blue-700:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:border-t-blue-800:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:border-t-blue-900:focus { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:border-b-blue-50:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:border-b-blue-100:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:border-b-blue-200:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:border-b-blue-300:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:border-b-blue-400:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:border-b-blue-500:focus { border-bottom-color: var(--brand-primary) !important; }
.focus\:border-b-blue-600:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:border-b-blue-700:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:border-b-blue-800:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:border-b-blue-900:focus { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:border-l-blue-50:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:border-l-blue-100:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:border-l-blue-200:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:border-l-blue-300:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:border-l-blue-400:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:border-l-blue-500:focus { border-left-color: var(--brand-primary) !important; }
.focus\:border-l-blue-600:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:border-l-blue-700:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:border-l-blue-800:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:border-l-blue-900:focus { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:border-r-blue-50:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:border-r-blue-100:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:border-r-blue-200:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:border-r-blue-300:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:border-r-blue-400:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:border-r-blue-500:focus { border-right-color: var(--brand-primary) !important; }
.focus\:border-r-blue-600:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:border-r-blue-700:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:border-r-blue-800:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:border-r-blue-900:focus { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:ring-blue-50:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:ring-blue-100:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:ring-blue-200:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:ring-blue-300:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:ring-blue-400:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: var(--brand-primary) !important; }
.focus\:ring-blue-600:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:ring-blue-700:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:ring-blue-800:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:ring-blue-900:focus { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:outline-blue-50:focus { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:outline-blue-100:focus { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:outline-blue-200:focus { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:outline-blue-300:focus { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:outline-blue-400:focus { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:outline-blue-500:focus { outline-color: var(--brand-primary) !important; }
.focus\:outline-blue-600:focus { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:outline-blue-700:focus { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:outline-blue-800:focus { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:outline-blue-900:focus { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:fill-blue-50:focus { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:fill-blue-100:focus { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:fill-blue-200:focus { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:fill-blue-300:focus { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:fill-blue-400:focus { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:fill-blue-500:focus { fill: var(--brand-primary) !important; }
.focus\:fill-blue-600:focus { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:fill-blue-700:focus { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:fill-blue-800:focus { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:fill-blue-900:focus { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:stroke-blue-50:focus { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:stroke-blue-100:focus { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:stroke-blue-200:focus { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:stroke-blue-300:focus { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:stroke-blue-400:focus { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:stroke-blue-500:focus { stroke: var(--brand-primary) !important; }
.focus\:stroke-blue-600:focus { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:stroke-blue-700:focus { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:stroke-blue-800:focus { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:stroke-blue-900:focus { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:shadow-blue-50:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.focus\:shadow-blue-100:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.focus\:shadow-blue-200:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.focus\:shadow-blue-300:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.focus\:shadow-blue-400:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.focus\:shadow-blue-500:focus { --tw-shadow-color: var(--brand-primary) !important; }
.focus\:shadow-blue-600:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.focus\:shadow-blue-700:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.focus\:shadow-blue-800:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.focus\:shadow-blue-900:focus { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.focus\:from-blue-50:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-100:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-200:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-300:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-400:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-500:focus { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-600:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-700:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-800:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:from-blue-900:focus { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.focus\:to-blue-50:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-100:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-200:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-300:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-400:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-500:focus { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-600:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-700:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-800:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.focus\:to-blue-900:focus { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.active\:bg-blue-50:active { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:bg-blue-100:active { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:bg-blue-200:active { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:bg-blue-300:active { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:bg-blue-400:active { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:bg-blue-500:active { background-color: var(--brand-primary) !important; }
.active\:bg-blue-600:active { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:bg-blue-700:active { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:bg-blue-800:active { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:bg-blue-900:active { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:text-blue-50:active { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:text-blue-100:active { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:text-blue-200:active { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:text-blue-300:active { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:text-blue-400:active { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:text-blue-500:active { color: var(--brand-primary) !important; }
.active\:text-blue-600:active { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:text-blue-700:active { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:text-blue-800:active { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:text-blue-900:active { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:border-blue-50:active { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:border-blue-100:active { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:border-blue-200:active { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:border-blue-300:active { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:border-blue-400:active { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:border-blue-500:active { border-color: var(--brand-primary) !important; }
.active\:border-blue-600:active { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:border-blue-700:active { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:border-blue-800:active { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:border-blue-900:active { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:border-t-blue-50:active { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:border-t-blue-100:active { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:border-t-blue-200:active { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:border-t-blue-300:active { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:border-t-blue-400:active { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:border-t-blue-500:active { border-top-color: var(--brand-primary) !important; }
.active\:border-t-blue-600:active { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:border-t-blue-700:active { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:border-t-blue-800:active { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:border-t-blue-900:active { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:border-b-blue-50:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:border-b-blue-100:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:border-b-blue-200:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:border-b-blue-300:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:border-b-blue-400:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:border-b-blue-500:active { border-bottom-color: var(--brand-primary) !important; }
.active\:border-b-blue-600:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:border-b-blue-700:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:border-b-blue-800:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:border-b-blue-900:active { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:border-l-blue-50:active { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:border-l-blue-100:active { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:border-l-blue-200:active { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:border-l-blue-300:active { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:border-l-blue-400:active { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:border-l-blue-500:active { border-left-color: var(--brand-primary) !important; }
.active\:border-l-blue-600:active { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:border-l-blue-700:active { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:border-l-blue-800:active { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:border-l-blue-900:active { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:border-r-blue-50:active { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:border-r-blue-100:active { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:border-r-blue-200:active { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:border-r-blue-300:active { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:border-r-blue-400:active { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:border-r-blue-500:active { border-right-color: var(--brand-primary) !important; }
.active\:border-r-blue-600:active { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:border-r-blue-700:active { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:border-r-blue-800:active { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:border-r-blue-900:active { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:ring-blue-50:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:ring-blue-100:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:ring-blue-200:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:ring-blue-300:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:ring-blue-400:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:ring-blue-500:active { --tw-ring-color: var(--brand-primary) !important; }
.active\:ring-blue-600:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:ring-blue-700:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:ring-blue-800:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:ring-blue-900:active { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:outline-blue-50:active { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:outline-blue-100:active { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:outline-blue-200:active { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:outline-blue-300:active { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:outline-blue-400:active { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:outline-blue-500:active { outline-color: var(--brand-primary) !important; }
.active\:outline-blue-600:active { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:outline-blue-700:active { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:outline-blue-800:active { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:outline-blue-900:active { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:fill-blue-50:active { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:fill-blue-100:active { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:fill-blue-200:active { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:fill-blue-300:active { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:fill-blue-400:active { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:fill-blue-500:active { fill: var(--brand-primary) !important; }
.active\:fill-blue-600:active { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:fill-blue-700:active { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:fill-blue-800:active { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:fill-blue-900:active { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:stroke-blue-50:active { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:stroke-blue-100:active { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:stroke-blue-200:active { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:stroke-blue-300:active { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:stroke-blue-400:active { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:stroke-blue-500:active { stroke: var(--brand-primary) !important; }
.active\:stroke-blue-600:active { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:stroke-blue-700:active { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:stroke-blue-800:active { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:stroke-blue-900:active { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:shadow-blue-50:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.active\:shadow-blue-100:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.active\:shadow-blue-200:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.active\:shadow-blue-300:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.active\:shadow-blue-400:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.active\:shadow-blue-500:active { --tw-shadow-color: var(--brand-primary) !important; }
.active\:shadow-blue-600:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.active\:shadow-blue-700:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.active\:shadow-blue-800:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.active\:shadow-blue-900:active { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.active\:from-blue-50:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-100:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-200:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-300:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-400:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-500:active { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-600:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-700:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-800:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:from-blue-900:active { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.active\:to-blue-50:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.active\:to-blue-100:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.active\:to-blue-200:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.active\:to-blue-300:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.active\:to-blue-400:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.active\:to-blue-500:active { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.active\:to-blue-600:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.active\:to-blue-700:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.active\:to-blue-800:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.active\:to-blue-900:active { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.dark .dark\:bg-blue-50 { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:bg-blue-100 { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:bg-blue-200 { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:bg-blue-300 { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:bg-blue-400 { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:bg-blue-500 { background-color: var(--brand-primary) !important; }
.dark .dark\:bg-blue-600 { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:bg-blue-700 { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:bg-blue-800 { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:bg-blue-900 { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:text-blue-50 { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:text-blue-100 { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:text-blue-200 { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:text-blue-300 { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:text-blue-400 { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:text-blue-500 { color: var(--brand-primary) !important; }
.dark .dark\:text-blue-600 { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:text-blue-700 { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:text-blue-800 { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:text-blue-900 { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:border-blue-50 { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:border-blue-100 { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:border-blue-200 { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:border-blue-300 { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:border-blue-400 { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:border-blue-500 { border-color: var(--brand-primary) !important; }
.dark .dark\:border-blue-600 { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:border-blue-700 { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:border-blue-800 { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:border-blue-900 { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:border-t-blue-50 { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:border-t-blue-100 { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:border-t-blue-200 { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:border-t-blue-300 { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:border-t-blue-400 { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:border-t-blue-500 { border-top-color: var(--brand-primary) !important; }
.dark .dark\:border-t-blue-600 { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:border-t-blue-700 { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:border-t-blue-800 { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:border-t-blue-900 { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:border-b-blue-50 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:border-b-blue-100 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:border-b-blue-200 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:border-b-blue-300 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:border-b-blue-400 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:border-b-blue-500 { border-bottom-color: var(--brand-primary) !important; }
.dark .dark\:border-b-blue-600 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:border-b-blue-700 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:border-b-blue-800 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:border-b-blue-900 { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:border-l-blue-50 { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:border-l-blue-100 { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:border-l-blue-200 { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:border-l-blue-300 { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:border-l-blue-400 { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:border-l-blue-500 { border-left-color: var(--brand-primary) !important; }
.dark .dark\:border-l-blue-600 { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:border-l-blue-700 { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:border-l-blue-800 { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:border-l-blue-900 { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:border-r-blue-50 { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:border-r-blue-100 { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:border-r-blue-200 { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:border-r-blue-300 { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:border-r-blue-400 { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:border-r-blue-500 { border-right-color: var(--brand-primary) !important; }
.dark .dark\:border-r-blue-600 { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:border-r-blue-700 { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:border-r-blue-800 { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:border-r-blue-900 { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:ring-blue-50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:ring-blue-100 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:ring-blue-200 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:ring-blue-300 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:ring-blue-400 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:ring-blue-500 { --tw-ring-color: var(--brand-primary) !important; }
.dark .dark\:ring-blue-600 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:ring-blue-700 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:ring-blue-800 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:ring-blue-900 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:outline-blue-50 { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:outline-blue-100 { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:outline-blue-200 { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:outline-blue-300 { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:outline-blue-400 { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:outline-blue-500 { outline-color: var(--brand-primary) !important; }
.dark .dark\:outline-blue-600 { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:outline-blue-700 { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:outline-blue-800 { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:outline-blue-900 { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:fill-blue-50 { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:fill-blue-100 { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:fill-blue-200 { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:fill-blue-300 { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:fill-blue-400 { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:fill-blue-500 { fill: var(--brand-primary) !important; }
.dark .dark\:fill-blue-600 { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:fill-blue-700 { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:fill-blue-800 { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:fill-blue-900 { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:stroke-blue-50 { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:stroke-blue-100 { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:stroke-blue-200 { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:stroke-blue-300 { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:stroke-blue-400 { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:stroke-blue-500 { stroke: var(--brand-primary) !important; }
.dark .dark\:stroke-blue-600 { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:stroke-blue-700 { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:stroke-blue-800 { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:stroke-blue-900 { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:shadow-blue-50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.dark .dark\:shadow-blue-100 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.dark .dark\:shadow-blue-200 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.dark .dark\:shadow-blue-300 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.dark .dark\:shadow-blue-400 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.dark .dark\:shadow-blue-500 { --tw-shadow-color: var(--brand-primary) !important; }
.dark .dark\:shadow-blue-600 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.dark .dark\:shadow-blue-700 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.dark .dark\:shadow-blue-800 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.dark .dark\:shadow-blue-900 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.dark .dark\:from-blue-50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:to-blue-50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:bg-blue-50[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:bg-blue-100[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:bg-blue-200[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:bg-blue-300[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:bg-blue-400[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:bg-blue-500[data-state=active] { background-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:bg-blue-600[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:bg-blue-700[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:bg-blue-800[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:bg-blue-900[data-state=active] { background-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:text-blue-50[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:text-blue-100[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:text-blue-200[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:text-blue-300[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:text-blue-400[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:text-blue-500[data-state=active] { color: var(--brand-primary) !important; }
.data-\[state\=active\]\:text-blue-600[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:text-blue-700[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:text-blue-800[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:text-blue-900[data-state=active] { color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:border-blue-50[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:border-blue-100[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:border-blue-200[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:border-blue-300[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:border-blue-400[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:border-blue-500[data-state=active] { border-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-blue-600[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:border-blue-700[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:border-blue-800[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:border-blue-900[data-state=active] { border-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:border-t-blue-50[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:border-t-blue-100[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:border-t-blue-200[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:border-t-blue-300[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:border-t-blue-400[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:border-t-blue-500[data-state=active] { border-top-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-t-blue-600[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:border-t-blue-700[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:border-t-blue-800[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:border-t-blue-900[data-state=active] { border-top-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:border-b-blue-50[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:border-b-blue-100[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:border-b-blue-200[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:border-b-blue-300[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:border-b-blue-400[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:border-b-blue-500[data-state=active] { border-bottom-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-b-blue-600[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:border-b-blue-700[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:border-b-blue-800[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:border-b-blue-900[data-state=active] { border-bottom-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:border-l-blue-50[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:border-l-blue-100[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:border-l-blue-200[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:border-l-blue-300[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:border-l-blue-400[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:border-l-blue-500[data-state=active] { border-left-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-l-blue-600[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:border-l-blue-700[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:border-l-blue-800[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:border-l-blue-900[data-state=active] { border-left-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:border-r-blue-50[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:border-r-blue-100[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:border-r-blue-200[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:border-r-blue-300[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:border-r-blue-400[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:border-r-blue-500[data-state=active] { border-right-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:border-r-blue-600[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:border-r-blue-700[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:border-r-blue-800[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:border-r-blue-900[data-state=active] { border-right-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:ring-blue-50[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:ring-blue-100[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:ring-blue-200[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:ring-blue-300[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:ring-blue-400[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:ring-blue-500[data-state=active] { --tw-ring-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:ring-blue-600[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:ring-blue-700[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:ring-blue-800[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:ring-blue-900[data-state=active] { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:outline-blue-50[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:outline-blue-100[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:outline-blue-200[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:outline-blue-300[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:outline-blue-400[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:outline-blue-500[data-state=active] { outline-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:outline-blue-600[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:outline-blue-700[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:outline-blue-800[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:outline-blue-900[data-state=active] { outline-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:fill-blue-50[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:fill-blue-100[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:fill-blue-200[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:fill-blue-300[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:fill-blue-400[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:fill-blue-500[data-state=active] { fill: var(--brand-primary) !important; }
.data-\[state\=active\]\:fill-blue-600[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:fill-blue-700[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:fill-blue-800[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:fill-blue-900[data-state=active] { fill: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:stroke-blue-50[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:stroke-blue-100[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:stroke-blue-200[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:stroke-blue-300[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:stroke-blue-400[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:stroke-blue-500[data-state=active] { stroke: var(--brand-primary) !important; }
.data-\[state\=active\]\:stroke-blue-600[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:stroke-blue-700[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:stroke-blue-800[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:stroke-blue-900[data-state=active] { stroke: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:shadow-blue-50[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important; }
.data-\[state\=active\]\:shadow-blue-100[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 16%, white) !important; }
.data-\[state\=active\]\:shadow-blue-200[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 32%, white) !important; }
.data-\[state\=active\]\:shadow-blue-300[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 48%, white) !important; }
.data-\[state\=active\]\:shadow-blue-400[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, white) !important; }
.data-\[state\=active\]\:shadow-blue-500[data-state=active] { --tw-shadow-color: var(--brand-primary) !important; }
.data-\[state\=active\]\:shadow-blue-600[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 88%, black) !important; }
.data-\[state\=active\]\:shadow-blue-700[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 72%, black) !important; }
.data-\[state\=active\]\:shadow-blue-800[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 56%, black) !important; }
.data-\[state\=active\]\:shadow-blue-900[data-state=active] { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, black) !important; }
.data-\[state\=active\]\:from-blue-50[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-100[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-200[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-300[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-400[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-500[data-state=active] { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-600[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-700[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-800[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:from-blue-900[data-state=active] { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.data-\[state\=active\]\:to-blue-50[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 8%, white) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-100[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 16%, white) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-200[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 32%, white) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-300[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 48%, white) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-400[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, white) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-500[data-state=active] { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-600[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 88%, black) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-700[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 72%, black) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-800[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 56%, black) var(--tw-gradient-to-position) !important; }
.data-\[state\=active\]\:to-blue-900[data-state=active] { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, black) var(--tw-gradient-to-position) !important; }
.bg-blue-50\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.bg-blue-50\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.bg-blue-50\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.bg-blue-50\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.bg-blue-50\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.bg-blue-50\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.bg-blue-50\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.bg-blue-50\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.bg-blue-50\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.bg-blue-50\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.bg-blue-50\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.bg-blue-100\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.bg-blue-100\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.bg-blue-100\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.bg-blue-100\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.bg-blue-100\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.bg-blue-100\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.bg-blue-100\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.bg-blue-100\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.bg-blue-100\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.bg-blue-100\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.bg-blue-100\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.bg-blue-200\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.bg-blue-200\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.bg-blue-200\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.bg-blue-200\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.bg-blue-200\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.bg-blue-200\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.bg-blue-200\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.bg-blue-200\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.bg-blue-200\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.bg-blue-200\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.bg-blue-200\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.bg-blue-300\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.bg-blue-300\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.bg-blue-300\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.bg-blue-300\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.bg-blue-300\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.bg-blue-300\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.bg-blue-300\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.bg-blue-300\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.bg-blue-300\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.bg-blue-300\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.bg-blue-300\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.bg-blue-400\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.bg-blue-400\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.bg-blue-400\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.bg-blue-400\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.bg-blue-400\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.bg-blue-400\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.bg-blue-400\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.bg-blue-400\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.bg-blue-400\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.bg-blue-400\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.bg-blue-400\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.bg-blue-500\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.bg-blue-500\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.bg-blue-500\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.bg-blue-500\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.bg-blue-500\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.bg-blue-500\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.bg-blue-500\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.bg-blue-500\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.bg-blue-500\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.bg-blue-500\/70 { background-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.bg-blue-500\/80 { background-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.bg-blue-600\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.bg-blue-600\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.bg-blue-600\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.bg-blue-600\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.bg-blue-600\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.bg-blue-600\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.bg-blue-600\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.bg-blue-600\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.bg-blue-600\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.bg-blue-600\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.bg-blue-600\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.bg-blue-700\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.bg-blue-700\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.bg-blue-700\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.bg-blue-700\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.bg-blue-700\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.bg-blue-700\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.bg-blue-700\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.bg-blue-700\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.bg-blue-700\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.bg-blue-700\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.bg-blue-700\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.bg-blue-800\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.bg-blue-800\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.bg-blue-800\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.bg-blue-800\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.bg-blue-800\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.bg-blue-800\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.bg-blue-800\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.bg-blue-800\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.bg-blue-800\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.bg-blue-800\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.bg-blue-800\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.bg-blue-900\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.bg-blue-900\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.bg-blue-900\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.bg-blue-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.bg-blue-900\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.bg-blue-900\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.bg-blue-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.bg-blue-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.bg-blue-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.bg-blue-900\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.bg-blue-900\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.text-blue-50\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.text-blue-50\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.text-blue-50\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.text-blue-50\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.text-blue-50\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.text-blue-50\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.text-blue-50\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.text-blue-50\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.text-blue-50\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.text-blue-50\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.text-blue-50\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.text-blue-100\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.text-blue-100\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.text-blue-100\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.text-blue-100\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.text-blue-100\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.text-blue-100\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.text-blue-100\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.text-blue-100\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.text-blue-100\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.text-blue-100\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.text-blue-100\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.text-blue-200\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.text-blue-200\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.text-blue-200\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.text-blue-200\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.text-blue-200\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.text-blue-200\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.text-blue-200\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.text-blue-200\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.text-blue-200\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.text-blue-200\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.text-blue-200\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.text-blue-300\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.text-blue-300\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.text-blue-300\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.text-blue-300\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.text-blue-300\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.text-blue-300\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.text-blue-300\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.text-blue-300\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.text-blue-300\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.text-blue-300\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.text-blue-300\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.text-blue-400\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.text-blue-400\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.text-blue-400\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.text-blue-400\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.text-blue-400\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.text-blue-400\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.text-blue-400\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.text-blue-400\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.text-blue-400\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.text-blue-400\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.text-blue-400\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.text-blue-500\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.text-blue-500\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.text-blue-500\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.text-blue-500\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.text-blue-500\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.text-blue-500\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.text-blue-500\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.text-blue-500\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.text-blue-500\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.text-blue-500\/70 { color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.text-blue-500\/80 { color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.text-blue-600\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.text-blue-600\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.text-blue-600\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.text-blue-600\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.text-blue-600\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.text-blue-600\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.text-blue-600\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.text-blue-600\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.text-blue-600\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.text-blue-600\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.text-blue-600\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.text-blue-700\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.text-blue-700\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.text-blue-700\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.text-blue-700\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.text-blue-700\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.text-blue-700\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.text-blue-700\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.text-blue-700\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.text-blue-700\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.text-blue-700\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.text-blue-700\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.text-blue-800\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.text-blue-800\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.text-blue-800\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.text-blue-800\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.text-blue-800\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.text-blue-800\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.text-blue-800\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.text-blue-800\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.text-blue-800\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.text-blue-800\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.text-blue-800\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.text-blue-900\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.text-blue-900\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.text-blue-900\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.text-blue-900\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.text-blue-900\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.text-blue-900\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.text-blue-900\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.text-blue-900\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.text-blue-900\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.text-blue-900\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.text-blue-900\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.border-blue-50\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.border-blue-50\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.border-blue-50\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.border-blue-50\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.border-blue-50\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.border-blue-50\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.border-blue-50\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.border-blue-50\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.border-blue-50\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.border-blue-50\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.border-blue-50\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.border-blue-100\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.border-blue-100\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.border-blue-100\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.border-blue-100\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.border-blue-100\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.border-blue-100\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.border-blue-100\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.border-blue-100\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.border-blue-100\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.border-blue-100\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.border-blue-100\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.border-blue-200\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.border-blue-200\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.border-blue-200\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.border-blue-200\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.border-blue-200\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.border-blue-200\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.border-blue-200\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.border-blue-200\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.border-blue-200\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.border-blue-200\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.border-blue-200\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.border-blue-300\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.border-blue-300\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.border-blue-300\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.border-blue-300\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.border-blue-300\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.border-blue-300\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.border-blue-300\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.border-blue-300\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.border-blue-300\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.border-blue-300\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.border-blue-300\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.border-blue-400\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.border-blue-400\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.border-blue-400\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.border-blue-400\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.border-blue-400\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.border-blue-400\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.border-blue-400\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.border-blue-400\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.border-blue-400\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.border-blue-400\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.border-blue-400\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.border-blue-500\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.border-blue-500\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.border-blue-500\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.border-blue-500\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.border-blue-500\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.border-blue-500\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.border-blue-500\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.border-blue-500\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.border-blue-500\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.border-blue-500\/70 { border-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.border-blue-500\/80 { border-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.border-blue-600\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.border-blue-600\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.border-blue-600\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.border-blue-600\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.border-blue-600\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.border-blue-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.border-blue-600\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.border-blue-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.border-blue-600\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.border-blue-600\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.border-blue-600\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.border-blue-700\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.border-blue-700\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.border-blue-700\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.border-blue-700\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.border-blue-700\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.border-blue-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.border-blue-700\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.border-blue-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.border-blue-700\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.border-blue-700\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.border-blue-700\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.border-blue-800\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.border-blue-800\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.border-blue-800\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.border-blue-800\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.border-blue-800\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.border-blue-800\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.border-blue-800\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.border-blue-800\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.border-blue-800\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.border-blue-800\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.border-blue-800\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.border-blue-900\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.border-blue-900\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.border-blue-900\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.border-blue-900\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.border-blue-900\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.border-blue-900\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.border-blue-900\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.border-blue-900\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.border-blue-900\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.border-blue-900\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.border-blue-900\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.ring-blue-50\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.ring-blue-50\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.ring-blue-50\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.ring-blue-50\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.ring-blue-50\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.ring-blue-50\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.ring-blue-50\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.ring-blue-50\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.ring-blue-50\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.ring-blue-50\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.ring-blue-50\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.ring-blue-100\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.ring-blue-100\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.ring-blue-100\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.ring-blue-100\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.ring-blue-100\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.ring-blue-100\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.ring-blue-100\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.ring-blue-100\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.ring-blue-100\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.ring-blue-100\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.ring-blue-100\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.ring-blue-200\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.ring-blue-200\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.ring-blue-200\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.ring-blue-200\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.ring-blue-200\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.ring-blue-200\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.ring-blue-200\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.ring-blue-200\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.ring-blue-200\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.ring-blue-200\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.ring-blue-200\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.ring-blue-300\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.ring-blue-300\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.ring-blue-300\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.ring-blue-300\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.ring-blue-300\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.ring-blue-300\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.ring-blue-300\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.ring-blue-300\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.ring-blue-300\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.ring-blue-300\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.ring-blue-300\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.ring-blue-400\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.ring-blue-400\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.ring-blue-400\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.ring-blue-400\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.ring-blue-400\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.ring-blue-400\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.ring-blue-400\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.ring-blue-400\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.ring-blue-400\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.ring-blue-400\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.ring-blue-400\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.ring-blue-500\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.ring-blue-500\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.ring-blue-500\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.ring-blue-500\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.ring-blue-500\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.ring-blue-500\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.ring-blue-500\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.ring-blue-500\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.ring-blue-500\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.ring-blue-500\/70 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.ring-blue-500\/80 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.ring-blue-600\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.ring-blue-600\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.ring-blue-600\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.ring-blue-600\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.ring-blue-600\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.ring-blue-600\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.ring-blue-600\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.ring-blue-600\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.ring-blue-600\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.ring-blue-600\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.ring-blue-600\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.ring-blue-700\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.ring-blue-700\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.ring-blue-700\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.ring-blue-700\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.ring-blue-700\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.ring-blue-700\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.ring-blue-700\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.ring-blue-700\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.ring-blue-700\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.ring-blue-700\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.ring-blue-700\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.ring-blue-800\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.ring-blue-800\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.ring-blue-800\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.ring-blue-800\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.ring-blue-800\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.ring-blue-800\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.ring-blue-800\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.ring-blue-800\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.ring-blue-800\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.ring-blue-800\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.ring-blue-800\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.ring-blue-900\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.ring-blue-900\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.ring-blue-900\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.ring-blue-900\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.ring-blue-900\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.ring-blue-900\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.ring-blue-900\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.ring-blue-900\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.ring-blue-900\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.ring-blue-900\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.ring-blue-900\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.shadow-blue-50\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.shadow-blue-50\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.shadow-blue-50\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.shadow-blue-50\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.shadow-blue-50\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.shadow-blue-50\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.shadow-blue-50\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.shadow-blue-50\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.shadow-blue-50\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.shadow-blue-50\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.shadow-blue-50\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.shadow-blue-100\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.shadow-blue-100\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.shadow-blue-100\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.shadow-blue-100\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.shadow-blue-100\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.shadow-blue-100\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.shadow-blue-100\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.shadow-blue-100\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.shadow-blue-100\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.shadow-blue-100\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.shadow-blue-100\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.shadow-blue-200\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.shadow-blue-200\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.shadow-blue-200\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.shadow-blue-200\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.shadow-blue-200\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.shadow-blue-200\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.shadow-blue-200\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.shadow-blue-200\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.shadow-blue-200\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.shadow-blue-200\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.shadow-blue-200\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.shadow-blue-300\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.shadow-blue-300\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.shadow-blue-300\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.shadow-blue-300\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.shadow-blue-300\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.shadow-blue-300\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.shadow-blue-300\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.shadow-blue-300\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.shadow-blue-300\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.shadow-blue-300\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.shadow-blue-300\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.shadow-blue-400\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.shadow-blue-400\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.shadow-blue-400\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.shadow-blue-400\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.shadow-blue-400\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.shadow-blue-400\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.shadow-blue-400\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.shadow-blue-400\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.shadow-blue-400\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.shadow-blue-400\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.shadow-blue-400\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.shadow-blue-500\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.shadow-blue-500\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.shadow-blue-500\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.shadow-blue-500\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.shadow-blue-500\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.shadow-blue-500\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.shadow-blue-500\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.shadow-blue-500\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.shadow-blue-500\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.shadow-blue-500\/70 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.shadow-blue-500\/80 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.shadow-blue-600\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.shadow-blue-600\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.shadow-blue-600\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.shadow-blue-600\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.shadow-blue-600\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.shadow-blue-600\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.shadow-blue-600\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.shadow-blue-600\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.shadow-blue-600\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.shadow-blue-600\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.shadow-blue-600\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.shadow-blue-700\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.shadow-blue-700\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.shadow-blue-700\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.shadow-blue-700\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.shadow-blue-700\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.shadow-blue-700\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.shadow-blue-700\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.shadow-blue-700\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.shadow-blue-700\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.shadow-blue-700\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.shadow-blue-700\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.shadow-blue-800\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.shadow-blue-800\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.shadow-blue-800\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.shadow-blue-800\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.shadow-blue-800\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.shadow-blue-800\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.shadow-blue-800\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.shadow-blue-800\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.shadow-blue-800\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.shadow-blue-800\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.shadow-blue-800\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.shadow-blue-900\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.shadow-blue-900\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.shadow-blue-900\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.shadow-blue-900\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.shadow-blue-900\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.shadow-blue-900\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.shadow-blue-900\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.shadow-blue-900\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.shadow-blue-900\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.shadow-blue-900\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.shadow-blue-900\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.from-blue-50\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-50\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-100\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-200\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-300\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-400\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/70 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-500\/80 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-600\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-700\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-800\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-blue-900\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-blue-50\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-50\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-100\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-200\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-300\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-400\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/70 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-500\/80 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-600\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-700\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-800\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.to-blue-900\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:bg-blue-50\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.hover\:bg-blue-50\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.hover\:bg-blue-50\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.hover\:bg-blue-50\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.hover\:bg-blue-50\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.hover\:bg-blue-50\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.hover\:bg-blue-50\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.hover\:bg-blue-50\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.hover\:bg-blue-50\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.hover\:bg-blue-50\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.hover\:bg-blue-50\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.hover\:bg-blue-100\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.hover\:bg-blue-100\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.hover\:bg-blue-100\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.hover\:bg-blue-100\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.hover\:bg-blue-100\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.hover\:bg-blue-100\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.hover\:bg-blue-100\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.hover\:bg-blue-100\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.hover\:bg-blue-100\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.hover\:bg-blue-100\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.hover\:bg-blue-100\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.hover\:bg-blue-200\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.hover\:bg-blue-200\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.hover\:bg-blue-200\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.hover\:bg-blue-200\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.hover\:bg-blue-200\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.hover\:bg-blue-200\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.hover\:bg-blue-200\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.hover\:bg-blue-200\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.hover\:bg-blue-200\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.hover\:bg-blue-200\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.hover\:bg-blue-200\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.hover\:bg-blue-300\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.hover\:bg-blue-300\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.hover\:bg-blue-300\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.hover\:bg-blue-300\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.hover\:bg-blue-300\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.hover\:bg-blue-300\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.hover\:bg-blue-300\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.hover\:bg-blue-300\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.hover\:bg-blue-300\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.hover\:bg-blue-300\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.hover\:bg-blue-300\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.hover\:bg-blue-400\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.hover\:bg-blue-400\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.hover\:bg-blue-400\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.hover\:bg-blue-400\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.hover\:bg-blue-400\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.hover\:bg-blue-400\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.hover\:bg-blue-400\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.hover\:bg-blue-400\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.hover\:bg-blue-400\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.hover\:bg-blue-400\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.hover\:bg-blue-400\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.hover\:bg-blue-500\/5:hover { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:bg-blue-500\/10:hover { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:bg-blue-500\/15:hover { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:bg-blue-500\/20:hover { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:bg-blue-500\/25:hover { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:bg-blue-500\/30:hover { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:bg-blue-500\/40:hover { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:bg-blue-500\/50:hover { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:bg-blue-500\/60:hover { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:bg-blue-500\/70:hover { background-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.hover\:bg-blue-500\/80:hover { background-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.hover\:bg-blue-600\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.hover\:bg-blue-600\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.hover\:bg-blue-600\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.hover\:bg-blue-600\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.hover\:bg-blue-600\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.hover\:bg-blue-600\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.hover\:bg-blue-600\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.hover\:bg-blue-600\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.hover\:bg-blue-600\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.hover\:bg-blue-600\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.hover\:bg-blue-600\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.hover\:bg-blue-700\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.hover\:bg-blue-700\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.hover\:bg-blue-700\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.hover\:bg-blue-700\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.hover\:bg-blue-700\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.hover\:bg-blue-700\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.hover\:bg-blue-700\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.hover\:bg-blue-700\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.hover\:bg-blue-700\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.hover\:bg-blue-700\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.hover\:bg-blue-700\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.hover\:bg-blue-800\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.hover\:bg-blue-800\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.hover\:bg-blue-800\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.hover\:bg-blue-800\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.hover\:bg-blue-800\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.hover\:bg-blue-800\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.hover\:bg-blue-800\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.hover\:bg-blue-800\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.hover\:bg-blue-800\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.hover\:bg-blue-800\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.hover\:bg-blue-800\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.hover\:bg-blue-900\/5:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.hover\:bg-blue-900\/10:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.hover\:bg-blue-900\/15:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.hover\:bg-blue-900\/20:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.hover\:bg-blue-900\/25:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.hover\:bg-blue-900\/30:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.hover\:bg-blue-900\/40:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.hover\:bg-blue-900\/50:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.hover\:bg-blue-900\/60:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.hover\:bg-blue-900\/70:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.hover\:bg-blue-900\/80:hover { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.hover\:text-blue-50\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.hover\:text-blue-50\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.hover\:text-blue-50\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.hover\:text-blue-50\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.hover\:text-blue-50\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.hover\:text-blue-50\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.hover\:text-blue-50\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.hover\:text-blue-50\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.hover\:text-blue-50\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.hover\:text-blue-50\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.hover\:text-blue-50\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.hover\:text-blue-100\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.hover\:text-blue-100\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.hover\:text-blue-100\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.hover\:text-blue-100\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.hover\:text-blue-100\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.hover\:text-blue-100\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.hover\:text-blue-100\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.hover\:text-blue-100\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.hover\:text-blue-100\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.hover\:text-blue-100\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.hover\:text-blue-100\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.hover\:text-blue-200\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.hover\:text-blue-200\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.hover\:text-blue-200\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.hover\:text-blue-200\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.hover\:text-blue-200\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.hover\:text-blue-200\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.hover\:text-blue-200\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.hover\:text-blue-200\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.hover\:text-blue-200\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.hover\:text-blue-200\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.hover\:text-blue-200\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.hover\:text-blue-300\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.hover\:text-blue-300\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.hover\:text-blue-300\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.hover\:text-blue-300\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.hover\:text-blue-300\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.hover\:text-blue-300\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.hover\:text-blue-300\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.hover\:text-blue-300\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.hover\:text-blue-300\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.hover\:text-blue-300\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.hover\:text-blue-300\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.hover\:text-blue-400\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.hover\:text-blue-400\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.hover\:text-blue-400\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.hover\:text-blue-400\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.hover\:text-blue-400\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.hover\:text-blue-400\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.hover\:text-blue-400\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.hover\:text-blue-400\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.hover\:text-blue-400\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.hover\:text-blue-400\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.hover\:text-blue-400\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.hover\:text-blue-500\/5:hover { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:text-blue-500\/10:hover { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:text-blue-500\/15:hover { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:text-blue-500\/20:hover { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:text-blue-500\/25:hover { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:text-blue-500\/30:hover { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:text-blue-500\/40:hover { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:text-blue-500\/50:hover { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:text-blue-500\/60:hover { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:text-blue-500\/70:hover { color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.hover\:text-blue-500\/80:hover { color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.hover\:text-blue-600\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.hover\:text-blue-600\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.hover\:text-blue-600\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.hover\:text-blue-600\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.hover\:text-blue-600\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.hover\:text-blue-600\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.hover\:text-blue-600\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.hover\:text-blue-600\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.hover\:text-blue-600\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.hover\:text-blue-600\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.hover\:text-blue-600\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.hover\:text-blue-700\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.hover\:text-blue-700\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.hover\:text-blue-700\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.hover\:text-blue-700\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.hover\:text-blue-700\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.hover\:text-blue-700\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.hover\:text-blue-700\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.hover\:text-blue-700\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.hover\:text-blue-700\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.hover\:text-blue-700\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.hover\:text-blue-700\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.hover\:text-blue-800\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.hover\:text-blue-800\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.hover\:text-blue-800\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.hover\:text-blue-800\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.hover\:text-blue-800\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.hover\:text-blue-800\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.hover\:text-blue-800\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.hover\:text-blue-800\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.hover\:text-blue-800\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.hover\:text-blue-800\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.hover\:text-blue-800\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.hover\:text-blue-900\/5:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.hover\:text-blue-900\/10:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.hover\:text-blue-900\/15:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.hover\:text-blue-900\/20:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.hover\:text-blue-900\/25:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.hover\:text-blue-900\/30:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.hover\:text-blue-900\/40:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.hover\:text-blue-900\/50:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.hover\:text-blue-900\/60:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.hover\:text-blue-900\/70:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.hover\:text-blue-900\/80:hover { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.hover\:border-blue-50\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.hover\:border-blue-50\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.hover\:border-blue-50\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.hover\:border-blue-50\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.hover\:border-blue-50\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.hover\:border-blue-50\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.hover\:border-blue-50\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.hover\:border-blue-50\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.hover\:border-blue-50\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.hover\:border-blue-50\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.hover\:border-blue-50\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.hover\:border-blue-100\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.hover\:border-blue-100\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.hover\:border-blue-100\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.hover\:border-blue-100\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.hover\:border-blue-100\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.hover\:border-blue-100\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.hover\:border-blue-100\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.hover\:border-blue-100\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.hover\:border-blue-100\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.hover\:border-blue-100\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.hover\:border-blue-100\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.hover\:border-blue-200\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.hover\:border-blue-200\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.hover\:border-blue-200\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.hover\:border-blue-200\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.hover\:border-blue-200\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.hover\:border-blue-200\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.hover\:border-blue-200\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.hover\:border-blue-200\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.hover\:border-blue-200\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.hover\:border-blue-200\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.hover\:border-blue-200\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.hover\:border-blue-300\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.hover\:border-blue-300\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.hover\:border-blue-300\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.hover\:border-blue-300\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.hover\:border-blue-300\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.hover\:border-blue-300\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.hover\:border-blue-300\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.hover\:border-blue-300\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.hover\:border-blue-300\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.hover\:border-blue-300\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.hover\:border-blue-300\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.hover\:border-blue-400\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.hover\:border-blue-400\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.hover\:border-blue-400\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.hover\:border-blue-400\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.hover\:border-blue-400\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.hover\:border-blue-400\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.hover\:border-blue-400\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.hover\:border-blue-400\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.hover\:border-blue-400\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.hover\:border-blue-400\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.hover\:border-blue-400\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.hover\:border-blue-500\/5:hover { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:border-blue-500\/10:hover { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:border-blue-500\/15:hover { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:border-blue-500\/20:hover { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:border-blue-500\/25:hover { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:border-blue-500\/30:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:border-blue-500\/40:hover { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:border-blue-500\/50:hover { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:border-blue-500\/60:hover { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:border-blue-500\/70:hover { border-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.hover\:border-blue-500\/80:hover { border-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.hover\:border-blue-600\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.hover\:border-blue-600\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.hover\:border-blue-600\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.hover\:border-blue-600\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.hover\:border-blue-600\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.hover\:border-blue-600\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.hover\:border-blue-600\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.hover\:border-blue-600\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.hover\:border-blue-600\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.hover\:border-blue-600\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.hover\:border-blue-600\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.hover\:border-blue-700\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.hover\:border-blue-700\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.hover\:border-blue-700\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.hover\:border-blue-700\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.hover\:border-blue-700\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.hover\:border-blue-700\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.hover\:border-blue-700\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.hover\:border-blue-700\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.hover\:border-blue-700\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.hover\:border-blue-700\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.hover\:border-blue-700\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.hover\:border-blue-800\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.hover\:border-blue-800\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.hover\:border-blue-800\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.hover\:border-blue-800\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.hover\:border-blue-800\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.hover\:border-blue-800\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.hover\:border-blue-800\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.hover\:border-blue-800\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.hover\:border-blue-800\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.hover\:border-blue-800\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.hover\:border-blue-800\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.hover\:border-blue-900\/5:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.hover\:border-blue-900\/10:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.hover\:border-blue-900\/15:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.hover\:border-blue-900\/20:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.hover\:border-blue-900\/25:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.hover\:border-blue-900\/30:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.hover\:border-blue-900\/40:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.hover\:border-blue-900\/50:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.hover\:border-blue-900\/60:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.hover\:border-blue-900\/70:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.hover\:border-blue-900\/80:hover { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.hover\:ring-blue-50\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.hover\:ring-blue-50\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.hover\:ring-blue-50\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.hover\:ring-blue-50\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.hover\:ring-blue-50\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.hover\:ring-blue-50\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.hover\:ring-blue-50\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.hover\:ring-blue-50\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.hover\:ring-blue-50\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.hover\:ring-blue-50\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.hover\:ring-blue-50\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.hover\:ring-blue-100\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.hover\:ring-blue-100\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.hover\:ring-blue-100\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.hover\:ring-blue-100\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.hover\:ring-blue-100\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.hover\:ring-blue-100\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.hover\:ring-blue-100\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.hover\:ring-blue-100\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.hover\:ring-blue-100\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.hover\:ring-blue-100\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.hover\:ring-blue-100\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.hover\:ring-blue-200\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.hover\:ring-blue-200\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.hover\:ring-blue-200\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.hover\:ring-blue-200\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.hover\:ring-blue-200\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.hover\:ring-blue-200\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.hover\:ring-blue-200\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.hover\:ring-blue-200\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.hover\:ring-blue-200\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.hover\:ring-blue-200\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.hover\:ring-blue-200\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.hover\:ring-blue-300\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.hover\:ring-blue-300\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.hover\:ring-blue-300\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.hover\:ring-blue-300\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.hover\:ring-blue-300\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.hover\:ring-blue-300\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.hover\:ring-blue-300\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.hover\:ring-blue-300\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.hover\:ring-blue-300\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.hover\:ring-blue-300\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.hover\:ring-blue-300\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.hover\:ring-blue-400\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.hover\:ring-blue-400\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.hover\:ring-blue-400\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.hover\:ring-blue-400\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.hover\:ring-blue-400\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.hover\:ring-blue-400\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.hover\:ring-blue-400\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.hover\:ring-blue-400\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.hover\:ring-blue-400\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.hover\:ring-blue-400\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.hover\:ring-blue-400\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.hover\:ring-blue-500\/5:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:ring-blue-500\/10:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:ring-blue-500\/15:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:ring-blue-500\/20:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:ring-blue-500\/25:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:ring-blue-500\/30:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:ring-blue-500\/40:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:ring-blue-500\/50:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:ring-blue-500\/60:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:ring-blue-500\/70:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.hover\:ring-blue-500\/80:hover { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.hover\:ring-blue-600\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.hover\:ring-blue-600\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.hover\:ring-blue-600\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.hover\:ring-blue-600\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.hover\:ring-blue-600\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.hover\:ring-blue-600\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.hover\:ring-blue-600\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.hover\:ring-blue-600\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.hover\:ring-blue-600\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.hover\:ring-blue-600\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.hover\:ring-blue-600\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.hover\:ring-blue-700\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.hover\:ring-blue-700\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.hover\:ring-blue-700\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.hover\:ring-blue-700\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.hover\:ring-blue-700\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.hover\:ring-blue-700\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.hover\:ring-blue-700\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.hover\:ring-blue-700\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.hover\:ring-blue-700\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.hover\:ring-blue-700\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.hover\:ring-blue-700\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.hover\:ring-blue-800\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.hover\:ring-blue-800\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.hover\:ring-blue-800\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.hover\:ring-blue-800\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.hover\:ring-blue-800\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.hover\:ring-blue-800\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.hover\:ring-blue-800\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.hover\:ring-blue-800\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.hover\:ring-blue-800\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.hover\:ring-blue-800\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.hover\:ring-blue-800\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.hover\:ring-blue-900\/5:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.hover\:ring-blue-900\/10:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.hover\:ring-blue-900\/15:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.hover\:ring-blue-900\/20:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.hover\:ring-blue-900\/25:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.hover\:ring-blue-900\/30:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.hover\:ring-blue-900\/40:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.hover\:ring-blue-900\/50:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.hover\:ring-blue-900\/60:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.hover\:ring-blue-900\/70:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.hover\:ring-blue-900\/80:hover { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.hover\:shadow-blue-50\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.hover\:shadow-blue-50\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.hover\:shadow-blue-50\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.hover\:shadow-blue-50\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.hover\:shadow-blue-50\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.hover\:shadow-blue-50\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.hover\:shadow-blue-50\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.hover\:shadow-blue-50\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.hover\:shadow-blue-50\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.hover\:shadow-blue-50\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.hover\:shadow-blue-50\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.hover\:shadow-blue-100\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.hover\:shadow-blue-100\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.hover\:shadow-blue-100\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.hover\:shadow-blue-100\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.hover\:shadow-blue-100\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.hover\:shadow-blue-100\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.hover\:shadow-blue-100\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.hover\:shadow-blue-100\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.hover\:shadow-blue-100\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.hover\:shadow-blue-100\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.hover\:shadow-blue-100\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.hover\:shadow-blue-200\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.hover\:shadow-blue-200\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.hover\:shadow-blue-200\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.hover\:shadow-blue-200\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.hover\:shadow-blue-200\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.hover\:shadow-blue-200\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.hover\:shadow-blue-200\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.hover\:shadow-blue-200\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.hover\:shadow-blue-200\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.hover\:shadow-blue-200\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.hover\:shadow-blue-200\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.hover\:shadow-blue-300\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.hover\:shadow-blue-300\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.hover\:shadow-blue-300\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.hover\:shadow-blue-300\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.hover\:shadow-blue-300\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.hover\:shadow-blue-300\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.hover\:shadow-blue-300\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.hover\:shadow-blue-300\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.hover\:shadow-blue-300\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.hover\:shadow-blue-300\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.hover\:shadow-blue-300\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.hover\:shadow-blue-400\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.hover\:shadow-blue-400\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.hover\:shadow-blue-400\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.hover\:shadow-blue-400\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.hover\:shadow-blue-400\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.hover\:shadow-blue-400\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.hover\:shadow-blue-400\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.hover\:shadow-blue-400\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.hover\:shadow-blue-400\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.hover\:shadow-blue-400\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.hover\:shadow-blue-400\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.hover\:shadow-blue-500\/5:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.hover\:shadow-blue-500\/10:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.hover\:shadow-blue-500\/15:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.hover\:shadow-blue-500\/20:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.hover\:shadow-blue-500\/25:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.hover\:shadow-blue-500\/30:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.hover\:shadow-blue-500\/40:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.hover\:shadow-blue-500\/50:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.hover\:shadow-blue-500\/60:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.hover\:shadow-blue-500\/70:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.hover\:shadow-blue-500\/80:hover { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.hover\:shadow-blue-600\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.hover\:shadow-blue-600\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.hover\:shadow-blue-600\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.hover\:shadow-blue-600\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.hover\:shadow-blue-600\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.hover\:shadow-blue-600\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.hover\:shadow-blue-600\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.hover\:shadow-blue-600\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.hover\:shadow-blue-600\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.hover\:shadow-blue-600\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.hover\:shadow-blue-600\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.hover\:shadow-blue-700\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.hover\:shadow-blue-700\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.hover\:shadow-blue-700\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.hover\:shadow-blue-700\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.hover\:shadow-blue-700\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.hover\:shadow-blue-700\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.hover\:shadow-blue-700\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.hover\:shadow-blue-700\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.hover\:shadow-blue-700\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.hover\:shadow-blue-700\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.hover\:shadow-blue-700\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.hover\:shadow-blue-800\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.hover\:shadow-blue-800\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.hover\:shadow-blue-800\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.hover\:shadow-blue-800\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.hover\:shadow-blue-800\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.hover\:shadow-blue-800\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.hover\:shadow-blue-800\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.hover\:shadow-blue-800\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.hover\:shadow-blue-800\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.hover\:shadow-blue-800\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.hover\:shadow-blue-800\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.hover\:shadow-blue-900\/5:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.hover\:shadow-blue-900\/10:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.hover\:shadow-blue-900\/15:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.hover\:shadow-blue-900\/20:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.hover\:shadow-blue-900\/25:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.hover\:shadow-blue-900\/30:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.hover\:shadow-blue-900\/40:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.hover\:shadow-blue-900\/50:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.hover\:shadow-blue-900\/60:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.hover\:shadow-blue-900\/70:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.hover\:shadow-blue-900\/80:hover { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.hover\:from-blue-50\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-50\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-100\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-200\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-300\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-400\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/5:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/10:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/15:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/20:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/25:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/30:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/40:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/50:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/60:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/70:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-500\/80:hover { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-600\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-700\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-800\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/5:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/10:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/15:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/20:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/25:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/30:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/40:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/50:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/60:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/70:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:from-blue-900\/80:hover { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.hover\:to-blue-50\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-50\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-100\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-200\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-300\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-400\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/5:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/10:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/15:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/20:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/25:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/30:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/40:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/50:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/60:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/70:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-500\/80:hover { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-600\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-700\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-800\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/5:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/10:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/15:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/20:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/25:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/30:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/40:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/50:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/60:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/70:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.hover\:to-blue-900\/80:hover { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:bg-blue-50\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.dark .dark\:bg-blue-50\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.dark .dark\:bg-blue-50\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.dark .dark\:bg-blue-50\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.dark .dark\:bg-blue-50\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.dark .dark\:bg-blue-50\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.dark .dark\:bg-blue-50\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.dark .dark\:bg-blue-50\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.dark .dark\:bg-blue-50\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.dark .dark\:bg-blue-50\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.dark .dark\:bg-blue-50\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.dark .dark\:bg-blue-100\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.dark .dark\:bg-blue-100\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.dark .dark\:bg-blue-100\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.dark .dark\:bg-blue-100\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.dark .dark\:bg-blue-100\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.dark .dark\:bg-blue-100\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.dark .dark\:bg-blue-100\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.dark .dark\:bg-blue-100\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.dark .dark\:bg-blue-100\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.dark .dark\:bg-blue-100\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.dark .dark\:bg-blue-100\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.dark .dark\:bg-blue-200\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.dark .dark\:bg-blue-200\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.dark .dark\:bg-blue-200\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.dark .dark\:bg-blue-200\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.dark .dark\:bg-blue-200\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.dark .dark\:bg-blue-200\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.dark .dark\:bg-blue-200\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.dark .dark\:bg-blue-200\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.dark .dark\:bg-blue-200\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.dark .dark\:bg-blue-200\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.dark .dark\:bg-blue-200\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.dark .dark\:bg-blue-300\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.dark .dark\:bg-blue-300\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.dark .dark\:bg-blue-300\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.dark .dark\:bg-blue-300\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.dark .dark\:bg-blue-300\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.dark .dark\:bg-blue-300\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.dark .dark\:bg-blue-300\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.dark .dark\:bg-blue-300\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.dark .dark\:bg-blue-300\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.dark .dark\:bg-blue-300\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.dark .dark\:bg-blue-300\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.dark .dark\:bg-blue-400\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.dark .dark\:bg-blue-400\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.dark .dark\:bg-blue-400\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.dark .dark\:bg-blue-400\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.dark .dark\:bg-blue-400\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.dark .dark\:bg-blue-400\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.dark .dark\:bg-blue-400\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.dark .dark\:bg-blue-400\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.dark .dark\:bg-blue-400\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.dark .dark\:bg-blue-400\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.dark .dark\:bg-blue-400\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.dark .dark\:bg-blue-500\/5 { background-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:bg-blue-500\/10 { background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:bg-blue-500\/15 { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:bg-blue-500\/20 { background-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:bg-blue-500\/25 { background-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:bg-blue-500\/30 { background-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:bg-blue-500\/40 { background-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:bg-blue-500\/50 { background-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:bg-blue-500\/60 { background-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:bg-blue-500\/70 { background-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.dark .dark\:bg-blue-500\/80 { background-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.dark .dark\:bg-blue-600\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.dark .dark\:bg-blue-600\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.dark .dark\:bg-blue-600\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.dark .dark\:bg-blue-600\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.dark .dark\:bg-blue-600\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.dark .dark\:bg-blue-600\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.dark .dark\:bg-blue-600\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.dark .dark\:bg-blue-600\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.dark .dark\:bg-blue-600\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.dark .dark\:bg-blue-600\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.dark .dark\:bg-blue-600\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.dark .dark\:bg-blue-700\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.dark .dark\:bg-blue-700\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.dark .dark\:bg-blue-700\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.dark .dark\:bg-blue-700\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.dark .dark\:bg-blue-700\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.dark .dark\:bg-blue-700\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.dark .dark\:bg-blue-700\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.dark .dark\:bg-blue-700\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.dark .dark\:bg-blue-700\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.dark .dark\:bg-blue-700\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.dark .dark\:bg-blue-700\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.dark .dark\:bg-blue-800\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.dark .dark\:bg-blue-800\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.dark .dark\:bg-blue-800\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.dark .dark\:bg-blue-800\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.dark .dark\:bg-blue-800\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.dark .dark\:bg-blue-800\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.dark .dark\:bg-blue-800\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.dark .dark\:bg-blue-800\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.dark .dark\:bg-blue-800\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.dark .dark\:bg-blue-800\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.dark .dark\:bg-blue-800\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.dark .dark\:bg-blue-900\/5 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.dark .dark\:bg-blue-900\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.dark .dark\:bg-blue-900\/15 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.dark .dark\:bg-blue-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.dark .dark\:bg-blue-900\/25 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.dark .dark\:bg-blue-900\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.dark .dark\:bg-blue-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.dark .dark\:bg-blue-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.dark .dark\:bg-blue-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.dark .dark\:bg-blue-900\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.dark .dark\:bg-blue-900\/80 { background-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.dark .dark\:text-blue-50\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.dark .dark\:text-blue-50\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.dark .dark\:text-blue-50\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.dark .dark\:text-blue-50\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.dark .dark\:text-blue-50\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.dark .dark\:text-blue-50\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.dark .dark\:text-blue-50\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.dark .dark\:text-blue-50\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.dark .dark\:text-blue-50\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.dark .dark\:text-blue-50\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.dark .dark\:text-blue-50\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.dark .dark\:text-blue-100\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.dark .dark\:text-blue-100\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.dark .dark\:text-blue-100\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.dark .dark\:text-blue-100\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.dark .dark\:text-blue-100\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.dark .dark\:text-blue-100\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.dark .dark\:text-blue-100\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.dark .dark\:text-blue-100\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.dark .dark\:text-blue-100\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.dark .dark\:text-blue-100\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.dark .dark\:text-blue-100\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.dark .dark\:text-blue-200\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.dark .dark\:text-blue-200\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.dark .dark\:text-blue-200\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.dark .dark\:text-blue-200\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.dark .dark\:text-blue-200\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.dark .dark\:text-blue-200\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.dark .dark\:text-blue-200\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.dark .dark\:text-blue-200\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.dark .dark\:text-blue-200\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.dark .dark\:text-blue-200\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.dark .dark\:text-blue-200\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.dark .dark\:text-blue-300\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.dark .dark\:text-blue-300\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.dark .dark\:text-blue-300\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.dark .dark\:text-blue-300\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.dark .dark\:text-blue-300\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.dark .dark\:text-blue-300\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.dark .dark\:text-blue-300\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.dark .dark\:text-blue-300\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.dark .dark\:text-blue-300\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.dark .dark\:text-blue-300\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.dark .dark\:text-blue-300\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.dark .dark\:text-blue-400\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.dark .dark\:text-blue-400\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.dark .dark\:text-blue-400\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.dark .dark\:text-blue-400\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.dark .dark\:text-blue-400\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.dark .dark\:text-blue-400\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.dark .dark\:text-blue-400\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.dark .dark\:text-blue-400\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.dark .dark\:text-blue-400\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.dark .dark\:text-blue-400\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.dark .dark\:text-blue-400\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.dark .dark\:text-blue-500\/5 { color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:text-blue-500\/10 { color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:text-blue-500\/15 { color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:text-blue-500\/20 { color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:text-blue-500\/25 { color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:text-blue-500\/30 { color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:text-blue-500\/40 { color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:text-blue-500\/50 { color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:text-blue-500\/60 { color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:text-blue-500\/70 { color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.dark .dark\:text-blue-500\/80 { color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.dark .dark\:text-blue-600\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.dark .dark\:text-blue-600\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.dark .dark\:text-blue-600\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.dark .dark\:text-blue-600\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.dark .dark\:text-blue-600\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.dark .dark\:text-blue-600\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.dark .dark\:text-blue-600\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.dark .dark\:text-blue-600\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.dark .dark\:text-blue-600\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.dark .dark\:text-blue-600\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.dark .dark\:text-blue-600\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.dark .dark\:text-blue-700\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.dark .dark\:text-blue-700\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.dark .dark\:text-blue-700\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.dark .dark\:text-blue-700\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.dark .dark\:text-blue-700\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.dark .dark\:text-blue-700\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.dark .dark\:text-blue-700\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.dark .dark\:text-blue-700\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.dark .dark\:text-blue-700\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.dark .dark\:text-blue-700\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.dark .dark\:text-blue-700\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.dark .dark\:text-blue-800\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.dark .dark\:text-blue-800\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.dark .dark\:text-blue-800\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.dark .dark\:text-blue-800\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.dark .dark\:text-blue-800\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.dark .dark\:text-blue-800\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.dark .dark\:text-blue-800\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.dark .dark\:text-blue-800\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.dark .dark\:text-blue-800\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.dark .dark\:text-blue-800\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.dark .dark\:text-blue-800\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.dark .dark\:text-blue-900\/5 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.dark .dark\:text-blue-900\/10 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.dark .dark\:text-blue-900\/15 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.dark .dark\:text-blue-900\/20 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.dark .dark\:text-blue-900\/25 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.dark .dark\:text-blue-900\/30 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.dark .dark\:text-blue-900\/40 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.dark .dark\:text-blue-900\/50 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.dark .dark\:text-blue-900\/60 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.dark .dark\:text-blue-900\/70 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.dark .dark\:text-blue-900\/80 { color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.dark .dark\:border-blue-50\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.dark .dark\:border-blue-50\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.dark .dark\:border-blue-50\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.dark .dark\:border-blue-50\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.dark .dark\:border-blue-50\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.dark .dark\:border-blue-50\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.dark .dark\:border-blue-50\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.dark .dark\:border-blue-50\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.dark .dark\:border-blue-50\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.dark .dark\:border-blue-50\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.dark .dark\:border-blue-50\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.dark .dark\:border-blue-100\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.dark .dark\:border-blue-100\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.dark .dark\:border-blue-100\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.dark .dark\:border-blue-100\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.dark .dark\:border-blue-100\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.dark .dark\:border-blue-100\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.dark .dark\:border-blue-100\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.dark .dark\:border-blue-100\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.dark .dark\:border-blue-100\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.dark .dark\:border-blue-100\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.dark .dark\:border-blue-100\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.dark .dark\:border-blue-200\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.dark .dark\:border-blue-200\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.dark .dark\:border-blue-200\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.dark .dark\:border-blue-200\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.dark .dark\:border-blue-200\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.dark .dark\:border-blue-200\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.dark .dark\:border-blue-200\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.dark .dark\:border-blue-200\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.dark .dark\:border-blue-200\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.dark .dark\:border-blue-200\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.dark .dark\:border-blue-200\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.dark .dark\:border-blue-300\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.dark .dark\:border-blue-300\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.dark .dark\:border-blue-300\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.dark .dark\:border-blue-300\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.dark .dark\:border-blue-300\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.dark .dark\:border-blue-300\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.dark .dark\:border-blue-300\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.dark .dark\:border-blue-300\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.dark .dark\:border-blue-300\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.dark .dark\:border-blue-300\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.dark .dark\:border-blue-300\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.dark .dark\:border-blue-400\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.dark .dark\:border-blue-400\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.dark .dark\:border-blue-400\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.dark .dark\:border-blue-400\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.dark .dark\:border-blue-400\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.dark .dark\:border-blue-400\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.dark .dark\:border-blue-400\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.dark .dark\:border-blue-400\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.dark .dark\:border-blue-400\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.dark .dark\:border-blue-400\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.dark .dark\:border-blue-400\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.dark .dark\:border-blue-500\/5 { border-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:border-blue-500\/10 { border-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:border-blue-500\/15 { border-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:border-blue-500\/20 { border-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:border-blue-500\/25 { border-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:border-blue-500\/30 { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:border-blue-500\/40 { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:border-blue-500\/50 { border-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:border-blue-500\/60 { border-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:border-blue-500\/70 { border-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.dark .dark\:border-blue-500\/80 { border-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.dark .dark\:border-blue-600\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.dark .dark\:border-blue-600\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.dark .dark\:border-blue-600\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.dark .dark\:border-blue-600\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.dark .dark\:border-blue-600\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.dark .dark\:border-blue-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.dark .dark\:border-blue-600\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.dark .dark\:border-blue-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.dark .dark\:border-blue-600\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.dark .dark\:border-blue-600\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.dark .dark\:border-blue-600\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.dark .dark\:border-blue-700\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.dark .dark\:border-blue-700\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.dark .dark\:border-blue-700\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.dark .dark\:border-blue-700\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.dark .dark\:border-blue-700\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.dark .dark\:border-blue-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.dark .dark\:border-blue-700\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.dark .dark\:border-blue-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.dark .dark\:border-blue-700\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.dark .dark\:border-blue-700\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.dark .dark\:border-blue-700\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.dark .dark\:border-blue-800\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.dark .dark\:border-blue-800\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.dark .dark\:border-blue-800\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.dark .dark\:border-blue-800\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.dark .dark\:border-blue-800\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.dark .dark\:border-blue-800\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.dark .dark\:border-blue-800\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.dark .dark\:border-blue-800\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.dark .dark\:border-blue-800\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.dark .dark\:border-blue-800\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.dark .dark\:border-blue-800\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.dark .dark\:border-blue-900\/5 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.dark .dark\:border-blue-900\/10 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.dark .dark\:border-blue-900\/15 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.dark .dark\:border-blue-900\/20 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.dark .dark\:border-blue-900\/25 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.dark .dark\:border-blue-900\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.dark .dark\:border-blue-900\/40 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.dark .dark\:border-blue-900\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.dark .dark\:border-blue-900\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.dark .dark\:border-blue-900\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.dark .dark\:border-blue-900\/80 { border-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.dark .dark\:ring-blue-50\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.dark .dark\:ring-blue-50\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.dark .dark\:ring-blue-50\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.dark .dark\:ring-blue-50\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.dark .dark\:ring-blue-50\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.dark .dark\:ring-blue-50\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.dark .dark\:ring-blue-50\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.dark .dark\:ring-blue-50\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.dark .dark\:ring-blue-50\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.dark .dark\:ring-blue-50\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.dark .dark\:ring-blue-50\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.dark .dark\:ring-blue-100\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.dark .dark\:ring-blue-100\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.dark .dark\:ring-blue-100\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.dark .dark\:ring-blue-100\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.dark .dark\:ring-blue-100\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.dark .dark\:ring-blue-100\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.dark .dark\:ring-blue-100\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.dark .dark\:ring-blue-100\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.dark .dark\:ring-blue-100\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.dark .dark\:ring-blue-100\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.dark .dark\:ring-blue-100\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.dark .dark\:ring-blue-200\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.dark .dark\:ring-blue-200\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.dark .dark\:ring-blue-200\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.dark .dark\:ring-blue-200\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.dark .dark\:ring-blue-200\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.dark .dark\:ring-blue-200\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.dark .dark\:ring-blue-200\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.dark .dark\:ring-blue-200\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.dark .dark\:ring-blue-200\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.dark .dark\:ring-blue-200\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.dark .dark\:ring-blue-200\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.dark .dark\:ring-blue-300\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.dark .dark\:ring-blue-300\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.dark .dark\:ring-blue-300\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.dark .dark\:ring-blue-300\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.dark .dark\:ring-blue-300\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.dark .dark\:ring-blue-300\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.dark .dark\:ring-blue-300\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.dark .dark\:ring-blue-300\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.dark .dark\:ring-blue-300\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.dark .dark\:ring-blue-300\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.dark .dark\:ring-blue-300\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.dark .dark\:ring-blue-400\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.dark .dark\:ring-blue-400\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.dark .dark\:ring-blue-400\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.dark .dark\:ring-blue-400\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.dark .dark\:ring-blue-400\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.dark .dark\:ring-blue-400\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.dark .dark\:ring-blue-400\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.dark .dark\:ring-blue-400\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.dark .dark\:ring-blue-400\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.dark .dark\:ring-blue-400\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.dark .dark\:ring-blue-400\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.dark .dark\:ring-blue-500\/5 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:ring-blue-500\/10 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:ring-blue-500\/15 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:ring-blue-500\/20 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:ring-blue-500\/25 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:ring-blue-500\/30 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:ring-blue-500\/40 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:ring-blue-500\/50 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:ring-blue-500\/60 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:ring-blue-500\/70 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.dark .dark\:ring-blue-500\/80 { --tw-ring-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.dark .dark\:ring-blue-600\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.dark .dark\:ring-blue-600\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.dark .dark\:ring-blue-600\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.dark .dark\:ring-blue-600\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.dark .dark\:ring-blue-600\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.dark .dark\:ring-blue-600\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.dark .dark\:ring-blue-600\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.dark .dark\:ring-blue-600\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.dark .dark\:ring-blue-600\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.dark .dark\:ring-blue-600\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.dark .dark\:ring-blue-600\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.dark .dark\:ring-blue-700\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.dark .dark\:ring-blue-700\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.dark .dark\:ring-blue-700\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.dark .dark\:ring-blue-700\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.dark .dark\:ring-blue-700\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.dark .dark\:ring-blue-700\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.dark .dark\:ring-blue-700\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.dark .dark\:ring-blue-700\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.dark .dark\:ring-blue-700\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.dark .dark\:ring-blue-700\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.dark .dark\:ring-blue-700\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.dark .dark\:ring-blue-800\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.dark .dark\:ring-blue-800\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.dark .dark\:ring-blue-800\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.dark .dark\:ring-blue-800\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.dark .dark\:ring-blue-800\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.dark .dark\:ring-blue-800\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.dark .dark\:ring-blue-800\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.dark .dark\:ring-blue-800\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.dark .dark\:ring-blue-800\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.dark .dark\:ring-blue-800\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.dark .dark\:ring-blue-800\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.dark .dark\:ring-blue-900\/5 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.dark .dark\:ring-blue-900\/10 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.dark .dark\:ring-blue-900\/15 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.dark .dark\:ring-blue-900\/20 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.dark .dark\:ring-blue-900\/25 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.dark .dark\:ring-blue-900\/30 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.dark .dark\:ring-blue-900\/40 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.dark .dark\:ring-blue-900\/50 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.dark .dark\:ring-blue-900\/60 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.dark .dark\:ring-blue-900\/70 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.dark .dark\:ring-blue-900\/80 { --tw-ring-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.dark .dark\:shadow-blue-50\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) !important; }
.dark .dark\:shadow-blue-50\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) !important; }
.dark .dark\:shadow-blue-50\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) !important; }
.dark .dark\:shadow-blue-50\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) !important; }
.dark .dark\:shadow-blue-50\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) !important; }
.dark .dark\:shadow-blue-50\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) !important; }
.dark .dark\:shadow-blue-50\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) !important; }
.dark .dark\:shadow-blue-50\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) !important; }
.dark .dark\:shadow-blue-50\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) !important; }
.dark .dark\:shadow-blue-50\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) !important; }
.dark .dark\:shadow-blue-50\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) !important; }
.dark .dark\:shadow-blue-100\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) !important; }
.dark .dark\:shadow-blue-100\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) !important; }
.dark .dark\:shadow-blue-100\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) !important; }
.dark .dark\:shadow-blue-100\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) !important; }
.dark .dark\:shadow-blue-100\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) !important; }
.dark .dark\:shadow-blue-100\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) !important; }
.dark .dark\:shadow-blue-100\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) !important; }
.dark .dark\:shadow-blue-100\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) !important; }
.dark .dark\:shadow-blue-100\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) !important; }
.dark .dark\:shadow-blue-100\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) !important; }
.dark .dark\:shadow-blue-100\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) !important; }
.dark .dark\:shadow-blue-200\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) !important; }
.dark .dark\:shadow-blue-200\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) !important; }
.dark .dark\:shadow-blue-200\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) !important; }
.dark .dark\:shadow-blue-200\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) !important; }
.dark .dark\:shadow-blue-200\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) !important; }
.dark .dark\:shadow-blue-200\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) !important; }
.dark .dark\:shadow-blue-200\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) !important; }
.dark .dark\:shadow-blue-200\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) !important; }
.dark .dark\:shadow-blue-200\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) !important; }
.dark .dark\:shadow-blue-200\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) !important; }
.dark .dark\:shadow-blue-200\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) !important; }
.dark .dark\:shadow-blue-300\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) !important; }
.dark .dark\:shadow-blue-300\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) !important; }
.dark .dark\:shadow-blue-300\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) !important; }
.dark .dark\:shadow-blue-300\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) !important; }
.dark .dark\:shadow-blue-300\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) !important; }
.dark .dark\:shadow-blue-300\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) !important; }
.dark .dark\:shadow-blue-300\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) !important; }
.dark .dark\:shadow-blue-300\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) !important; }
.dark .dark\:shadow-blue-300\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) !important; }
.dark .dark\:shadow-blue-300\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) !important; }
.dark .dark\:shadow-blue-300\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) !important; }
.dark .dark\:shadow-blue-400\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) !important; }
.dark .dark\:shadow-blue-400\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) !important; }
.dark .dark\:shadow-blue-400\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) !important; }
.dark .dark\:shadow-blue-400\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) !important; }
.dark .dark\:shadow-blue-400\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) !important; }
.dark .dark\:shadow-blue-400\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) !important; }
.dark .dark\:shadow-blue-400\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) !important; }
.dark .dark\:shadow-blue-400\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) !important; }
.dark .dark\:shadow-blue-400\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) !important; }
.dark .dark\:shadow-blue-400\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) !important; }
.dark .dark\:shadow-blue-400\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) !important; }
.dark .dark\:shadow-blue-500\/5 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 5%, transparent) !important; }
.dark .dark\:shadow-blue-500\/10 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; }
.dark .dark\:shadow-blue-500\/15 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }
.dark .dark\:shadow-blue-500\/20 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; }
.dark .dark\:shadow-blue-500\/25 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 25%, transparent) !important; }
.dark .dark\:shadow-blue-500\/30 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 30%, transparent) !important; }
.dark .dark\:shadow-blue-500\/40 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; }
.dark .dark\:shadow-blue-500\/50 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 50%, transparent) !important; }
.dark .dark\:shadow-blue-500\/60 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 60%, transparent) !important; }
.dark .dark\:shadow-blue-500\/70 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 70%, transparent) !important; }
.dark .dark\:shadow-blue-500\/80 { --tw-shadow-color: color-mix(in srgb, var(--brand-primary) 80%, transparent) !important; }
.dark .dark\:shadow-blue-600\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) !important; }
.dark .dark\:shadow-blue-600\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) !important; }
.dark .dark\:shadow-blue-600\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) !important; }
.dark .dark\:shadow-blue-600\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) !important; }
.dark .dark\:shadow-blue-600\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) !important; }
.dark .dark\:shadow-blue-600\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) !important; }
.dark .dark\:shadow-blue-600\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) !important; }
.dark .dark\:shadow-blue-600\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) !important; }
.dark .dark\:shadow-blue-600\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) !important; }
.dark .dark\:shadow-blue-600\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) !important; }
.dark .dark\:shadow-blue-600\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) !important; }
.dark .dark\:shadow-blue-700\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) !important; }
.dark .dark\:shadow-blue-700\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) !important; }
.dark .dark\:shadow-blue-700\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) !important; }
.dark .dark\:shadow-blue-700\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) !important; }
.dark .dark\:shadow-blue-700\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) !important; }
.dark .dark\:shadow-blue-700\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) !important; }
.dark .dark\:shadow-blue-700\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) !important; }
.dark .dark\:shadow-blue-700\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) !important; }
.dark .dark\:shadow-blue-700\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) !important; }
.dark .dark\:shadow-blue-700\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) !important; }
.dark .dark\:shadow-blue-700\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) !important; }
.dark .dark\:shadow-blue-800\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) !important; }
.dark .dark\:shadow-blue-800\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) !important; }
.dark .dark\:shadow-blue-800\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) !important; }
.dark .dark\:shadow-blue-800\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) !important; }
.dark .dark\:shadow-blue-800\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) !important; }
.dark .dark\:shadow-blue-800\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) !important; }
.dark .dark\:shadow-blue-800\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) !important; }
.dark .dark\:shadow-blue-800\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) !important; }
.dark .dark\:shadow-blue-800\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) !important; }
.dark .dark\:shadow-blue-800\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) !important; }
.dark .dark\:shadow-blue-800\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) !important; }
.dark .dark\:shadow-blue-900\/5 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) !important; }
.dark .dark\:shadow-blue-900\/10 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) !important; }
.dark .dark\:shadow-blue-900\/15 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) !important; }
.dark .dark\:shadow-blue-900\/20 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) !important; }
.dark .dark\:shadow-blue-900\/25 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) !important; }
.dark .dark\:shadow-blue-900\/30 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) !important; }
.dark .dark\:shadow-blue-900\/40 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) !important; }
.dark .dark\:shadow-blue-900\/50 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) !important; }
.dark .dark\:shadow-blue-900\/60 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) !important; }
.dark .dark\:shadow-blue-900\/70 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) !important; }
.dark .dark\:shadow-blue-900\/80 { --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) !important; }
.dark .dark\:from-blue-50\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-50\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-100\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-200\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-300\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-400\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/5 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/10 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/15 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/20 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/25 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/30 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/40 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/50 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/60 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/70 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-500\/80 { --tw-gradient-from: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-600\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-700\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-800\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/5 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/10 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/15 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/20 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/25 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/30 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/40 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/50 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/60 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/70 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:from-blue-900\/80 { --tw-gradient-from: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.dark .dark\:to-blue-50\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-50\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 8%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-100\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 16%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-200\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 32%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-300\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 48%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-400\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 70%, white) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/5 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/10 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/15 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/20 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/25 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/30 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/40 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/50 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/60 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/70 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-500\/80 { --tw-gradient-to: color-mix(in srgb, var(--brand-primary) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-600\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 88%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-700\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 72%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-800\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 56%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/5 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 5%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/10 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 10%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/15 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 15%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/20 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 20%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/25 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 25%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/30 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 30%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/40 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 40%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/50 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 50%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/60 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 60%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/70 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 70%, transparent) var(--tw-gradient-to-position) !important; }
.dark .dark\:to-blue-900\/80 { --tw-gradient-to: color-mix(in srgb, color-mix(in srgb, var(--brand-primary) 40%, black) 80%, transparent) var(--tw-gradient-to-position) !important; }