.bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.dark .dark\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity)) !important;
}
.focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 238, 246, var(--bg-opacity));
}
.bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.dark .dark\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity)) !important;
}
.focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(199, 226, 247, var(--bg-opacity));
}
.bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.dark .dark\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity)) !important;
}
.focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(146, 200, 242, var(--bg-opacity));
}
.bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.dark .dark\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity)) !important;
}
.focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(87, 173, 240, var(--bg-opacity));
}
.bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.dark .dark\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity)) !important;
}
.focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(18, 143, 240, var(--bg-opacity));
}
.bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.dark .dark\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity)) !important;
}
.focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(6, 83, 142, var(--bg-opacity));
}
.dark .dark\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(6, 79, 135, var(--bg-opacity));
}
.bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(6, 83, 142, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(6, 79, 135, var(--bg-opacity)) !important;
}
.focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 83, 142, var(--bg-opacity));
}
.hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 83, 142, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(6, 83, 142, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 79, 135, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 79, 135, var(--bg-opacity));
}
.bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(6, 68, 117, var(--bg-opacity));
}
.dark .dark\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(5, 59, 102, var(--bg-opacity));
}
.bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(6, 68, 117, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(5, 59, 102, var(--bg-opacity)) !important;
}
.focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(6, 68, 117, var(--bg-opacity));
}
.hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 68, 117, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(6, 68, 117, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(5, 59, 102, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(5, 59, 102, var(--bg-opacity));
}
.bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 52, 91, var(--bg-opacity));
}
.dark .dark\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 40, 69, var(--bg-opacity));
}
.bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(1, 52, 91, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(1, 40, 69, var(--bg-opacity)) !important;
}
.focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 52, 91, var(--bg-opacity));
}
.hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 52, 91, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(1, 52, 91, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 40, 69, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 40, 69, var(--bg-opacity));
}
.bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 33, 57, var(--bg-opacity));
}
.dark .dark\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 21, 36, var(--bg-opacity));
}
.bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(1, 33, 57, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(1, 21, 36, var(--bg-opacity)) !important;
}
.focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 33, 57, var(--bg-opacity));
}
.hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 33, 57, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(1, 33, 57, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 21, 36, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 21, 36, var(--bg-opacity));
}
.bg-primary-20-50 {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-50 {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.bg-primary-20-50-important {
    background-color: rgba(227, 238, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-50-important {
    background-color: rgba(227, 238, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent) !important;
    }
}
.bg-primary-20-100 {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-100 {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.bg-primary-20-100-important {
    background-color: rgba(199, 226, 247, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-100-important {
    background-color: rgba(199, 226, 247, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent) !important;
    }
}
.bg-primary-20-200 {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-200 {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.bg-primary-20-200-important {
    background-color: rgba(146, 200, 242, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-200-important {
    background-color: rgba(146, 200, 242, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent) !important;
    }
}
.bg-primary-20-300 {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-300 {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.bg-primary-20-300-important {
    background-color: rgba(87, 173, 240, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-300-important {
    background-color: rgba(87, 173, 240, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent) !important;
    }
}
.bg-primary-20-400 {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-400 {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.bg-primary-20-400-important {
    background-color: rgba(18, 143, 240, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-400-important {
    background-color: rgba(18, 143, 240, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent) !important;
    }
}
.bg-primary-20-500 {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-500 {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.bg-primary-20-500-important {
    background-color: rgba(6, 93, 160, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-500-important {
    background-color: rgba(6, 93, 160, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent) !important;
    }
}
.bg-primary-20-600 {
    background-color: rgba(6, 83, 142, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-600 {
    background-color: rgba(6, 79, 135, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 20%, transparent);
    }
}
.bg-primary-20-600-important {
    background-color: rgba(6, 83, 142, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-600-important {
    background-color: rgba(6, 79, 135, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 20%, transparent) !important;
    }
}
.bg-primary-20-700 {
    background-color: rgba(6, 68, 117, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-700 {
    background-color: rgba(5, 59, 102, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 20%, transparent);
    }
}
.bg-primary-20-700-important {
    background-color: rgba(6, 68, 117, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-700-important {
    background-color: rgba(5, 59, 102, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 20%, transparent) !important;
    }
}
.bg-primary-20-800 {
    background-color: rgba(1, 52, 91, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-800 {
    background-color: rgba(1, 40, 69, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 20%, transparent);
    }
}
.bg-primary-20-800-important {
    background-color: rgba(1, 52, 91, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-800-important {
    background-color: rgba(1, 40, 69, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 20%, transparent) !important;
    }
}
.bg-primary-20-900 {
    background-color: rgba(1, 33, 57, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-900 {
    background-color: rgba(1, 21, 36, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 20%, transparent);
    }
}
.bg-primary-20-900-important {
    background-color: rgba(1, 33, 57, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-900-important {
    background-color: rgba(1, 21, 36, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 20%, transparent) !important;
    }
}
.focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-50 {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 238, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 20%, transparent);
    }
}
.focus\:bg-primary-20-100:focus {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.hover\:bg-primary-20-100:hover {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-100 {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-100:focus {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-100:hover {
    background-color: rgba(199, 226, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 20%, transparent);
    }
}
.focus\:bg-primary-20-200:focus {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.hover\:bg-primary-20-200:hover {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-200 {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-200:focus {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-200:hover {
    background-color: rgba(146, 200, 242, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 20%, transparent);
    }
}
.focus\:bg-primary-20-300:focus {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.hover\:bg-primary-20-300:hover {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-300 {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-300:focus {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-300:hover {
    background-color: rgba(87, 173, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 20%, transparent);
    }
}
.focus\:bg-primary-20-400:focus {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.hover\:bg-primary-20-400:hover {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-400 {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-400:focus {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-400:hover {
    background-color: rgba(18, 143, 240, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 20%, transparent);
    }
}
.focus\:bg-primary-20-500:focus {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.hover\:bg-primary-20-500:hover {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-500 {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-500:focus {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-500:hover {
    background-color: rgba(6, 93, 160, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.focus\:bg-primary-20-600:focus {
    background-color: rgba(6, 83, 142, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 20%, transparent);
    }
}
.hover\:bg-primary-20-600:hover {
    background-color: rgba(6, 83, 142, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-600 {
    background-color: rgba(6, 83, 142, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-600:focus {
    background-color: rgba(6, 79, 135, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-600:hover {
    background-color: rgba(6, 79, 135, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 20%, transparent);
    }
}
.focus\:bg-primary-20-700:focus {
    background-color: rgba(6, 68, 117, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 20%, transparent);
    }
}
.hover\:bg-primary-20-700:hover {
    background-color: rgba(6, 68, 117, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-700 {
    background-color: rgba(6, 68, 117, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-700:focus {
    background-color: rgba(5, 59, 102, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-700:hover {
    background-color: rgba(5, 59, 102, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 20%, transparent);
    }
}
.focus\:bg-primary-20-800:focus {
    background-color: rgba(1, 52, 91, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 20%, transparent);
    }
}
.hover\:bg-primary-20-800:hover {
    background-color: rgba(1, 52, 91, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-800 {
    background-color: rgba(1, 52, 91, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-800:focus {
    background-color: rgba(1, 40, 69, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-800:hover {
    background-color: rgba(1, 40, 69, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 20%, transparent);
    }
}
.focus\:bg-primary-20-900:focus {
    background-color: rgba(1, 33, 57, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 20%, transparent);
    }
}
.hover\:bg-primary-20-900:hover {
    background-color: rgba(1, 33, 57, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-900 {
    background-color: rgba(1, 33, 57, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-900:focus {
    background-color: rgba(1, 21, 36, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-900:hover {
    background-color: rgba(1, 21, 36, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 20%, transparent);
    }
}
.bg-primary-25-50 {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-50 {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.bg-primary-25-50-important {
    background-color: rgba(227, 238, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-50-important {
    background-color: rgba(227, 238, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent) !important;
    }
}
.bg-primary-25-100 {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-100 {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.bg-primary-25-100-important {
    background-color: rgba(199, 226, 247, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-100-important {
    background-color: rgba(199, 226, 247, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent) !important;
    }
}
.bg-primary-25-200 {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-200 {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.bg-primary-25-200-important {
    background-color: rgba(146, 200, 242, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-200-important {
    background-color: rgba(146, 200, 242, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent) !important;
    }
}
.bg-primary-25-300 {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-300 {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.bg-primary-25-300-important {
    background-color: rgba(87, 173, 240, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-300-important {
    background-color: rgba(87, 173, 240, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent) !important;
    }
}
.bg-primary-25-400 {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-400 {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.bg-primary-25-400-important {
    background-color: rgba(18, 143, 240, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-400-important {
    background-color: rgba(18, 143, 240, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent) !important;
    }
}
.bg-primary-25-500 {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-500 {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.bg-primary-25-500-important {
    background-color: rgba(6, 93, 160, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-500-important {
    background-color: rgba(6, 93, 160, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent) !important;
    }
}
.bg-primary-25-600 {
    background-color: rgba(6, 83, 142, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-600 {
    background-color: rgba(6, 79, 135, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 25%, transparent);
    }
}
.bg-primary-25-600-important {
    background-color: rgba(6, 83, 142, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-600-important {
    background-color: rgba(6, 79, 135, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 25%, transparent) !important;
    }
}
.bg-primary-25-700 {
    background-color: rgba(6, 68, 117, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-700 {
    background-color: rgba(5, 59, 102, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 25%, transparent);
    }
}
.bg-primary-25-700-important {
    background-color: rgba(6, 68, 117, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-700-important {
    background-color: rgba(5, 59, 102, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 25%, transparent) !important;
    }
}
.bg-primary-25-800 {
    background-color: rgba(1, 52, 91, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-800 {
    background-color: rgba(1, 40, 69, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 25%, transparent);
    }
}
.bg-primary-25-800-important {
    background-color: rgba(1, 52, 91, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-800-important {
    background-color: rgba(1, 40, 69, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 25%, transparent) !important;
    }
}
.bg-primary-25-900 {
    background-color: rgba(1, 33, 57, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-900 {
    background-color: rgba(1, 21, 36, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 25%, transparent);
    }
}
.bg-primary-25-900-important {
    background-color: rgba(1, 33, 57, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-900-important {
    background-color: rgba(1, 21, 36, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 25%, transparent) !important;
    }
}
.focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-50 {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 238, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 25%, transparent);
    }
}
.focus\:bg-primary-25-100:focus {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.hover\:bg-primary-25-100:hover {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-100 {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-100:focus {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-100:hover {
    background-color: rgba(199, 226, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 25%, transparent);
    }
}
.focus\:bg-primary-25-200:focus {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.hover\:bg-primary-25-200:hover {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-200 {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-200:focus {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-200:hover {
    background-color: rgba(146, 200, 242, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 25%, transparent);
    }
}
.focus\:bg-primary-25-300:focus {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.hover\:bg-primary-25-300:hover {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-300 {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-300:focus {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-300:hover {
    background-color: rgba(87, 173, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 25%, transparent);
    }
}
.focus\:bg-primary-25-400:focus {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.hover\:bg-primary-25-400:hover {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-400 {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-400:focus {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-400:hover {
    background-color: rgba(18, 143, 240, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 25%, transparent);
    }
}
.focus\:bg-primary-25-500:focus {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.hover\:bg-primary-25-500:hover {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-500 {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-500:focus {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-500:hover {
    background-color: rgba(6, 93, 160, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.focus\:bg-primary-25-600:focus {
    background-color: rgba(6, 83, 142, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 25%, transparent);
    }
}
.hover\:bg-primary-25-600:hover {
    background-color: rgba(6, 83, 142, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-600 {
    background-color: rgba(6, 83, 142, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-600:focus {
    background-color: rgba(6, 79, 135, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-600:hover {
    background-color: rgba(6, 79, 135, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 25%, transparent);
    }
}
.focus\:bg-primary-25-700:focus {
    background-color: rgba(6, 68, 117, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 25%, transparent);
    }
}
.hover\:bg-primary-25-700:hover {
    background-color: rgba(6, 68, 117, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-700 {
    background-color: rgba(6, 68, 117, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-700:focus {
    background-color: rgba(5, 59, 102, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-700:hover {
    background-color: rgba(5, 59, 102, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 25%, transparent);
    }
}
.focus\:bg-primary-25-800:focus {
    background-color: rgba(1, 52, 91, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 25%, transparent);
    }
}
.hover\:bg-primary-25-800:hover {
    background-color: rgba(1, 52, 91, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-800 {
    background-color: rgba(1, 52, 91, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-800:focus {
    background-color: rgba(1, 40, 69, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-800:hover {
    background-color: rgba(1, 40, 69, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 25%, transparent);
    }
}
.focus\:bg-primary-25-900:focus {
    background-color: rgba(1, 33, 57, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 25%, transparent);
    }
}
.hover\:bg-primary-25-900:hover {
    background-color: rgba(1, 33, 57, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-900 {
    background-color: rgba(1, 33, 57, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-900:focus {
    background-color: rgba(1, 21, 36, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-900:hover {
    background-color: rgba(1, 21, 36, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 25%, transparent);
    }
}
.bg-primary-30-50 {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-50 {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.bg-primary-30-50-important {
    background-color: rgba(227, 238, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-50-important {
    background-color: rgba(227, 238, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent) !important;
    }
}
.bg-primary-30-100 {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-100 {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.bg-primary-30-100-important {
    background-color: rgba(199, 226, 247, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-100-important {
    background-color: rgba(199, 226, 247, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent) !important;
    }
}
.bg-primary-30-200 {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-200 {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.bg-primary-30-200-important {
    background-color: rgba(146, 200, 242, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-200-important {
    background-color: rgba(146, 200, 242, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent) !important;
    }
}
.bg-primary-30-300 {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-300 {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.bg-primary-30-300-important {
    background-color: rgba(87, 173, 240, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-300-important {
    background-color: rgba(87, 173, 240, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent) !important;
    }
}
.bg-primary-30-400 {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-400 {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.bg-primary-30-400-important {
    background-color: rgba(18, 143, 240, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-400-important {
    background-color: rgba(18, 143, 240, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent) !important;
    }
}
.bg-primary-30-500 {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-500 {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.bg-primary-30-500-important {
    background-color: rgba(6, 93, 160, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-500-important {
    background-color: rgba(6, 93, 160, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent) !important;
    }
}
.bg-primary-30-600 {
    background-color: rgba(6, 83, 142, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-600 {
    background-color: rgba(6, 79, 135, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 30%, transparent);
    }
}
.bg-primary-30-600-important {
    background-color: rgba(6, 83, 142, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-600-important {
    background-color: rgba(6, 79, 135, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 30%, transparent) !important;
    }
}
.bg-primary-30-700 {
    background-color: rgba(6, 68, 117, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-700 {
    background-color: rgba(5, 59, 102, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 30%, transparent);
    }
}
.bg-primary-30-700-important {
    background-color: rgba(6, 68, 117, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-700-important {
    background-color: rgba(5, 59, 102, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 30%, transparent) !important;
    }
}
.bg-primary-30-800 {
    background-color: rgba(1, 52, 91, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-800 {
    background-color: rgba(1, 40, 69, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 30%, transparent);
    }
}
.bg-primary-30-800-important {
    background-color: rgba(1, 52, 91, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-800-important {
    background-color: rgba(1, 40, 69, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 30%, transparent) !important;
    }
}
.bg-primary-30-900 {
    background-color: rgba(1, 33, 57, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-900 {
    background-color: rgba(1, 21, 36, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 30%, transparent);
    }
}
.bg-primary-30-900-important {
    background-color: rgba(1, 33, 57, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-900-important {
    background-color: rgba(1, 21, 36, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 30%, transparent) !important;
    }
}
.focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-50 {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 238, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 30%, transparent);
    }
}
.focus\:bg-primary-30-100:focus {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.hover\:bg-primary-30-100:hover {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-100 {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-100:focus {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-100:hover {
    background-color: rgba(199, 226, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 30%, transparent);
    }
}
.focus\:bg-primary-30-200:focus {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.hover\:bg-primary-30-200:hover {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-200 {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-200:focus {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-200:hover {
    background-color: rgba(146, 200, 242, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 30%, transparent);
    }
}
.focus\:bg-primary-30-300:focus {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.hover\:bg-primary-30-300:hover {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-300 {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-300:focus {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-300:hover {
    background-color: rgba(87, 173, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 30%, transparent);
    }
}
.focus\:bg-primary-30-400:focus {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.hover\:bg-primary-30-400:hover {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-400 {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-400:focus {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-400:hover {
    background-color: rgba(18, 143, 240, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 30%, transparent);
    }
}
.focus\:bg-primary-30-500:focus {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.hover\:bg-primary-30-500:hover {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-500 {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-500:focus {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-500:hover {
    background-color: rgba(6, 93, 160, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.focus\:bg-primary-30-600:focus {
    background-color: rgba(6, 83, 142, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 30%, transparent);
    }
}
.hover\:bg-primary-30-600:hover {
    background-color: rgba(6, 83, 142, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-600 {
    background-color: rgba(6, 83, 142, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-600:focus {
    background-color: rgba(6, 79, 135, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-600:hover {
    background-color: rgba(6, 79, 135, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 30%, transparent);
    }
}
.focus\:bg-primary-30-700:focus {
    background-color: rgba(6, 68, 117, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 30%, transparent);
    }
}
.hover\:bg-primary-30-700:hover {
    background-color: rgba(6, 68, 117, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-700 {
    background-color: rgba(6, 68, 117, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-700:focus {
    background-color: rgba(5, 59, 102, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-700:hover {
    background-color: rgba(5, 59, 102, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 30%, transparent);
    }
}
.focus\:bg-primary-30-800:focus {
    background-color: rgba(1, 52, 91, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 30%, transparent);
    }
}
.hover\:bg-primary-30-800:hover {
    background-color: rgba(1, 52, 91, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-800 {
    background-color: rgba(1, 52, 91, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-800:focus {
    background-color: rgba(1, 40, 69, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-800:hover {
    background-color: rgba(1, 40, 69, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 30%, transparent);
    }
}
.focus\:bg-primary-30-900:focus {
    background-color: rgba(1, 33, 57, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 30%, transparent);
    }
}
.hover\:bg-primary-30-900:hover {
    background-color: rgba(1, 33, 57, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-900 {
    background-color: rgba(1, 33, 57, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-900:focus {
    background-color: rgba(1, 21, 36, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-900:hover {
    background-color: rgba(1, 21, 36, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 30%, transparent);
    }
}
.bg-primary-40-50 {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-50 {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.bg-primary-40-50-important {
    background-color: rgba(227, 238, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-50-important {
    background-color: rgba(227, 238, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent) !important;
    }
}
.bg-primary-40-100 {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-100 {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.bg-primary-40-100-important {
    background-color: rgba(199, 226, 247, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-100-important {
    background-color: rgba(199, 226, 247, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent) !important;
    }
}
.bg-primary-40-200 {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-200 {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.bg-primary-40-200-important {
    background-color: rgba(146, 200, 242, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-200-important {
    background-color: rgba(146, 200, 242, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent) !important;
    }
}
.bg-primary-40-300 {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-300 {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.bg-primary-40-300-important {
    background-color: rgba(87, 173, 240, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-300-important {
    background-color: rgba(87, 173, 240, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent) !important;
    }
}
.bg-primary-40-400 {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-400 {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.bg-primary-40-400-important {
    background-color: rgba(18, 143, 240, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-400-important {
    background-color: rgba(18, 143, 240, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent) !important;
    }
}
.bg-primary-40-500 {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-500 {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.bg-primary-40-500-important {
    background-color: rgba(6, 93, 160, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-500-important {
    background-color: rgba(6, 93, 160, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent) !important;
    }
}
.bg-primary-40-600 {
    background-color: rgba(6, 83, 142, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-600 {
    background-color: rgba(6, 79, 135, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 40%, transparent);
    }
}
.bg-primary-40-600-important {
    background-color: rgba(6, 83, 142, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-600-important {
    background-color: rgba(6, 79, 135, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 40%, transparent) !important;
    }
}
.bg-primary-40-700 {
    background-color: rgba(6, 68, 117, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-700 {
    background-color: rgba(5, 59, 102, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 40%, transparent);
    }
}
.bg-primary-40-700-important {
    background-color: rgba(6, 68, 117, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-700-important {
    background-color: rgba(5, 59, 102, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 40%, transparent) !important;
    }
}
.bg-primary-40-800 {
    background-color: rgba(1, 52, 91, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-800 {
    background-color: rgba(1, 40, 69, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 40%, transparent);
    }
}
.bg-primary-40-800-important {
    background-color: rgba(1, 52, 91, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-800-important {
    background-color: rgba(1, 40, 69, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 40%, transparent) !important;
    }
}
.bg-primary-40-900 {
    background-color: rgba(1, 33, 57, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-900 {
    background-color: rgba(1, 21, 36, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 40%, transparent);
    }
}
.bg-primary-40-900-important {
    background-color: rgba(1, 33, 57, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-900-important {
    background-color: rgba(1, 21, 36, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 40%, transparent) !important;
    }
}
.focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-50 {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 238, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 40%, transparent);
    }
}
.focus\:bg-primary-40-100:focus {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.hover\:bg-primary-40-100:hover {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-100 {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-100:focus {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-100:hover {
    background-color: rgba(199, 226, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 40%, transparent);
    }
}
.focus\:bg-primary-40-200:focus {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.hover\:bg-primary-40-200:hover {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-200 {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-200:focus {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-200:hover {
    background-color: rgba(146, 200, 242, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 40%, transparent);
    }
}
.focus\:bg-primary-40-300:focus {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.hover\:bg-primary-40-300:hover {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-300 {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-300:focus {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-300:hover {
    background-color: rgba(87, 173, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 40%, transparent);
    }
}
.focus\:bg-primary-40-400:focus {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.hover\:bg-primary-40-400:hover {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-400 {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-400:focus {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-400:hover {
    background-color: rgba(18, 143, 240, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 40%, transparent);
    }
}
.focus\:bg-primary-40-500:focus {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.hover\:bg-primary-40-500:hover {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-500 {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-500:focus {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-500:hover {
    background-color: rgba(6, 93, 160, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.focus\:bg-primary-40-600:focus {
    background-color: rgba(6, 83, 142, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 40%, transparent);
    }
}
.hover\:bg-primary-40-600:hover {
    background-color: rgba(6, 83, 142, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-600 {
    background-color: rgba(6, 83, 142, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-600:focus {
    background-color: rgba(6, 79, 135, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-600:hover {
    background-color: rgba(6, 79, 135, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 40%, transparent);
    }
}
.focus\:bg-primary-40-700:focus {
    background-color: rgba(6, 68, 117, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 40%, transparent);
    }
}
.hover\:bg-primary-40-700:hover {
    background-color: rgba(6, 68, 117, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-700 {
    background-color: rgba(6, 68, 117, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-700:focus {
    background-color: rgba(5, 59, 102, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-700:hover {
    background-color: rgba(5, 59, 102, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 40%, transparent);
    }
}
.focus\:bg-primary-40-800:focus {
    background-color: rgba(1, 52, 91, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 40%, transparent);
    }
}
.hover\:bg-primary-40-800:hover {
    background-color: rgba(1, 52, 91, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-800 {
    background-color: rgba(1, 52, 91, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-800:focus {
    background-color: rgba(1, 40, 69, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-800:hover {
    background-color: rgba(1, 40, 69, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 40%, transparent);
    }
}
.focus\:bg-primary-40-900:focus {
    background-color: rgba(1, 33, 57, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 40%, transparent);
    }
}
.hover\:bg-primary-40-900:hover {
    background-color: rgba(1, 33, 57, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-900 {
    background-color: rgba(1, 33, 57, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-900:focus {
    background-color: rgba(1, 21, 36, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-900:hover {
    background-color: rgba(1, 21, 36, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 40%, transparent);
    }
}
.bg-primary-50-50 {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-50 {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.bg-primary-50-50-important {
    background-color: rgba(227, 238, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-50-important {
    background-color: rgba(227, 238, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent) !important;
    }
}
.bg-primary-50-100 {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-100 {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.bg-primary-50-100-important {
    background-color: rgba(199, 226, 247, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-100-important {
    background-color: rgba(199, 226, 247, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent) !important;
    }
}
.bg-primary-50-200 {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-200 {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.bg-primary-50-200-important {
    background-color: rgba(146, 200, 242, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-200-important {
    background-color: rgba(146, 200, 242, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent) !important;
    }
}
.bg-primary-50-300 {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-300 {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.bg-primary-50-300-important {
    background-color: rgba(87, 173, 240, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-300-important {
    background-color: rgba(87, 173, 240, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent) !important;
    }
}
.bg-primary-50-400 {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-400 {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.bg-primary-50-400-important {
    background-color: rgba(18, 143, 240, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-400-important {
    background-color: rgba(18, 143, 240, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent) !important;
    }
}
.bg-primary-50-500 {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-500 {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.bg-primary-50-500-important {
    background-color: rgba(6, 93, 160, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-500-important {
    background-color: rgba(6, 93, 160, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent) !important;
    }
}
.bg-primary-50-600 {
    background-color: rgba(6, 83, 142, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-600 {
    background-color: rgba(6, 79, 135, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 50%, transparent);
    }
}
.bg-primary-50-600-important {
    background-color: rgba(6, 83, 142, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-600-important {
    background-color: rgba(6, 79, 135, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 50%, transparent) !important;
    }
}
.bg-primary-50-700 {
    background-color: rgba(6, 68, 117, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-700 {
    background-color: rgba(5, 59, 102, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 50%, transparent);
    }
}
.bg-primary-50-700-important {
    background-color: rgba(6, 68, 117, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-700-important {
    background-color: rgba(5, 59, 102, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 50%, transparent) !important;
    }
}
.bg-primary-50-800 {
    background-color: rgba(1, 52, 91, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-800 {
    background-color: rgba(1, 40, 69, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 50%, transparent);
    }
}
.bg-primary-50-800-important {
    background-color: rgba(1, 52, 91, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-800-important {
    background-color: rgba(1, 40, 69, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 50%, transparent) !important;
    }
}
.bg-primary-50-900 {
    background-color: rgba(1, 33, 57, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-900 {
    background-color: rgba(1, 21, 36, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 50%, transparent);
    }
}
.bg-primary-50-900-important {
    background-color: rgba(1, 33, 57, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-900-important {
    background-color: rgba(1, 21, 36, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 50%, transparent) !important;
    }
}
.focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-50 {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 238, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 50%, transparent);
    }
}
.focus\:bg-primary-50-100:focus {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.hover\:bg-primary-50-100:hover {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-100 {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-100:focus {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-100:hover {
    background-color: rgba(199, 226, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 50%, transparent);
    }
}
.focus\:bg-primary-50-200:focus {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.hover\:bg-primary-50-200:hover {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-200 {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-200:focus {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-200:hover {
    background-color: rgba(146, 200, 242, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 50%, transparent);
    }
}
.focus\:bg-primary-50-300:focus {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.hover\:bg-primary-50-300:hover {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-300 {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-300:focus {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-300:hover {
    background-color: rgba(87, 173, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 50%, transparent);
    }
}
.focus\:bg-primary-50-400:focus {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.hover\:bg-primary-50-400:hover {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-400 {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-400:focus {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-400:hover {
    background-color: rgba(18, 143, 240, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 50%, transparent);
    }
}
.focus\:bg-primary-50-500:focus {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.hover\:bg-primary-50-500:hover {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-500 {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-500:focus {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-500:hover {
    background-color: rgba(6, 93, 160, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.focus\:bg-primary-50-600:focus {
    background-color: rgba(6, 83, 142, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 50%, transparent);
    }
}
.hover\:bg-primary-50-600:hover {
    background-color: rgba(6, 83, 142, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-600 {
    background-color: rgba(6, 83, 142, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-600:focus {
    background-color: rgba(6, 79, 135, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-600:hover {
    background-color: rgba(6, 79, 135, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 50%, transparent);
    }
}
.focus\:bg-primary-50-700:focus {
    background-color: rgba(6, 68, 117, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 50%, transparent);
    }
}
.hover\:bg-primary-50-700:hover {
    background-color: rgba(6, 68, 117, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-700 {
    background-color: rgba(6, 68, 117, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-700:focus {
    background-color: rgba(5, 59, 102, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-700:hover {
    background-color: rgba(5, 59, 102, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 50%, transparent);
    }
}
.focus\:bg-primary-50-800:focus {
    background-color: rgba(1, 52, 91, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 50%, transparent);
    }
}
.hover\:bg-primary-50-800:hover {
    background-color: rgba(1, 52, 91, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-800 {
    background-color: rgba(1, 52, 91, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-800:focus {
    background-color: rgba(1, 40, 69, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-800:hover {
    background-color: rgba(1, 40, 69, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 50%, transparent);
    }
}
.focus\:bg-primary-50-900:focus {
    background-color: rgba(1, 33, 57, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 50%, transparent);
    }
}
.hover\:bg-primary-50-900:hover {
    background-color: rgba(1, 33, 57, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-900 {
    background-color: rgba(1, 33, 57, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-900:focus {
    background-color: rgba(1, 21, 36, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-900:hover {
    background-color: rgba(1, 21, 36, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 50%, transparent);
    }
}
.bg-primary-60-50 {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-50 {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.bg-primary-60-50-important {
    background-color: rgba(227, 238, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-50-important {
    background-color: rgba(227, 238, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent) !important;
    }
}
.bg-primary-60-100 {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-100 {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.bg-primary-60-100-important {
    background-color: rgba(199, 226, 247, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-100-important {
    background-color: rgba(199, 226, 247, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent) !important;
    }
}
.bg-primary-60-200 {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-200 {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.bg-primary-60-200-important {
    background-color: rgba(146, 200, 242, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-200-important {
    background-color: rgba(146, 200, 242, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent) !important;
    }
}
.bg-primary-60-300 {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-300 {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.bg-primary-60-300-important {
    background-color: rgba(87, 173, 240, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-300-important {
    background-color: rgba(87, 173, 240, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent) !important;
    }
}
.bg-primary-60-400 {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-400 {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.bg-primary-60-400-important {
    background-color: rgba(18, 143, 240, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-400-important {
    background-color: rgba(18, 143, 240, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent) !important;
    }
}
.bg-primary-60-500 {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-500 {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.bg-primary-60-500-important {
    background-color: rgba(6, 93, 160, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-500-important {
    background-color: rgba(6, 93, 160, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent) !important;
    }
}
.bg-primary-60-600 {
    background-color: rgba(6, 83, 142, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-600 {
    background-color: rgba(6, 79, 135, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 60%, transparent);
    }
}
.bg-primary-60-600-important {
    background-color: rgba(6, 83, 142, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-600-important {
    background-color: rgba(6, 79, 135, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 60%, transparent) !important;
    }
}
.bg-primary-60-700 {
    background-color: rgba(6, 68, 117, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-700 {
    background-color: rgba(5, 59, 102, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 60%, transparent);
    }
}
.bg-primary-60-700-important {
    background-color: rgba(6, 68, 117, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-700-important {
    background-color: rgba(5, 59, 102, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 60%, transparent) !important;
    }
}
.bg-primary-60-800 {
    background-color: rgba(1, 52, 91, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-800 {
    background-color: rgba(1, 40, 69, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 60%, transparent);
    }
}
.bg-primary-60-800-important {
    background-color: rgba(1, 52, 91, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-800-important {
    background-color: rgba(1, 40, 69, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 60%, transparent) !important;
    }
}
.bg-primary-60-900 {
    background-color: rgba(1, 33, 57, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-900 {
    background-color: rgba(1, 21, 36, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 60%, transparent);
    }
}
.bg-primary-60-900-important {
    background-color: rgba(1, 33, 57, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-900-important {
    background-color: rgba(1, 21, 36, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 60%, transparent) !important;
    }
}
.focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-50 {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 238, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 60%, transparent);
    }
}
.focus\:bg-primary-60-100:focus {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.hover\:bg-primary-60-100:hover {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-100 {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-100:focus {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-100:hover {
    background-color: rgba(199, 226, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 60%, transparent);
    }
}
.focus\:bg-primary-60-200:focus {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.hover\:bg-primary-60-200:hover {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-200 {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-200:focus {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-200:hover {
    background-color: rgba(146, 200, 242, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 60%, transparent);
    }
}
.focus\:bg-primary-60-300:focus {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.hover\:bg-primary-60-300:hover {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-300 {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-300:focus {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-300:hover {
    background-color: rgba(87, 173, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 60%, transparent);
    }
}
.focus\:bg-primary-60-400:focus {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.hover\:bg-primary-60-400:hover {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-400 {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-400:focus {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-400:hover {
    background-color: rgba(18, 143, 240, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 60%, transparent);
    }
}
.focus\:bg-primary-60-500:focus {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.hover\:bg-primary-60-500:hover {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-500 {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-500:focus {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-500:hover {
    background-color: rgba(6, 93, 160, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.focus\:bg-primary-60-600:focus {
    background-color: rgba(6, 83, 142, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 60%, transparent);
    }
}
.hover\:bg-primary-60-600:hover {
    background-color: rgba(6, 83, 142, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-600 {
    background-color: rgba(6, 83, 142, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-600:focus {
    background-color: rgba(6, 79, 135, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-600:hover {
    background-color: rgba(6, 79, 135, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 60%, transparent);
    }
}
.focus\:bg-primary-60-700:focus {
    background-color: rgba(6, 68, 117, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 60%, transparent);
    }
}
.hover\:bg-primary-60-700:hover {
    background-color: rgba(6, 68, 117, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-700 {
    background-color: rgba(6, 68, 117, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-700:focus {
    background-color: rgba(5, 59, 102, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-700:hover {
    background-color: rgba(5, 59, 102, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 60%, transparent);
    }
}
.focus\:bg-primary-60-800:focus {
    background-color: rgba(1, 52, 91, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 60%, transparent);
    }
}
.hover\:bg-primary-60-800:hover {
    background-color: rgba(1, 52, 91, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-800 {
    background-color: rgba(1, 52, 91, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-800:focus {
    background-color: rgba(1, 40, 69, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-800:hover {
    background-color: rgba(1, 40, 69, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 60%, transparent);
    }
}
.focus\:bg-primary-60-900:focus {
    background-color: rgba(1, 33, 57, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 60%, transparent);
    }
}
.hover\:bg-primary-60-900:hover {
    background-color: rgba(1, 33, 57, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-900 {
    background-color: rgba(1, 33, 57, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-900:focus {
    background-color: rgba(1, 21, 36, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-900:hover {
    background-color: rgba(1, 21, 36, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 60%, transparent);
    }
}
.bg-primary-70-50 {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-50 {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.bg-primary-70-50-important {
    background-color: rgba(227, 238, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-50-important {
    background-color: rgba(227, 238, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent) !important;
    }
}
.bg-primary-70-100 {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-100 {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.bg-primary-70-100-important {
    background-color: rgba(199, 226, 247, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-100-important {
    background-color: rgba(199, 226, 247, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent) !important;
    }
}
.bg-primary-70-200 {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-200 {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.bg-primary-70-200-important {
    background-color: rgba(146, 200, 242, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-200-important {
    background-color: rgba(146, 200, 242, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent) !important;
    }
}
.bg-primary-70-300 {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-300 {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.bg-primary-70-300-important {
    background-color: rgba(87, 173, 240, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-300-important {
    background-color: rgba(87, 173, 240, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent) !important;
    }
}
.bg-primary-70-400 {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-400 {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.bg-primary-70-400-important {
    background-color: rgba(18, 143, 240, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-400-important {
    background-color: rgba(18, 143, 240, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent) !important;
    }
}
.bg-primary-70-500 {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-500 {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.bg-primary-70-500-important {
    background-color: rgba(6, 93, 160, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-500-important {
    background-color: rgba(6, 93, 160, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent) !important;
    }
}
.bg-primary-70-600 {
    background-color: rgba(6, 83, 142, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-600 {
    background-color: rgba(6, 79, 135, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 70%, transparent);
    }
}
.bg-primary-70-600-important {
    background-color: rgba(6, 83, 142, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-600-important {
    background-color: rgba(6, 79, 135, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 70%, transparent) !important;
    }
}
.bg-primary-70-700 {
    background-color: rgba(6, 68, 117, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-700 {
    background-color: rgba(5, 59, 102, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 70%, transparent);
    }
}
.bg-primary-70-700-important {
    background-color: rgba(6, 68, 117, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-700-important {
    background-color: rgba(5, 59, 102, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 70%, transparent) !important;
    }
}
.bg-primary-70-800 {
    background-color: rgba(1, 52, 91, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-800 {
    background-color: rgba(1, 40, 69, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 70%, transparent);
    }
}
.bg-primary-70-800-important {
    background-color: rgba(1, 52, 91, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-800-important {
    background-color: rgba(1, 40, 69, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 70%, transparent) !important;
    }
}
.bg-primary-70-900 {
    background-color: rgba(1, 33, 57, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-900 {
    background-color: rgba(1, 21, 36, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 70%, transparent);
    }
}
.bg-primary-70-900-important {
    background-color: rgba(1, 33, 57, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-900-important {
    background-color: rgba(1, 21, 36, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 70%, transparent) !important;
    }
}
.focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-50 {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 238, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 70%, transparent);
    }
}
.focus\:bg-primary-70-100:focus {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.hover\:bg-primary-70-100:hover {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-100 {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-100:focus {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-100:hover {
    background-color: rgba(199, 226, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 70%, transparent);
    }
}
.focus\:bg-primary-70-200:focus {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.hover\:bg-primary-70-200:hover {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-200 {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-200:focus {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-200:hover {
    background-color: rgba(146, 200, 242, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 70%, transparent);
    }
}
.focus\:bg-primary-70-300:focus {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.hover\:bg-primary-70-300:hover {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-300 {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-300:focus {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-300:hover {
    background-color: rgba(87, 173, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 70%, transparent);
    }
}
.focus\:bg-primary-70-400:focus {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.hover\:bg-primary-70-400:hover {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-400 {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-400:focus {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-400:hover {
    background-color: rgba(18, 143, 240, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 70%, transparent);
    }
}
.focus\:bg-primary-70-500:focus {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.hover\:bg-primary-70-500:hover {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-500 {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-500:focus {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-500:hover {
    background-color: rgba(6, 93, 160, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.focus\:bg-primary-70-600:focus {
    background-color: rgba(6, 83, 142, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 70%, transparent);
    }
}
.hover\:bg-primary-70-600:hover {
    background-color: rgba(6, 83, 142, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-600 {
    background-color: rgba(6, 83, 142, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-600:focus {
    background-color: rgba(6, 79, 135, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-600:hover {
    background-color: rgba(6, 79, 135, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 70%, transparent);
    }
}
.focus\:bg-primary-70-700:focus {
    background-color: rgba(6, 68, 117, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 70%, transparent);
    }
}
.hover\:bg-primary-70-700:hover {
    background-color: rgba(6, 68, 117, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-700 {
    background-color: rgba(6, 68, 117, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-700:focus {
    background-color: rgba(5, 59, 102, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-700:hover {
    background-color: rgba(5, 59, 102, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 70%, transparent);
    }
}
.focus\:bg-primary-70-800:focus {
    background-color: rgba(1, 52, 91, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 70%, transparent);
    }
}
.hover\:bg-primary-70-800:hover {
    background-color: rgba(1, 52, 91, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-800 {
    background-color: rgba(1, 52, 91, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-800:focus {
    background-color: rgba(1, 40, 69, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-800:hover {
    background-color: rgba(1, 40, 69, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 70%, transparent);
    }
}
.focus\:bg-primary-70-900:focus {
    background-color: rgba(1, 33, 57, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 70%, transparent);
    }
}
.hover\:bg-primary-70-900:hover {
    background-color: rgba(1, 33, 57, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-900 {
    background-color: rgba(1, 33, 57, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-900:focus {
    background-color: rgba(1, 21, 36, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-900:hover {
    background-color: rgba(1, 21, 36, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 70%, transparent);
    }
}
.bg-primary-80-50 {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-50 {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.bg-primary-80-50-important {
    background-color: rgba(227, 238, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-50-important {
    background-color: rgba(227, 238, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent) !important;
    }
}
.bg-primary-80-100 {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-100 {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.bg-primary-80-100-important {
    background-color: rgba(199, 226, 247, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-100-important {
    background-color: rgba(199, 226, 247, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent) !important;
    }
}
.bg-primary-80-200 {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-200 {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.bg-primary-80-200-important {
    background-color: rgba(146, 200, 242, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-200-important {
    background-color: rgba(146, 200, 242, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent) !important;
    }
}
.bg-primary-80-300 {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-300 {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.bg-primary-80-300-important {
    background-color: rgba(87, 173, 240, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-300-important {
    background-color: rgba(87, 173, 240, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent) !important;
    }
}
.bg-primary-80-400 {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-400 {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.bg-primary-80-400-important {
    background-color: rgba(18, 143, 240, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-400-important {
    background-color: rgba(18, 143, 240, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent) !important;
    }
}
.bg-primary-80-500 {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-500 {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.bg-primary-80-500-important {
    background-color: rgba(6, 93, 160, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-500-important {
    background-color: rgba(6, 93, 160, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent) !important;
    }
}
.bg-primary-80-600 {
    background-color: rgba(6, 83, 142, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-600 {
    background-color: rgba(6, 79, 135, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 80%, transparent);
    }
}
.bg-primary-80-600-important {
    background-color: rgba(6, 83, 142, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-600-important {
    background-color: rgba(6, 79, 135, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 80%, transparent) !important;
    }
}
.bg-primary-80-700 {
    background-color: rgba(6, 68, 117, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-700 {
    background-color: rgba(5, 59, 102, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 80%, transparent);
    }
}
.bg-primary-80-700-important {
    background-color: rgba(6, 68, 117, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-700-important {
    background-color: rgba(5, 59, 102, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 80%, transparent) !important;
    }
}
.bg-primary-80-800 {
    background-color: rgba(1, 52, 91, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-800 {
    background-color: rgba(1, 40, 69, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 80%, transparent);
    }
}
.bg-primary-80-800-important {
    background-color: rgba(1, 52, 91, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-800-important {
    background-color: rgba(1, 40, 69, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 80%, transparent) !important;
    }
}
.bg-primary-80-900 {
    background-color: rgba(1, 33, 57, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-900 {
    background-color: rgba(1, 21, 36, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 80%, transparent);
    }
}
.bg-primary-80-900-important {
    background-color: rgba(1, 33, 57, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-900-important {
    background-color: rgba(1, 21, 36, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 80%, transparent) !important;
    }
}
.focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-50 {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 238, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 80%, transparent);
    }
}
.focus\:bg-primary-80-100:focus {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.hover\:bg-primary-80-100:hover {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-100 {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-100:focus {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-100:hover {
    background-color: rgba(199, 226, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 80%, transparent);
    }
}
.focus\:bg-primary-80-200:focus {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.hover\:bg-primary-80-200:hover {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-200 {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-200:focus {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-200:hover {
    background-color: rgba(146, 200, 242, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 80%, transparent);
    }
}
.focus\:bg-primary-80-300:focus {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.hover\:bg-primary-80-300:hover {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-300 {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-300:focus {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-300:hover {
    background-color: rgba(87, 173, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 80%, transparent);
    }
}
.focus\:bg-primary-80-400:focus {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.hover\:bg-primary-80-400:hover {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-400 {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-400:focus {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-400:hover {
    background-color: rgba(18, 143, 240, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 80%, transparent);
    }
}
.focus\:bg-primary-80-500:focus {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.hover\:bg-primary-80-500:hover {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-500 {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-500:focus {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-500:hover {
    background-color: rgba(6, 93, 160, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.focus\:bg-primary-80-600:focus {
    background-color: rgba(6, 83, 142, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 80%, transparent);
    }
}
.hover\:bg-primary-80-600:hover {
    background-color: rgba(6, 83, 142, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-600 {
    background-color: rgba(6, 83, 142, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-600:focus {
    background-color: rgba(6, 79, 135, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-600:hover {
    background-color: rgba(6, 79, 135, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 80%, transparent);
    }
}
.focus\:bg-primary-80-700:focus {
    background-color: rgba(6, 68, 117, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 80%, transparent);
    }
}
.hover\:bg-primary-80-700:hover {
    background-color: rgba(6, 68, 117, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-700 {
    background-color: rgba(6, 68, 117, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-700:focus {
    background-color: rgba(5, 59, 102, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-700:hover {
    background-color: rgba(5, 59, 102, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 80%, transparent);
    }
}
.focus\:bg-primary-80-800:focus {
    background-color: rgba(1, 52, 91, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 80%, transparent);
    }
}
.hover\:bg-primary-80-800:hover {
    background-color: rgba(1, 52, 91, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-800 {
    background-color: rgba(1, 52, 91, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-800:focus {
    background-color: rgba(1, 40, 69, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-800:hover {
    background-color: rgba(1, 40, 69, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 80%, transparent);
    }
}
.focus\:bg-primary-80-900:focus {
    background-color: rgba(1, 33, 57, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 80%, transparent);
    }
}
.hover\:bg-primary-80-900:hover {
    background-color: rgba(1, 33, 57, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-900 {
    background-color: rgba(1, 33, 57, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-900:focus {
    background-color: rgba(1, 21, 36, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-900:hover {
    background-color: rgba(1, 21, 36, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 80%, transparent);
    }
}
.bg-primary-90-50 {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-50 {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.bg-primary-90-50-important {
    background-color: rgba(227, 238, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-50-important {
    background-color: rgba(227, 238, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent) !important;
    }
}
.bg-primary-90-100 {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-100 {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.bg-primary-90-100-important {
    background-color: rgba(199, 226, 247, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-100-important {
    background-color: rgba(199, 226, 247, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent) !important;
    }
}
.bg-primary-90-200 {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-200 {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.bg-primary-90-200-important {
    background-color: rgba(146, 200, 242, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-200-important {
    background-color: rgba(146, 200, 242, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent) !important;
    }
}
.bg-primary-90-300 {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-300 {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.bg-primary-90-300-important {
    background-color: rgba(87, 173, 240, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-300-important {
    background-color: rgba(87, 173, 240, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent) !important;
    }
}
.bg-primary-90-400 {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-400 {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.bg-primary-90-400-important {
    background-color: rgba(18, 143, 240, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-400-important {
    background-color: rgba(18, 143, 240, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent) !important;
    }
}
.bg-primary-90-500 {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-500 {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.bg-primary-90-500-important {
    background-color: rgba(6, 93, 160, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-500-important {
    background-color: rgba(6, 93, 160, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent) !important;
    }
}
.bg-primary-90-600 {
    background-color: rgba(6, 83, 142, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-600 {
    background-color: rgba(6, 79, 135, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 90%, transparent);
    }
}
.bg-primary-90-600-important {
    background-color: rgba(6, 83, 142, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-600-important {
    background-color: rgba(6, 79, 135, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 90%, transparent) !important;
    }
}
.bg-primary-90-700 {
    background-color: rgba(6, 68, 117, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-700 {
    background-color: rgba(5, 59, 102, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 90%, transparent);
    }
}
.bg-primary-90-700-important {
    background-color: rgba(6, 68, 117, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-700-important {
    background-color: rgba(5, 59, 102, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 90%, transparent) !important;
    }
}
.bg-primary-90-800 {
    background-color: rgba(1, 52, 91, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-800 {
    background-color: rgba(1, 40, 69, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 90%, transparent);
    }
}
.bg-primary-90-800-important {
    background-color: rgba(1, 52, 91, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-800-important {
    background-color: rgba(1, 40, 69, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 90%, transparent) !important;
    }
}
.bg-primary-90-900 {
    background-color: rgba(1, 33, 57, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-900 {
    background-color: rgba(1, 21, 36, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 90%, transparent);
    }
}
.bg-primary-90-900-important {
    background-color: rgba(1, 33, 57, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-900-important {
    background-color: rgba(1, 21, 36, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 90%, transparent) !important;
    }
}
.focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-50 {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 238, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 90%, transparent);
    }
}
.focus\:bg-primary-90-100:focus {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.hover\:bg-primary-90-100:hover {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-100 {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-100:focus {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-100:hover {
    background-color: rgba(199, 226, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 90%, transparent);
    }
}
.focus\:bg-primary-90-200:focus {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.hover\:bg-primary-90-200:hover {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-200 {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-200:focus {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-200:hover {
    background-color: rgba(146, 200, 242, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 90%, transparent);
    }
}
.focus\:bg-primary-90-300:focus {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.hover\:bg-primary-90-300:hover {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-300 {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-300:focus {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-300:hover {
    background-color: rgba(87, 173, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 90%, transparent);
    }
}
.focus\:bg-primary-90-400:focus {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.hover\:bg-primary-90-400:hover {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-400 {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-400:focus {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-400:hover {
    background-color: rgba(18, 143, 240, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 90%, transparent);
    }
}
.focus\:bg-primary-90-500:focus {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.hover\:bg-primary-90-500:hover {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-500 {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-500:focus {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-500:hover {
    background-color: rgba(6, 93, 160, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.focus\:bg-primary-90-600:focus {
    background-color: rgba(6, 83, 142, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 90%, transparent);
    }
}
.hover\:bg-primary-90-600:hover {
    background-color: rgba(6, 83, 142, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-600 {
    background-color: rgba(6, 83, 142, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-600:focus {
    background-color: rgba(6, 79, 135, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-600:hover {
    background-color: rgba(6, 79, 135, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 90%, transparent);
    }
}
.focus\:bg-primary-90-700:focus {
    background-color: rgba(6, 68, 117, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 90%, transparent);
    }
}
.hover\:bg-primary-90-700:hover {
    background-color: rgba(6, 68, 117, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-700 {
    background-color: rgba(6, 68, 117, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-700:focus {
    background-color: rgba(5, 59, 102, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-700:hover {
    background-color: rgba(5, 59, 102, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 90%, transparent);
    }
}
.focus\:bg-primary-90-800:focus {
    background-color: rgba(1, 52, 91, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 90%, transparent);
    }
}
.hover\:bg-primary-90-800:hover {
    background-color: rgba(1, 52, 91, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-800 {
    background-color: rgba(1, 52, 91, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-800:focus {
    background-color: rgba(1, 40, 69, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-800:hover {
    background-color: rgba(1, 40, 69, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 90%, transparent);
    }
}
.focus\:bg-primary-90-900:focus {
    background-color: rgba(1, 33, 57, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 90%, transparent);
    }
}
.hover\:bg-primary-90-900:hover {
    background-color: rgba(1, 33, 57, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-900 {
    background-color: rgba(1, 33, 57, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-900:focus {
    background-color: rgba(1, 21, 36, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-900:hover {
    background-color: rgba(1, 21, 36, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 90%, transparent);
    }
}
.bg-primary-75-50 {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-50 {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.bg-primary-75-50-important {
    background-color: rgba(227, 238, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-50-important {
    background-color: rgba(227, 238, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent) !important;
    }
}
.bg-primary-75-100 {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-100 {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.bg-primary-75-100-important {
    background-color: rgba(199, 226, 247, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-100-important {
    background-color: rgba(199, 226, 247, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent) !important;
    }
}
.bg-primary-75-200 {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-200 {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.bg-primary-75-200-important {
    background-color: rgba(146, 200, 242, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-200-important {
    background-color: rgba(146, 200, 242, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent) !important;
    }
}
.bg-primary-75-300 {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-300 {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.bg-primary-75-300-important {
    background-color: rgba(87, 173, 240, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-300-important {
    background-color: rgba(87, 173, 240, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent) !important;
    }
}
.bg-primary-75-400 {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-400 {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.bg-primary-75-400-important {
    background-color: rgba(18, 143, 240, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-400-important {
    background-color: rgba(18, 143, 240, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent) !important;
    }
}
.bg-primary-75-500 {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-500 {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.bg-primary-75-500-important {
    background-color: rgba(6, 93, 160, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-500-important {
    background-color: rgba(6, 93, 160, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent) !important;
    }
}
.bg-primary-75-600 {
    background-color: rgba(6, 83, 142, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-600 {
    background-color: rgba(6, 79, 135, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 75%, transparent);
    }
}
.bg-primary-75-600-important {
    background-color: rgba(6, 83, 142, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-600-important {
    background-color: rgba(6, 79, 135, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 75%, transparent) !important;
    }
}
.bg-primary-75-700 {
    background-color: rgba(6, 68, 117, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-700 {
    background-color: rgba(5, 59, 102, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 75%, transparent);
    }
}
.bg-primary-75-700-important {
    background-color: rgba(6, 68, 117, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-700-important {
    background-color: rgba(5, 59, 102, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 75%, transparent) !important;
    }
}
.bg-primary-75-800 {
    background-color: rgba(1, 52, 91, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-800 {
    background-color: rgba(1, 40, 69, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 75%, transparent);
    }
}
.bg-primary-75-800-important {
    background-color: rgba(1, 52, 91, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-800-important {
    background-color: rgba(1, 40, 69, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 75%, transparent) !important;
    }
}
.bg-primary-75-900 {
    background-color: rgba(1, 33, 57, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-900 {
    background-color: rgba(1, 21, 36, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 75%, transparent);
    }
}
.bg-primary-75-900-important {
    background-color: rgba(1, 33, 57, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-900-important {
    background-color: rgba(1, 21, 36, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 75%, transparent) !important;
    }
}
.focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-50 {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 238, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3eef6 75%, transparent);
    }
}
.focus\:bg-primary-75-100:focus {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.hover\:bg-primary-75-100:hover {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-100 {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-100:focus {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-100:hover {
    background-color: rgba(199, 226, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c7e2f7 75%, transparent);
    }
}
.focus\:bg-primary-75-200:focus {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.hover\:bg-primary-75-200:hover {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-200 {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-200:focus {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-200:hover {
    background-color: rgba(146, 200, 242, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #92c8f2 75%, transparent);
    }
}
.focus\:bg-primary-75-300:focus {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.hover\:bg-primary-75-300:hover {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-300 {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-300:focus {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-300:hover {
    background-color: rgba(87, 173, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #57adf0 75%, transparent);
    }
}
.focus\:bg-primary-75-400:focus {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.hover\:bg-primary-75-400:hover {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-400 {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-400:focus {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-400:hover {
    background-color: rgba(18, 143, 240, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #128ff0 75%, transparent);
    }
}
.focus\:bg-primary-75-500:focus {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.hover\:bg-primary-75-500:hover {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-500 {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-500:focus {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-500:hover {
    background-color: rgba(6, 93, 160, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.focus\:bg-primary-75-600:focus {
    background-color: rgba(6, 83, 142, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 75%, transparent);
    }
}
.hover\:bg-primary-75-600:hover {
    background-color: rgba(6, 83, 142, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-600 {
    background-color: rgba(6, 83, 142, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #06538e 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-600:focus {
    background-color: rgba(6, 79, 135, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-600:hover {
    background-color: rgba(6, 79, 135, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064f87 75%, transparent);
    }
}
.focus\:bg-primary-75-700:focus {
    background-color: rgba(6, 68, 117, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 75%, transparent);
    }
}
.hover\:bg-primary-75-700:hover {
    background-color: rgba(6, 68, 117, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-700 {
    background-color: rgba(6, 68, 117, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #064475 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-700:focus {
    background-color: rgba(5, 59, 102, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-700:hover {
    background-color: rgba(5, 59, 102, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #053b66 75%, transparent);
    }
}
.focus\:bg-primary-75-800:focus {
    background-color: rgba(1, 52, 91, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 75%, transparent);
    }
}
.hover\:bg-primary-75-800:hover {
    background-color: rgba(1, 52, 91, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-800 {
    background-color: rgba(1, 52, 91, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01345b 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-800:focus {
    background-color: rgba(1, 40, 69, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-800:hover {
    background-color: rgba(1, 40, 69, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012845 75%, transparent);
    }
}
.focus\:bg-primary-75-900:focus {
    background-color: rgba(1, 33, 57, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 75%, transparent);
    }
}
.hover\:bg-primary-75-900:hover {
    background-color: rgba(1, 33, 57, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-900 {
    background-color: rgba(1, 33, 57, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #012139 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-900:focus {
    background-color: rgba(1, 21, 36, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-900:hover {
    background-color: rgba(1, 21, 36, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #011524 75%, transparent);
    }
}
.text-primary-50 {
    color: #e3eef6;
    
}
.dark .dark\:text-primary-50 {
    color: #e3eef6;
    
}
.text-primary-100 {
    color: #c7e2f7;
    
}
.dark .dark\:text-primary-100 {
    color: #c7e2f7;
    
}
.text-primary-200 {
    color: #92c8f2;
    
}
.dark .dark\:text-primary-200 {
    color: #92c8f2;
    
}
.text-primary-300 {
    color: #57adf0;
    
}
.dark .dark\:text-primary-300 {
    color: #57adf0;
    
}
.text-primary-400 {
    color: #128ff0;
    
}
.dark .dark\:text-primary-400 {
    color: #128ff0;
    
}
.text-primary-500 {
    color: #065da0;
    
}
.dark .dark\:text-primary-500 {
    color: #065da0;
    
}
.text-primary-600 {
    color: #06538e;
    
}
.dark .dark\:text-primary-600 {
    color: #064f87;
    
}
.text-primary-700 {
    color: #064475;
    
}
.dark .dark\:text-primary-700 {
    color: #053b66;
    
}
.text-primary-800 {
    color: #01345b;
    
}
.dark .dark\:text-primary-800 {
    color: #012845;
    
}
.text-primary-900 {
    color: #012139;
    
}
.dark .dark\:text-primary-900 {
    color: #011524;
    
}
.text-primary-50-important {
    color: #e3eef6 !important;
    
}
.dark .dark\:text-primary-50-important {
    color: #e3eef6 !important;
    
}
.text-primary-100-important {
    color: #c7e2f7 !important;
    
}
.dark .dark\:text-primary-100-important {
    color: #c7e2f7 !important;
    
}
.text-primary-200-important {
    color: #92c8f2 !important;
    
}
.dark .dark\:text-primary-200-important {
    color: #92c8f2 !important;
    
}
.text-primary-300-important {
    color: #57adf0 !important;
    
}
.dark .dark\:text-primary-300-important {
    color: #57adf0 !important;
    
}
.text-primary-400-important {
    color: #128ff0 !important;
    
}
.dark .dark\:text-primary-400-important {
    color: #128ff0 !important;
    
}
.text-primary-500-important {
    color: #065da0 !important;
    
}
.dark .dark\:text-primary-500-important {
    color: #065da0 !important;
    
}
.text-primary-600-important {
    color: #06538e !important;
    
}
.dark .dark\:text-primary-600-important {
    color: #064f87 !important;
    
}
.text-primary-700-important {
    color: #064475 !important;
    
}
.dark .dark\:text-primary-700-important {
    color: #053b66 !important;
    
}
.text-primary-800-important {
    color: #01345b !important;
    
}
.dark .dark\:text-primary-800-important {
    color: #012845 !important;
    
}
.text-primary-900-important {
    color: #012139 !important;
    
}
.dark .dark\:text-primary-900-important {
    color: #011524 !important;
    
}
.focus\:text-primary-50:focus {
    color: #e3eef6;
    
}
.dark .dark\:focus\:text-primary-50:focus {
    color: #e3eef6;
    
}
.focus\:text-primary-100:focus {
    color: #c7e2f7;
    
}
.dark .dark\:focus\:text-primary-100:focus {
    color: #c7e2f7;
    
}
.focus\:text-primary-200:focus {
    color: #92c8f2;
    
}
.dark .dark\:focus\:text-primary-200:focus {
    color: #92c8f2;
    
}
.focus\:text-primary-300:focus {
    color: #57adf0;
    
}
.dark .dark\:focus\:text-primary-300:focus {
    color: #57adf0;
    
}
.focus\:text-primary-400:focus {
    color: #128ff0;
    
}
.dark .dark\:focus\:text-primary-400:focus {
    color: #128ff0;
    
}
.focus\:text-primary-500:focus {
    color: #065da0;
    
}
.dark .dark\:focus\:text-primary-500:focus {
    color: #065da0;
    
}
.focus\:text-primary-600:focus {
    color: #06538e;
    
}
.dark .dark\:focus\:text-primary-600:focus {
    color: #064f87;
    
}
.focus\:text-primary-700:focus {
    color: #064475;
    
}
.dark .dark\:focus\:text-primary-700:focus {
    color: #053b66;
    
}
.focus\:text-primary-800:focus {
    color: #01345b;
    
}
.dark .dark\:focus\:text-primary-800:focus {
    color: #012845;
    
}
.focus\:text-primary-900:focus {
    color: #012139;
    
}
.dark .dark\:focus\:text-primary-900:focus {
    color: #011524;
    
}
.focus\:text-primary-50-important:focus {
    color: #e3eef6 !important;
    
}
.dark .dark\:focus\:text-primary-50-important:focus {
    color: #e3eef6 !important;
    
}
.focus\:text-primary-100-important:focus {
    color: #c7e2f7 !important;
    
}
.dark .dark\:focus\:text-primary-100-important:focus {
    color: #c7e2f7 !important;
    
}
.focus\:text-primary-200-important:focus {
    color: #92c8f2 !important;
    
}
.dark .dark\:focus\:text-primary-200-important:focus {
    color: #92c8f2 !important;
    
}
.focus\:text-primary-300-important:focus {
    color: #57adf0 !important;
    
}
.dark .dark\:focus\:text-primary-300-important:focus {
    color: #57adf0 !important;
    
}
.focus\:text-primary-400-important:focus {
    color: #128ff0 !important;
    
}
.dark .dark\:focus\:text-primary-400-important:focus {
    color: #128ff0 !important;
    
}
.focus\:text-primary-500-important:focus {
    color: #065da0 !important;
    
}
.dark .dark\:focus\:text-primary-500-important:focus {
    color: #065da0 !important;
    
}
.focus\:text-primary-600-important:focus {
    color: #06538e !important;
    
}
.dark .dark\:focus\:text-primary-600-important:focus {
    color: #064f87 !important;
    
}
.focus\:text-primary-700-important:focus {
    color: #064475 !important;
    
}
.dark .dark\:focus\:text-primary-700-important:focus {
    color: #053b66 !important;
    
}
.focus\:text-primary-800-important:focus {
    color: #01345b !important;
    
}
.dark .dark\:focus\:text-primary-800-important:focus {
    color: #012845 !important;
    
}
.focus\:text-primary-900-important:focus {
    color: #012139 !important;
    
}
.dark .dark\:focus\:text-primary-900-important:focus {
    color: #011524 !important;
    
}
.hover\:text-primary-50:hover {
    color: #e3eef6;
    
}
.dark .dark\:hover\:text-primary-50:hover {
    color: #e3eef6;
    
}
.group:hover .group-hover\:text-primary-50 {
    color: #e3eef6;
    
}
.hover\:text-primary-100:hover {
    color: #c7e2f7;
    
}
.dark .dark\:hover\:text-primary-100:hover {
    color: #c7e2f7;
    
}
.group:hover .group-hover\:text-primary-100 {
    color: #c7e2f7;
    
}
.hover\:text-primary-200:hover {
    color: #92c8f2;
    
}
.dark .dark\:hover\:text-primary-200:hover {
    color: #92c8f2;
    
}
.group:hover .group-hover\:text-primary-200 {
    color: #92c8f2;
    
}
.hover\:text-primary-300:hover {
    color: #57adf0;
    
}
.dark .dark\:hover\:text-primary-300:hover {
    color: #57adf0;
    
}
.group:hover .group-hover\:text-primary-300 {
    color: #57adf0;
    
}
.hover\:text-primary-400:hover {
    color: #128ff0;
    
}
.dark .dark\:hover\:text-primary-400:hover {
    color: #128ff0;
    
}
.group:hover .group-hover\:text-primary-400 {
    color: #128ff0;
    
}
.hover\:text-primary-500:hover {
    color: #065da0;
    
}
.dark .dark\:hover\:text-primary-500:hover {
    color: #065da0;
    
}
.group:hover .group-hover\:text-primary-500 {
    color: #065da0;
    
}
.hover\:text-primary-600:hover {
    color: #06538e;
    
}
.dark .dark\:hover\:text-primary-600:hover {
    color: #064f87;
    
}
.group:hover .group-hover\:text-primary-600 {
    color: #06538e;
    
}
.hover\:text-primary-700:hover {
    color: #064475;
    
}
.dark .dark\:hover\:text-primary-700:hover {
    color: #053b66;
    
}
.group:hover .group-hover\:text-primary-700 {
    color: #064475;
    
}
.hover\:text-primary-800:hover {
    color: #01345b;
    
}
.dark .dark\:hover\:text-primary-800:hover {
    color: #012845;
    
}
.group:hover .group-hover\:text-primary-800 {
    color: #01345b;
    
}
.hover\:text-primary-900:hover {
    color: #012139;
    
}
.dark .dark\:hover\:text-primary-900:hover {
    color: #011524;
    
}
.group:hover .group-hover\:text-primary-900 {
    color: #012139;
    
}
.hover\:text-primary-50-important:hover {
    color: #e3eef6 !important;
    
}
.dark .dark\:hover\:text-primary-50-important:hover {
    color: #e3eef6 !important;
    
}
.group:hover .group-hover\:text-primary-50-important {
    color: #e3eef6 !important;
    
}
.hover\:text-primary-100-important:hover {
    color: #c7e2f7 !important;
    
}
.dark .dark\:hover\:text-primary-100-important:hover {
    color: #c7e2f7 !important;
    
}
.group:hover .group-hover\:text-primary-100-important {
    color: #c7e2f7 !important;
    
}
.hover\:text-primary-200-important:hover {
    color: #92c8f2 !important;
    
}
.dark .dark\:hover\:text-primary-200-important:hover {
    color: #92c8f2 !important;
    
}
.group:hover .group-hover\:text-primary-200-important {
    color: #92c8f2 !important;
    
}
.hover\:text-primary-300-important:hover {
    color: #57adf0 !important;
    
}
.dark .dark\:hover\:text-primary-300-important:hover {
    color: #57adf0 !important;
    
}
.group:hover .group-hover\:text-primary-300-important {
    color: #57adf0 !important;
    
}
.hover\:text-primary-400-important:hover {
    color: #128ff0 !important;
    
}
.dark .dark\:hover\:text-primary-400-important:hover {
    color: #128ff0 !important;
    
}
.group:hover .group-hover\:text-primary-400-important {
    color: #128ff0 !important;
    
}
.hover\:text-primary-500-important:hover {
    color: #065da0 !important;
    
}
.dark .dark\:hover\:text-primary-500-important:hover {
    color: #065da0 !important;
    
}
.group:hover .group-hover\:text-primary-500-important {
    color: #065da0 !important;
    
}
.hover\:text-primary-600-important:hover {
    color: #06538e !important;
    
}
.dark .dark\:hover\:text-primary-600-important:hover {
    color: #064f87 !important;
    
}
.group:hover .group-hover\:text-primary-600-important {
    color: #06538e !important;
    
}
.hover\:text-primary-700-important:hover {
    color: #064475 !important;
    
}
.dark .dark\:hover\:text-primary-700-important:hover {
    color: #053b66 !important;
    
}
.group:hover .group-hover\:text-primary-700-important {
    color: #064475 !important;
    
}
.hover\:text-primary-800-important:hover {
    color: #01345b !important;
    
}
.dark .dark\:hover\:text-primary-800-important:hover {
    color: #012845 !important;
    
}
.group:hover .group-hover\:text-primary-800-important {
    color: #01345b !important;
    
}
.hover\:text-primary-900-important:hover {
    color: #012139 !important;
    
}
.dark .dark\:hover\:text-primary-900-important:hover {
    color: #011524 !important;
    
}
.group:hover .group-hover\:text-primary-900-important {
    color: #012139 !important;
    
}
.border-primary-50 {
    border-color: #e3eef6;
    
}
.dark .dark\:border-primary-50 {
    border-color: #e3eef6;
    
}
.border-primary-100 {
    border-color: #c7e2f7;
    
}
.dark .dark\:border-primary-100 {
    border-color: #c7e2f7;
    
}
.border-primary-200 {
    border-color: #92c8f2;
    
}
.dark .dark\:border-primary-200 {
    border-color: #92c8f2;
    
}
.border-primary-300 {
    border-color: #57adf0;
    
}
.dark .dark\:border-primary-300 {
    border-color: #57adf0;
    
}
.border-primary-400 {
    border-color: #128ff0;
    
}
.dark .dark\:border-primary-400 {
    border-color: #128ff0;
    
}
.border-primary-500 {
    border-color: #065da0;
    
}
.dark .dark\:border-primary-500 {
    border-color: #065da0;
    
}
.border-primary-600 {
    border-color: #06538e;
    
}
.dark .dark\:border-primary-600 {
    border-color: #064f87;
    
}
.border-primary-700 {
    border-color: #064475;
    
}
.dark .dark\:border-primary-700 {
    border-color: #053b66;
    
}
.border-primary-800 {
    border-color: #01345b;
    
}
.dark .dark\:border-primary-800 {
    border-color: #012845;
    
}
.border-primary-900 {
    border-color: #012139;
    
}
.dark .dark\:border-primary-900 {
    border-color: #011524;
    
}
.border-primary-50-important {
    border-color: #e3eef6 !important;
    
}
.dark .dark\:border-primary-50-important {
    border-color: #e3eef6 !important;
    
}
.border-primary-100-important {
    border-color: #c7e2f7 !important;
    
}
.dark .dark\:border-primary-100-important {
    border-color: #c7e2f7 !important;
    
}
.border-primary-200-important {
    border-color: #92c8f2 !important;
    
}
.dark .dark\:border-primary-200-important {
    border-color: #92c8f2 !important;
    
}
.border-primary-300-important {
    border-color: #57adf0 !important;
    
}
.dark .dark\:border-primary-300-important {
    border-color: #57adf0 !important;
    
}
.border-primary-400-important {
    border-color: #128ff0 !important;
    
}
.dark .dark\:border-primary-400-important {
    border-color: #128ff0 !important;
    
}
.border-primary-500-important {
    border-color: #065da0 !important;
    
}
.dark .dark\:border-primary-500-important {
    border-color: #065da0 !important;
    
}
.border-primary-600-important {
    border-color: #06538e !important;
    
}
.dark .dark\:border-primary-600-important {
    border-color: #064f87 !important;
    
}
.border-primary-700-important {
    border-color: #064475 !important;
    
}
.dark .dark\:border-primary-700-important {
    border-color: #053b66 !important;
    
}
.border-primary-800-important {
    border-color: #01345b !important;
    
}
.dark .dark\:border-primary-800-important {
    border-color: #012845 !important;
    
}
.border-primary-900-important {
    border-color: #012139 !important;
    
}
.dark .dark\:border-primary-900-important {
    border-color: #011524 !important;
    
}
.focus\:border-primary-50:focus {
    border-color: #e3eef6;
    
}
.dark .dark\:focus\:border-primary-50:focus {
    border-color: #e3eef6;
    
}
.focus\:border-primary-100:focus {
    border-color: #c7e2f7;
    
}
.dark .dark\:focus\:border-primary-100:focus {
    border-color: #c7e2f7;
    
}
.focus\:border-primary-200:focus {
    border-color: #92c8f2;
    
}
.dark .dark\:focus\:border-primary-200:focus {
    border-color: #92c8f2;
    
}
.focus\:border-primary-300:focus {
    border-color: #57adf0;
    
}
.dark .dark\:focus\:border-primary-300:focus {
    border-color: #57adf0;
    
}
.focus\:border-primary-400:focus {
    border-color: #128ff0;
    
}
.dark .dark\:focus\:border-primary-400:focus {
    border-color: #128ff0;
    
}
.focus\:border-primary-500:focus {
    border-color: #065da0;
    
}
.dark .dark\:focus\:border-primary-500:focus {
    border-color: #065da0;
    
}
.focus\:border-primary-600:focus {
    border-color: #06538e;
    
}
.dark .dark\:focus\:border-primary-600:focus {
    border-color: #064f87;
    
}
.focus\:border-primary-700:focus {
    border-color: #064475;
    
}
.dark .dark\:focus\:border-primary-700:focus {
    border-color: #053b66;
    
}
.focus\:border-primary-800:focus {
    border-color: #01345b;
    
}
.dark .dark\:focus\:border-primary-800:focus {
    border-color: #012845;
    
}
.focus\:border-primary-900:focus {
    border-color: #012139;
    
}
.dark .dark\:focus\:border-primary-900:focus {
    border-color: #011524;
    
}
.focus\:border-primary-50-important:focus {
    border-color: #e3eef6 !important;
    
}
.dark .dark\:focus\:border-primary-50-important:focus {
    border-color: #e3eef6 !important;
    
}
.focus\:border-primary-100-important:focus {
    border-color: #c7e2f7 !important;
    
}
.dark .dark\:focus\:border-primary-100-important:focus {
    border-color: #c7e2f7 !important;
    
}
.focus\:border-primary-200-important:focus {
    border-color: #92c8f2 !important;
    
}
.dark .dark\:focus\:border-primary-200-important:focus {
    border-color: #92c8f2 !important;
    
}
.focus\:border-primary-300-important:focus {
    border-color: #57adf0 !important;
    
}
.dark .dark\:focus\:border-primary-300-important:focus {
    border-color: #57adf0 !important;
    
}
.focus\:border-primary-400-important:focus {
    border-color: #128ff0 !important;
    
}
.dark .dark\:focus\:border-primary-400-important:focus {
    border-color: #128ff0 !important;
    
}
.focus\:border-primary-500-important:focus {
    border-color: #065da0 !important;
    
}
.dark .dark\:focus\:border-primary-500-important:focus {
    border-color: #065da0 !important;
    
}
.focus\:border-primary-600-important:focus {
    border-color: #06538e !important;
    
}
.dark .dark\:focus\:border-primary-600-important:focus {
    border-color: #064f87 !important;
    
}
.focus\:border-primary-700-important:focus {
    border-color: #064475 !important;
    
}
.dark .dark\:focus\:border-primary-700-important:focus {
    border-color: #053b66 !important;
    
}
.focus\:border-primary-800-important:focus {
    border-color: #01345b !important;
    
}
.dark .dark\:focus\:border-primary-800-important:focus {
    border-color: #012845 !important;
    
}
.focus\:border-primary-900-important:focus {
    border-color: #012139 !important;
    
}
.dark .dark\:focus\:border-primary-900-important:focus {
    border-color: #011524 !important;
    
}
.hover\:border-primary-50:hover {
    border-color: #e3eef6;
    
}
.dark .dark\:hover\:border-primary-50:hover {
    border-color: #e3eef6;
    
}
.group:hover .group-hover\:border-primary-50 {
    border-color: #e3eef6;
    
}
.hover\:border-primary-100:hover {
    border-color: #c7e2f7;
    
}
.dark .dark\:hover\:border-primary-100:hover {
    border-color: #c7e2f7;
    
}
.group:hover .group-hover\:border-primary-100 {
    border-color: #c7e2f7;
    
}
.hover\:border-primary-200:hover {
    border-color: #92c8f2;
    
}
.dark .dark\:hover\:border-primary-200:hover {
    border-color: #92c8f2;
    
}
.group:hover .group-hover\:border-primary-200 {
    border-color: #92c8f2;
    
}
.hover\:border-primary-300:hover {
    border-color: #57adf0;
    
}
.dark .dark\:hover\:border-primary-300:hover {
    border-color: #57adf0;
    
}
.group:hover .group-hover\:border-primary-300 {
    border-color: #57adf0;
    
}
.hover\:border-primary-400:hover {
    border-color: #128ff0;
    
}
.dark .dark\:hover\:border-primary-400:hover {
    border-color: #128ff0;
    
}
.group:hover .group-hover\:border-primary-400 {
    border-color: #128ff0;
    
}
.hover\:border-primary-500:hover {
    border-color: #065da0;
    
}
.dark .dark\:hover\:border-primary-500:hover {
    border-color: #065da0;
    
}
.group:hover .group-hover\:border-primary-500 {
    border-color: #065da0;
    
}
.hover\:border-primary-600:hover {
    border-color: #06538e;
    
}
.dark .dark\:hover\:border-primary-600:hover {
    border-color: #064f87;
    
}
.group:hover .group-hover\:border-primary-600 {
    border-color: #06538e;
    
}
.hover\:border-primary-700:hover {
    border-color: #064475;
    
}
.dark .dark\:hover\:border-primary-700:hover {
    border-color: #053b66;
    
}
.group:hover .group-hover\:border-primary-700 {
    border-color: #064475;
    
}
.hover\:border-primary-800:hover {
    border-color: #01345b;
    
}
.dark .dark\:hover\:border-primary-800:hover {
    border-color: #012845;
    
}
.group:hover .group-hover\:border-primary-800 {
    border-color: #01345b;
    
}
.hover\:border-primary-900:hover {
    border-color: #012139;
    
}
.dark .dark\:hover\:border-primary-900:hover {
    border-color: #011524;
    
}
.group:hover .group-hover\:border-primary-900 {
    border-color: #012139;
    
}
.hover\:border-primary-50-important:hover {
    border-color: #e3eef6 !important;
    
}
.dark .dark\:hover\:border-primary-50-important:hover {
    border-color: #e3eef6 !important;
    
}
.group:hover .group-hover\:border-primary-50-important {
    border-color: #e3eef6 !important;
    
}
.hover\:border-primary-100-important:hover {
    border-color: #c7e2f7 !important;
    
}
.dark .dark\:hover\:border-primary-100-important:hover {
    border-color: #c7e2f7 !important;
    
}
.group:hover .group-hover\:border-primary-100-important {
    border-color: #c7e2f7 !important;
    
}
.hover\:border-primary-200-important:hover {
    border-color: #92c8f2 !important;
    
}
.dark .dark\:hover\:border-primary-200-important:hover {
    border-color: #92c8f2 !important;
    
}
.group:hover .group-hover\:border-primary-200-important {
    border-color: #92c8f2 !important;
    
}
.hover\:border-primary-300-important:hover {
    border-color: #57adf0 !important;
    
}
.dark .dark\:hover\:border-primary-300-important:hover {
    border-color: #57adf0 !important;
    
}
.group:hover .group-hover\:border-primary-300-important {
    border-color: #57adf0 !important;
    
}
.hover\:border-primary-400-important:hover {
    border-color: #128ff0 !important;
    
}
.dark .dark\:hover\:border-primary-400-important:hover {
    border-color: #128ff0 !important;
    
}
.group:hover .group-hover\:border-primary-400-important {
    border-color: #128ff0 !important;
    
}
.hover\:border-primary-500-important:hover {
    border-color: #065da0 !important;
    
}
.dark .dark\:hover\:border-primary-500-important:hover {
    border-color: #065da0 !important;
    
}
.group:hover .group-hover\:border-primary-500-important {
    border-color: #065da0 !important;
    
}
.hover\:border-primary-600-important:hover {
    border-color: #06538e !important;
    
}
.dark .dark\:hover\:border-primary-600-important:hover {
    border-color: #064f87 !important;
    
}
.group:hover .group-hover\:border-primary-600-important {
    border-color: #06538e !important;
    
}
.hover\:border-primary-700-important:hover {
    border-color: #064475 !important;
    
}
.dark .dark\:hover\:border-primary-700-important:hover {
    border-color: #053b66 !important;
    
}
.group:hover .group-hover\:border-primary-700-important {
    border-color: #064475 !important;
    
}
.hover\:border-primary-800-important:hover {
    border-color: #01345b !important;
    
}
.dark .dark\:hover\:border-primary-800-important:hover {
    border-color: #012845 !important;
    
}
.group:hover .group-hover\:border-primary-800-important {
    border-color: #01345b !important;
    
}
.hover\:border-primary-900-important:hover {
    border-color: #012139 !important;
    
}
.dark .dark\:hover\:border-primary-900-important:hover {
    border-color: #011524 !important;
    
}
.group:hover .group-hover\:border-primary-900-important {
    border-color: #012139 !important;
    
}
.from-primary-50 {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-50 {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-100 {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-100 {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-200 {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-200 {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-300 {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-300 {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-400 {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-400 {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-500 {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-500 {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-600 {
    --tw-gradient-from: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-600 {
    --tw-gradient-from: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-700 {
    --tw-gradient-from: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-700 {
    --tw-gradient-from: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-800 {
    --tw-gradient-from: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-800 {
    --tw-gradient-from: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-900 {
    --tw-gradient-from: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-900 {
    --tw-gradient-from: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-50-important {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-50-important {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-100-important {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-100-important {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-200-important {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-200-important {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-300-important {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-300-important {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-400-important {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-400-important {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-500-important {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-500-important {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-600-important {
    --tw-gradient-from: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-600-important {
    --tw-gradient-from: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-700-important {
    --tw-gradient-from: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-700-important {
    --tw-gradient-from: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-800-important {
    --tw-gradient-from: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-800-important {
    --tw-gradient-from: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary-900-important {
    --tw-gradient-from: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:from-primary-900-important {
    --tw-gradient-from: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-50:focus {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-50:focus {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-100:focus {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-100:focus {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-200:focus {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-200:focus {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-300:focus {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-300:focus {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-400:focus {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-400:focus {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-500:focus {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-500:focus {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-600:focus {
    --tw-gradient-from: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-600:focus {
    --tw-gradient-from: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-700:focus {
    --tw-gradient-from: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-700:focus {
    --tw-gradient-from: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-800:focus {
    --tw-gradient-from: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-800:focus {
    --tw-gradient-from: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-900:focus {
    --tw-gradient-from: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-900:focus {
    --tw-gradient-from: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-50-important:focus {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-50-important:focus {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-100-important:focus {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-100-important:focus {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-200-important:focus {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-200-important:focus {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-300-important:focus {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-300-important:focus {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-400-important:focus {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-400-important:focus {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-500-important:focus {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-500-important:focus {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-600-important:focus {
    --tw-gradient-from: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-600-important:focus {
    --tw-gradient-from: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-700-important:focus {
    --tw-gradient-from: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-700-important:focus {
    --tw-gradient-from: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-800-important:focus {
    --tw-gradient-from: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-800-important:focus {
    --tw-gradient-from: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:from-primary-900-important:focus {
    --tw-gradient-from: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:from-primary-900-important:focus {
    --tw-gradient-from: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-50:hover {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-50:hover {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-50 {
    --tw-gradient-from: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-100:hover {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-100:hover {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-100 {
    --tw-gradient-from: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-200:hover {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-200:hover {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-200 {
    --tw-gradient-from: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-300:hover {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-300:hover {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-300 {
    --tw-gradient-from: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-400:hover {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-400:hover {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-400 {
    --tw-gradient-from: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-500:hover {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-500:hover {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-500 {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-600:hover {
    --tw-gradient-from: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-600:hover {
    --tw-gradient-from: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-600 {
    --tw-gradient-from: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-700:hover {
    --tw-gradient-from: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-700:hover {
    --tw-gradient-from: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-700 {
    --tw-gradient-from: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-800:hover {
    --tw-gradient-from: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-800:hover {
    --tw-gradient-from: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-800 {
    --tw-gradient-from: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-900:hover {
    --tw-gradient-from: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-900:hover {
    --tw-gradient-from: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-900 {
    --tw-gradient-from: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-50-important:hover {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-50-important:hover {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-50-important {
    --tw-gradient-from: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-100-important:hover {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-100-important:hover {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-100-important {
    --tw-gradient-from: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-200-important:hover {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-200-important:hover {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-200-important {
    --tw-gradient-from: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-300-important:hover {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-300-important:hover {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-300-important {
    --tw-gradient-from: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-400-important:hover {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-400-important:hover {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-400-important {
    --tw-gradient-from: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-500-important:hover {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-500-important:hover {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-500-important {
    --tw-gradient-from: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-600-important:hover {
    --tw-gradient-from: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-600-important:hover {
    --tw-gradient-from: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-600-important {
    --tw-gradient-from: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-700-important:hover {
    --tw-gradient-from: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-700-important:hover {
    --tw-gradient-from: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-700-important {
    --tw-gradient-from: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-800-important:hover {
    --tw-gradient-from: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-800-important:hover {
    --tw-gradient-from: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-800-important {
    --tw-gradient-from: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary-900-important:hover {
    --tw-gradient-from: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:from-primary-900-important:hover {
    --tw-gradient-from: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary-900-important {
    --tw-gradient-from: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-50 {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-50 {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-100 {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-100 {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-200 {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-200 {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-300 {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-300 {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-400 {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-400 {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-500 {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-500 {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-600 {
    --tw-gradient-to: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-600 {
    --tw-gradient-to: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-700 {
    --tw-gradient-to: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-700 {
    --tw-gradient-to: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-800 {
    --tw-gradient-to: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-800 {
    --tw-gradient-to: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-900 {
    --tw-gradient-to: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-900 {
    --tw-gradient-to: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-50-important {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-50-important {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-100-important {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-100-important {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-200-important {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-200-important {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-300-important {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-300-important {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-400-important {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-400-important {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-500-important {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-500-important {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-600-important {
    --tw-gradient-to: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-600-important {
    --tw-gradient-to: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-700-important {
    --tw-gradient-to: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-700-important {
    --tw-gradient-to: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-800-important {
    --tw-gradient-to: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-800-important {
    --tw-gradient-to: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-900-important {
    --tw-gradient-to: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:to-primary-900-important {
    --tw-gradient-to: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-50:focus {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-50:focus {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-100:focus {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-100:focus {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-200:focus {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-200:focus {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-300:focus {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-300:focus {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-400:focus {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-400:focus {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-500:focus {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-500:focus {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-600:focus {
    --tw-gradient-to: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-600:focus {
    --tw-gradient-to: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-700:focus {
    --tw-gradient-to: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-700:focus {
    --tw-gradient-to: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-800:focus {
    --tw-gradient-to: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-800:focus {
    --tw-gradient-to: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-900:focus {
    --tw-gradient-to: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-900:focus {
    --tw-gradient-to: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-50-important:focus {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-50-important:focus {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-100-important:focus {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-100-important:focus {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-200-important:focus {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-200-important:focus {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-300-important:focus {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-300-important:focus {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-400-important:focus {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-400-important:focus {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-500-important:focus {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-500-important:focus {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-600-important:focus {
    --tw-gradient-to: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-600-important:focus {
    --tw-gradient-to: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-700-important:focus {
    --tw-gradient-to: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-700-important:focus {
    --tw-gradient-to: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-800-important:focus {
    --tw-gradient-to: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-800-important:focus {
    --tw-gradient-to: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.focus\:to-primary-900-important:focus {
    --tw-gradient-to: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:focus\:to-primary-900-important:focus {
    --tw-gradient-to: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-50:hover {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-50:hover {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-50 {
    --tw-gradient-to: #e3eef6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-100:hover {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-100:hover {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-100 {
    --tw-gradient-to: #c7e2f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-200:hover {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-200:hover {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-200 {
    --tw-gradient-to: #92c8f2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-300:hover {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-300:hover {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-300 {
    --tw-gradient-to: #57adf0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-400:hover {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-400:hover {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-400 {
    --tw-gradient-to: #128ff0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-500:hover {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-500:hover {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-500 {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-600:hover {
    --tw-gradient-to: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-600:hover {
    --tw-gradient-to: #064f87;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-600 {
    --tw-gradient-to: #06538e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-700:hover {
    --tw-gradient-to: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-700:hover {
    --tw-gradient-to: #053b66;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-700 {
    --tw-gradient-to: #064475;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-800:hover {
    --tw-gradient-to: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-800:hover {
    --tw-gradient-to: #012845;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-800 {
    --tw-gradient-to: #01345b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-900:hover {
    --tw-gradient-to: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-900:hover {
    --tw-gradient-to: #011524;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-900 {
    --tw-gradient-to: #012139;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-50-important:hover {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-50-important:hover {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-50-important {
    --tw-gradient-to: #e3eef6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-100-important:hover {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-100-important:hover {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-100-important {
    --tw-gradient-to: #c7e2f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-200-important:hover {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-200-important:hover {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-200-important {
    --tw-gradient-to: #92c8f2 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-300-important:hover {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-300-important:hover {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-300-important {
    --tw-gradient-to: #57adf0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-400-important:hover {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-400-important:hover {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-400-important {
    --tw-gradient-to: #128ff0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-500-important:hover {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-500-important:hover {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-500-important {
    --tw-gradient-to: #065da0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-600-important:hover {
    --tw-gradient-to: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-600-important:hover {
    --tw-gradient-to: #064f87 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-600-important {
    --tw-gradient-to: #06538e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-700-important:hover {
    --tw-gradient-to: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-700-important:hover {
    --tw-gradient-to: #053b66 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-700-important {
    --tw-gradient-to: #064475 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-800-important:hover {
    --tw-gradient-to: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-800-important:hover {
    --tw-gradient-to: #012845 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-800-important {
    --tw-gradient-to: #01345b !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary-900-important:hover {
    --tw-gradient-to: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark .dark\:hover\:to-primary-900-important:hover {
    --tw-gradient-to: #011524 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary-900-important {
    --tw-gradient-to: #012139 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ring-primary-50 {
    --ring-color: #e3eef6;
    
}
.dark .dark\:ring-primary-50 {
    --ring-color: #e3eef6;
    
}
.ring-primary-100 {
    --ring-color: #c7e2f7;
    
}
.dark .dark\:ring-primary-100 {
    --ring-color: #c7e2f7;
    
}
.ring-primary-200 {
    --ring-color: #92c8f2;
    
}
.dark .dark\:ring-primary-200 {
    --ring-color: #92c8f2;
    
}
.ring-primary-300 {
    --ring-color: #57adf0;
    
}
.dark .dark\:ring-primary-300 {
    --ring-color: #57adf0;
    
}
.ring-primary-400 {
    --ring-color: #128ff0;
    
}
.dark .dark\:ring-primary-400 {
    --ring-color: #128ff0;
    
}
.ring-primary-500 {
    --ring-color: #065da0;
    
}
.dark .dark\:ring-primary-500 {
    --ring-color: #065da0;
    
}
.ring-primary-600 {
    --ring-color: #06538e;
    
}
.dark .dark\:ring-primary-600 {
    --ring-color: #064f87;
    
}
.ring-primary-700 {
    --ring-color: #064475;
    
}
.dark .dark\:ring-primary-700 {
    --ring-color: #053b66;
    
}
.ring-primary-800 {
    --ring-color: #01345b;
    
}
.dark .dark\:ring-primary-800 {
    --ring-color: #012845;
    
}
.ring-primary-900 {
    --ring-color: #012139;
    
}
.dark .dark\:ring-primary-900 {
    --ring-color: #011524;
    
}
.ring-primary-50-important {
    --ring-color: #e3eef6 !important;
    
}
.dark .dark\:ring-primary-50-important {
    --ring-color: #e3eef6 !important;
    
}
.ring-primary-100-important {
    --ring-color: #c7e2f7 !important;
    
}
.dark .dark\:ring-primary-100-important {
    --ring-color: #c7e2f7 !important;
    
}
.ring-primary-200-important {
    --ring-color: #92c8f2 !important;
    
}
.dark .dark\:ring-primary-200-important {
    --ring-color: #92c8f2 !important;
    
}
.ring-primary-300-important {
    --ring-color: #57adf0 !important;
    
}
.dark .dark\:ring-primary-300-important {
    --ring-color: #57adf0 !important;
    
}
.ring-primary-400-important {
    --ring-color: #128ff0 !important;
    
}
.dark .dark\:ring-primary-400-important {
    --ring-color: #128ff0 !important;
    
}
.ring-primary-500-important {
    --ring-color: #065da0 !important;
    
}
.dark .dark\:ring-primary-500-important {
    --ring-color: #065da0 !important;
    
}
.ring-primary-600-important {
    --ring-color: #06538e !important;
    
}
.dark .dark\:ring-primary-600-important {
    --ring-color: #064f87 !important;
    
}
.ring-primary-700-important {
    --ring-color: #064475 !important;
    
}
.dark .dark\:ring-primary-700-important {
    --ring-color: #053b66 !important;
    
}
.ring-primary-800-important {
    --ring-color: #01345b !important;
    
}
.dark .dark\:ring-primary-800-important {
    --ring-color: #012845 !important;
    
}
.ring-primary-900-important {
    --ring-color: #012139 !important;
    
}
.dark .dark\:ring-primary-900-important {
    --ring-color: #011524 !important;
    
}
.focus\:ring-primary-50:focus {
    --ring-color: #e3eef6;
    
}
.dark .dark\:focus\:ring-primary-50:focus {
    --ring-color: #e3eef6;
    
}
.focus\:ring-primary-100:focus {
    --ring-color: #c7e2f7;
    
}
.dark .dark\:focus\:ring-primary-100:focus {
    --ring-color: #c7e2f7;
    
}
.focus\:ring-primary-200:focus {
    --ring-color: #92c8f2;
    
}
.dark .dark\:focus\:ring-primary-200:focus {
    --ring-color: #92c8f2;
    
}
.focus\:ring-primary-300:focus {
    --ring-color: #57adf0;
    
}
.dark .dark\:focus\:ring-primary-300:focus {
    --ring-color: #57adf0;
    
}
.focus\:ring-primary-400:focus {
    --ring-color: #128ff0;
    
}
.dark .dark\:focus\:ring-primary-400:focus {
    --ring-color: #128ff0;
    
}
.focus\:ring-primary-500:focus {
    --ring-color: #065da0;
    
}
.dark .dark\:focus\:ring-primary-500:focus {
    --ring-color: #065da0;
    
}
.focus\:ring-primary-600:focus {
    --ring-color: #06538e;
    
}
.dark .dark\:focus\:ring-primary-600:focus {
    --ring-color: #064f87;
    
}
.focus\:ring-primary-700:focus {
    --ring-color: #064475;
    
}
.dark .dark\:focus\:ring-primary-700:focus {
    --ring-color: #053b66;
    
}
.focus\:ring-primary-800:focus {
    --ring-color: #01345b;
    
}
.dark .dark\:focus\:ring-primary-800:focus {
    --ring-color: #012845;
    
}
.focus\:ring-primary-900:focus {
    --ring-color: #012139;
    
}
.dark .dark\:focus\:ring-primary-900:focus {
    --ring-color: #011524;
    
}
.focus\:ring-primary-50-important:focus {
    --ring-color: #e3eef6 !important;
    
}
.dark .dark\:focus\:ring-primary-50-important:focus {
    --ring-color: #e3eef6 !important;
    
}
.focus\:ring-primary-100-important:focus {
    --ring-color: #c7e2f7 !important;
    
}
.dark .dark\:focus\:ring-primary-100-important:focus {
    --ring-color: #c7e2f7 !important;
    
}
.focus\:ring-primary-200-important:focus {
    --ring-color: #92c8f2 !important;
    
}
.dark .dark\:focus\:ring-primary-200-important:focus {
    --ring-color: #92c8f2 !important;
    
}
.focus\:ring-primary-300-important:focus {
    --ring-color: #57adf0 !important;
    
}
.dark .dark\:focus\:ring-primary-300-important:focus {
    --ring-color: #57adf0 !important;
    
}
.focus\:ring-primary-400-important:focus {
    --ring-color: #128ff0 !important;
    
}
.dark .dark\:focus\:ring-primary-400-important:focus {
    --ring-color: #128ff0 !important;
    
}
.focus\:ring-primary-500-important:focus {
    --ring-color: #065da0 !important;
    
}
.dark .dark\:focus\:ring-primary-500-important:focus {
    --ring-color: #065da0 !important;
    
}
.focus\:ring-primary-600-important:focus {
    --ring-color: #06538e !important;
    
}
.dark .dark\:focus\:ring-primary-600-important:focus {
    --ring-color: #064f87 !important;
    
}
.focus\:ring-primary-700-important:focus {
    --ring-color: #064475 !important;
    
}
.dark .dark\:focus\:ring-primary-700-important:focus {
    --ring-color: #053b66 !important;
    
}
.focus\:ring-primary-800-important:focus {
    --ring-color: #01345b !important;
    
}
.dark .dark\:focus\:ring-primary-800-important:focus {
    --ring-color: #012845 !important;
    
}
.focus\:ring-primary-900-important:focus {
    --ring-color: #012139 !important;
    
}
.dark .dark\:focus\:ring-primary-900-important:focus {
    --ring-color: #011524 !important;
    
}
.hover\:ring-primary-50:hover {
    --ring-color: #e3eef6;
    
}
.dark .dark\:hover\:ring-primary-50:hover {
    --ring-color: #e3eef6;
    
}
.group:hover .group-hover\:ring-primary-50 {
    --ring-color: #e3eef6;
    
}
.hover\:ring-primary-100:hover {
    --ring-color: #c7e2f7;
    
}
.dark .dark\:hover\:ring-primary-100:hover {
    --ring-color: #c7e2f7;
    
}
.group:hover .group-hover\:ring-primary-100 {
    --ring-color: #c7e2f7;
    
}
.hover\:ring-primary-200:hover {
    --ring-color: #92c8f2;
    
}
.dark .dark\:hover\:ring-primary-200:hover {
    --ring-color: #92c8f2;
    
}
.group:hover .group-hover\:ring-primary-200 {
    --ring-color: #92c8f2;
    
}
.hover\:ring-primary-300:hover {
    --ring-color: #57adf0;
    
}
.dark .dark\:hover\:ring-primary-300:hover {
    --ring-color: #57adf0;
    
}
.group:hover .group-hover\:ring-primary-300 {
    --ring-color: #57adf0;
    
}
.hover\:ring-primary-400:hover {
    --ring-color: #128ff0;
    
}
.dark .dark\:hover\:ring-primary-400:hover {
    --ring-color: #128ff0;
    
}
.group:hover .group-hover\:ring-primary-400 {
    --ring-color: #128ff0;
    
}
.hover\:ring-primary-500:hover {
    --ring-color: #065da0;
    
}
.dark .dark\:hover\:ring-primary-500:hover {
    --ring-color: #065da0;
    
}
.group:hover .group-hover\:ring-primary-500 {
    --ring-color: #065da0;
    
}
.hover\:ring-primary-600:hover {
    --ring-color: #06538e;
    
}
.dark .dark\:hover\:ring-primary-600:hover {
    --ring-color: #064f87;
    
}
.group:hover .group-hover\:ring-primary-600 {
    --ring-color: #06538e;
    
}
.hover\:ring-primary-700:hover {
    --ring-color: #064475;
    
}
.dark .dark\:hover\:ring-primary-700:hover {
    --ring-color: #053b66;
    
}
.group:hover .group-hover\:ring-primary-700 {
    --ring-color: #064475;
    
}
.hover\:ring-primary-800:hover {
    --ring-color: #01345b;
    
}
.dark .dark\:hover\:ring-primary-800:hover {
    --ring-color: #012845;
    
}
.group:hover .group-hover\:ring-primary-800 {
    --ring-color: #01345b;
    
}
.hover\:ring-primary-900:hover {
    --ring-color: #012139;
    
}
.dark .dark\:hover\:ring-primary-900:hover {
    --ring-color: #011524;
    
}
.group:hover .group-hover\:ring-primary-900 {
    --ring-color: #012139;
    
}
.hover\:ring-primary-50-important:hover {
    --ring-color: #e3eef6 !important;
    
}
.dark .dark\:hover\:ring-primary-50-important:hover {
    --ring-color: #e3eef6 !important;
    
}
.group:hover .group-hover\:ring-primary-50-important {
    --ring-color: #e3eef6 !important;
    
}
.hover\:ring-primary-100-important:hover {
    --ring-color: #c7e2f7 !important;
    
}
.dark .dark\:hover\:ring-primary-100-important:hover {
    --ring-color: #c7e2f7 !important;
    
}
.group:hover .group-hover\:ring-primary-100-important {
    --ring-color: #c7e2f7 !important;
    
}
.hover\:ring-primary-200-important:hover {
    --ring-color: #92c8f2 !important;
    
}
.dark .dark\:hover\:ring-primary-200-important:hover {
    --ring-color: #92c8f2 !important;
    
}
.group:hover .group-hover\:ring-primary-200-important {
    --ring-color: #92c8f2 !important;
    
}
.hover\:ring-primary-300-important:hover {
    --ring-color: #57adf0 !important;
    
}
.dark .dark\:hover\:ring-primary-300-important:hover {
    --ring-color: #57adf0 !important;
    
}
.group:hover .group-hover\:ring-primary-300-important {
    --ring-color: #57adf0 !important;
    
}
.hover\:ring-primary-400-important:hover {
    --ring-color: #128ff0 !important;
    
}
.dark .dark\:hover\:ring-primary-400-important:hover {
    --ring-color: #128ff0 !important;
    
}
.group:hover .group-hover\:ring-primary-400-important {
    --ring-color: #128ff0 !important;
    
}
.hover\:ring-primary-500-important:hover {
    --ring-color: #065da0 !important;
    
}
.dark .dark\:hover\:ring-primary-500-important:hover {
    --ring-color: #065da0 !important;
    
}
.group:hover .group-hover\:ring-primary-500-important {
    --ring-color: #065da0 !important;
    
}
.hover\:ring-primary-600-important:hover {
    --ring-color: #06538e !important;
    
}
.dark .dark\:hover\:ring-primary-600-important:hover {
    --ring-color: #064f87 !important;
    
}
.group:hover .group-hover\:ring-primary-600-important {
    --ring-color: #06538e !important;
    
}
.hover\:ring-primary-700-important:hover {
    --ring-color: #064475 !important;
    
}
.dark .dark\:hover\:ring-primary-700-important:hover {
    --ring-color: #053b66 !important;
    
}
.group:hover .group-hover\:ring-primary-700-important {
    --ring-color: #064475 !important;
    
}
.hover\:ring-primary-800-important:hover {
    --ring-color: #01345b !important;
    
}
.dark .dark\:hover\:ring-primary-800-important:hover {
    --ring-color: #012845 !important;
    
}
.group:hover .group-hover\:ring-primary-800-important {
    --ring-color: #01345b !important;
    
}
.hover\:ring-primary-900-important:hover {
    --ring-color: #012139 !important;
    
}
.dark .dark\:hover\:ring-primary-900-important:hover {
    --ring-color: #011524 !important;
    
}
.group:hover .group-hover\:ring-primary-900-important {
    --ring-color: #012139 !important;
    
}
.via-primary-50 {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-50 {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-100 {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-100 {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-200 {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-200 {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-300 {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-300 {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-400 {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-400 {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-500 {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-500 {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-600 {
    --tw-gradient-via: #06538e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-600 {
    --tw-gradient-via: #064f87;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-700 {
    --tw-gradient-via: #064475;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-700 {
    --tw-gradient-via: #053b66;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-800 {
    --tw-gradient-via: #01345b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-800 {
    --tw-gradient-via: #012845;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-900 {
    --tw-gradient-via: #012139;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-900 {
    --tw-gradient-via: #011524;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-50-important {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-50-important {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-100-important {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-100-important {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-200-important {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-200-important {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-300-important {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-300-important {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-400-important {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-400-important {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-500-important {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-500-important {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-600-important {
    --tw-gradient-via: #06538e !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-600-important {
    --tw-gradient-via: #064f87 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-700-important {
    --tw-gradient-via: #064475 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-700-important {
    --tw-gradient-via: #053b66 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-800-important {
    --tw-gradient-via: #01345b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-800-important {
    --tw-gradient-via: #012845 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary-900-important {
    --tw-gradient-via: #012139 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:via-primary-900-important {
    --tw-gradient-via: #011524 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-50:focus {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-50:focus {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-100:focus {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-100:focus {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-200:focus {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-200:focus {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-300:focus {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-300:focus {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-400:focus {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-400:focus {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-500:focus {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-500:focus {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-600:focus {
    --tw-gradient-via: #06538e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-600:focus {
    --tw-gradient-via: #064f87;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-700:focus {
    --tw-gradient-via: #064475;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-700:focus {
    --tw-gradient-via: #053b66;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-800:focus {
    --tw-gradient-via: #01345b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-800:focus {
    --tw-gradient-via: #012845;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-900:focus {
    --tw-gradient-via: #012139;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-900:focus {
    --tw-gradient-via: #011524;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-50-important:focus {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-50-important:focus {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-100-important:focus {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-100-important:focus {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-200-important:focus {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-200-important:focus {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-300-important:focus {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-300-important:focus {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-400-important:focus {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-400-important:focus {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-500-important:focus {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-500-important:focus {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-600-important:focus {
    --tw-gradient-via: #06538e !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-600-important:focus {
    --tw-gradient-via: #064f87 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-700-important:focus {
    --tw-gradient-via: #064475 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-700-important:focus {
    --tw-gradient-via: #053b66 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-800-important:focus {
    --tw-gradient-via: #01345b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-800-important:focus {
    --tw-gradient-via: #012845 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.focus\:via-primary-900-important:focus {
    --tw-gradient-via: #012139 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:focus\:via-primary-900-important:focus {
    --tw-gradient-via: #011524 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-50:hover {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-50:hover {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-50 {
    --tw-gradient-via: #e3eef6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-100:hover {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-100:hover {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-100 {
    --tw-gradient-via: #c7e2f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-200:hover {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-200:hover {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-200 {
    --tw-gradient-via: #92c8f2;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-300:hover {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-300:hover {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-300 {
    --tw-gradient-via: #57adf0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-400:hover {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-400:hover {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-400 {
    --tw-gradient-via: #128ff0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-500:hover {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-500:hover {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-500 {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-600:hover {
    --tw-gradient-via: #06538e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-600:hover {
    --tw-gradient-via: #064f87;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-600 {
    --tw-gradient-via: #06538e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-700:hover {
    --tw-gradient-via: #064475;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-700:hover {
    --tw-gradient-via: #053b66;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-700 {
    --tw-gradient-via: #064475;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-800:hover {
    --tw-gradient-via: #01345b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-800:hover {
    --tw-gradient-via: #012845;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-800 {
    --tw-gradient-via: #01345b;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-900:hover {
    --tw-gradient-via: #012139;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-900:hover {
    --tw-gradient-via: #011524;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-900 {
    --tw-gradient-via: #012139;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-50-important:hover {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-50-important:hover {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-50-important {
    --tw-gradient-via: #e3eef6 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-100-important:hover {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-100-important:hover {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-100-important {
    --tw-gradient-via: #c7e2f7 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-200-important:hover {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-200-important:hover {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-200-important {
    --tw-gradient-via: #92c8f2 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-300-important:hover {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-300-important:hover {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-300-important {
    --tw-gradient-via: #57adf0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-400-important:hover {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-400-important:hover {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-400-important {
    --tw-gradient-via: #128ff0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-500-important:hover {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-500-important:hover {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-500-important {
    --tw-gradient-via: #065da0 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-600-important:hover {
    --tw-gradient-via: #06538e !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-600-important:hover {
    --tw-gradient-via: #064f87 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-600-important {
    --tw-gradient-via: #06538e !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-700-important:hover {
    --tw-gradient-via: #064475 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-700-important:hover {
    --tw-gradient-via: #053b66 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-700-important {
    --tw-gradient-via: #064475 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-800-important:hover {
    --tw-gradient-via: #01345b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-800-important:hover {
    --tw-gradient-via: #012845 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-800-important {
    --tw-gradient-via: #01345b !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary-900-important:hover {
    --tw-gradient-via: #012139 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.dark .dark\:hover\:via-primary-900-important:hover {
    --tw-gradient-via: #011524 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary-900-important {
    --tw-gradient-via: #012139 !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}:root {
    --primary: #065da0;
    --primary-50: #e3eef6;
    --primary-100: #c7e2f7;
    --primary-200: #92c8f2;
    --primary-300: #57adf0;
    --primary-400: #128ff0;
    --primary-500: #065da0;
    --primary-600: #06538e;
    --primary-700: #064475;
    --primary-800: #01345b;
    --primary-900: #012139;
    --primary-foreground: #FFFFFF;
    --background: #ffffff;
    --foreground: #111827;
    --card: #ffffff;
    --card-foreground: #111827;
    --popover: #ffffff;
    --popover-foreground: #111827;
    --secondary: #f3f4f6;
    --secondary-foreground: #111827;
    --muted: #f3f4f6;
    --muted-foreground: #6b7280;
    --accent: #f3f4f6;
    --accent-foreground: #111827;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #e5e7eb;
    --input: #e5e7eb;
    --ring: var(--primary-500);
    --radius: 0.625rem;
}
.bg-background {
    background-color: #e3eef6;
}
.bg-foreground {
    background-color: #012139;
}
.bg-card {
    background-color: #e3eef6;
}
.bg-popover {
    background-color: #e3eef6;
}
.bg-primary {
    background-color: #065da0;
}
.bg-secondary {
    background-color: #c7e2f7;
}
.bg-muted {
    background-color: #c7e2f7;
}
.bg-accent {
    background-color: #92c8f2;
}
.bg-destructive {
    background-color: #ef4444;
}
.bg-border {
    background-color: #92c8f2;
}
.bg-input {
    background-color: #c7e2f7;
}
.bg-sidebar {
    background-color: #e3eef6;
}
.bg-sidebar-border {
    background-color: #92c8f2;
}
.fill-foreground {
    fill: #012139;
}
.text-background {
    color: #e3eef6;
}
.text-foreground {
    color: #012139;
}
.text-foreground-muted {
    color: #06538e;
}
.text-muted-foreground {
    color: #06538e;
}
.text-card-foreground {
    color: #012139;
}
.text-popover-foreground {
    color: #012139;
}
.text-primary {
    color: #065da0;
}
.text-primary-foreground {
    color: #FFFFFF;
}
.text-secondary-foreground {
    color: #000000;
}
.text-accent-foreground {
    color: #000000;
}
.text-destructive-foreground {
    color: #FFFFFF;
}
.text-sidebar-foreground {
    color: #012139;
}
.text-sidebar-accent-foreground {
    color: #000000;
}
.text-sidebar-primary-foreground {
    color: #FFFFFF;
}
.border-border {
    border-color: #92c8f2;
}
.border-input {
    border-color: #c7e2f7;
}
.border-primary {
    border-color: #065da0;
}
.border-sidebar-border {
    border-color: #92c8f2;
}
.ring-ring {
    --ring-color: #065da0;
    --tw-ring-color: #065da0;
}
.ring-sidebar-ring {
    --ring-color: #065da0;
    --tw-ring-color: #065da0;
}
.ring-offset-background {
    --tw-ring-offset-color: #e3eef6;
}
.ring-offset-transparent {
    --tw-ring-offset-color: transparent;
}

.bg-primary {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.hover\:bg-primary:hover {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary {
    --bg-opacity: 1;
    background-color: rgba(6, 93, 160, var(--bg-opacity));
}
.bg-primary\/5 {
    background-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.hover\:bg-primary\/5:hover {
    background-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/5 {
    background-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.bg-primary\/10 {
    background-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.hover\:bg-primary\/10:hover {
    background-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/10 {
    background-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.bg-primary\/15 {
    background-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.hover\:bg-primary\/15:hover {
    background-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/15 {
    background-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.bg-primary\/20 {
    background-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.hover\:bg-primary\/20:hover {
    background-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/20 {
    background-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.bg-primary\/25 {
    background-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.hover\:bg-primary\/25:hover {
    background-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/25 {
    background-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.bg-primary\/30 {
    background-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.hover\:bg-primary\/30:hover {
    background-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/30 {
    background-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.bg-primary\/35 {
    background-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.hover\:bg-primary\/35:hover {
    background-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/35 {
    background-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.bg-primary\/40 {
    background-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.hover\:bg-primary\/40:hover {
    background-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/40 {
    background-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.bg-primary\/45 {
    background-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.hover\:bg-primary\/45:hover {
    background-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/45 {
    background-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.bg-primary\/50 {
    background-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.hover\:bg-primary\/50:hover {
    background-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/50 {
    background-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.bg-primary\/55 {
    background-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.hover\:bg-primary\/55:hover {
    background-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/55 {
    background-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.bg-primary\/60 {
    background-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.hover\:bg-primary\/60:hover {
    background-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/60 {
    background-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.bg-primary\/65 {
    background-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.hover\:bg-primary\/65:hover {
    background-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/65 {
    background-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.bg-primary\/70 {
    background-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.hover\:bg-primary\/70:hover {
    background-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/70 {
    background-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.bg-primary\/75 {
    background-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.hover\:bg-primary\/75:hover {
    background-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/75 {
    background-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.bg-primary\/80 {
    background-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.hover\:bg-primary\/80:hover {
    background-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/80 {
    background-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.bg-primary\/85 {
    background-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.hover\:bg-primary\/85:hover {
    background-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/85 {
    background-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.bg-primary\/90 {
    background-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.hover\:bg-primary\/90:hover {
    background-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/90 {
    background-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.bg-primary\/95 {
    background-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.hover\:bg-primary\/95:hover {
    background-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/95 {
    background-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.text-primary {
    color: #065da0;
}
.hover\:text-primary:hover {
    color: #065da0;
}
.group:hover .group-hover\:text-primary {
    color: #065da0;
}
.text-primary\/5 {
    color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.hover\:text-primary\/5:hover {
    color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/5 {
    color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.text-primary\/10 {
    color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.hover\:text-primary\/10:hover {
    color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/10 {
    color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.text-primary\/15 {
    color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.hover\:text-primary\/15:hover {
    color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/15 {
    color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.text-primary\/20 {
    color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.hover\:text-primary\/20:hover {
    color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/20 {
    color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.text-primary\/25 {
    color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.hover\:text-primary\/25:hover {
    color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/25 {
    color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.text-primary\/30 {
    color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.hover\:text-primary\/30:hover {
    color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/30 {
    color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.text-primary\/35 {
    color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.hover\:text-primary\/35:hover {
    color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/35 {
    color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.text-primary\/40 {
    color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.hover\:text-primary\/40:hover {
    color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/40 {
    color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.text-primary\/45 {
    color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.hover\:text-primary\/45:hover {
    color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/45 {
    color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.text-primary\/50 {
    color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.hover\:text-primary\/50:hover {
    color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/50 {
    color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.text-primary\/55 {
    color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.hover\:text-primary\/55:hover {
    color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/55 {
    color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.text-primary\/60 {
    color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.hover\:text-primary\/60:hover {
    color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/60 {
    color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.text-primary\/65 {
    color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.hover\:text-primary\/65:hover {
    color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/65 {
    color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.text-primary\/70 {
    color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.hover\:text-primary\/70:hover {
    color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/70 {
    color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.text-primary\/75 {
    color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.hover\:text-primary\/75:hover {
    color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/75 {
    color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.text-primary\/80 {
    color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.hover\:text-primary\/80:hover {
    color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/80 {
    color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.text-primary\/85 {
    color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.hover\:text-primary\/85:hover {
    color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/85 {
    color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.text-primary\/90 {
    color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.hover\:text-primary\/90:hover {
    color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/90 {
    color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.text-primary\/95 {
    color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.hover\:text-primary\/95:hover {
    color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/95 {
    color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.border-primary {
    border-color: #065da0;
}
.hover\:border-primary:hover {
    border-color: #065da0;
}
.group:hover .group-hover\:border-primary {
    border-color: #065da0;
}
.border-primary\/5 {
    border-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.hover\:border-primary\/5:hover {
    border-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/5 {
    border-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.border-primary\/10 {
    border-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.hover\:border-primary\/10:hover {
    border-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/10 {
    border-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.border-primary\/15 {
    border-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.hover\:border-primary\/15:hover {
    border-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/15 {
    border-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.border-primary\/20 {
    border-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.hover\:border-primary\/20:hover {
    border-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/20 {
    border-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.border-primary\/25 {
    border-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.hover\:border-primary\/25:hover {
    border-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/25 {
    border-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.border-primary\/30 {
    border-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.hover\:border-primary\/30:hover {
    border-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/30 {
    border-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.border-primary\/35 {
    border-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.hover\:border-primary\/35:hover {
    border-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/35 {
    border-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.border-primary\/40 {
    border-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.hover\:border-primary\/40:hover {
    border-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/40 {
    border-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.border-primary\/45 {
    border-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.hover\:border-primary\/45:hover {
    border-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/45 {
    border-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.border-primary\/50 {
    border-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.hover\:border-primary\/50:hover {
    border-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/50 {
    border-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.border-primary\/55 {
    border-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.hover\:border-primary\/55:hover {
    border-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/55 {
    border-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.border-primary\/60 {
    border-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.hover\:border-primary\/60:hover {
    border-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/60 {
    border-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.border-primary\/65 {
    border-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.hover\:border-primary\/65:hover {
    border-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/65 {
    border-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.border-primary\/70 {
    border-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.hover\:border-primary\/70:hover {
    border-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/70 {
    border-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.border-primary\/75 {
    border-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.hover\:border-primary\/75:hover {
    border-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/75 {
    border-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.border-primary\/80 {
    border-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.hover\:border-primary\/80:hover {
    border-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/80 {
    border-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.border-primary\/85 {
    border-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.hover\:border-primary\/85:hover {
    border-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/85 {
    border-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.border-primary\/90 {
    border-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.hover\:border-primary\/90:hover {
    border-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/90 {
    border-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.border-primary\/95 {
    border-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.hover\:border-primary\/95:hover {
    border-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/95 {
    border-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.ring-primary {
    --ring-color: #065da0;
    --tw-ring-color: #065da0;
}
.hover\:ring-primary:hover {
    --ring-color: #065da0;
    --tw-ring-color: #065da0;
}
.group:hover .group-hover\:ring-primary {
    --ring-color: #065da0;
    --tw-ring-color: #065da0;
}
.ring-primary\/5 {
    --ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.hover\:ring-primary\/5:hover {
    --ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/5 {
    --ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 5%, transparent);
    }
}
.ring-primary\/10 {
    --ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.hover\:ring-primary\/10:hover {
    --ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/10 {
    --ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 10%, transparent);
    }
}
.ring-primary\/15 {
    --ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.hover\:ring-primary\/15:hover {
    --ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/15 {
    --ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 15%, transparent);
    }
}
.ring-primary\/20 {
    --ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.hover\:ring-primary\/20:hover {
    --ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/20 {
    --ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 20%, transparent);
    }
}
.ring-primary\/25 {
    --ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.hover\:ring-primary\/25:hover {
    --ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/25 {
    --ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 25%, transparent);
    }
}
.ring-primary\/30 {
    --ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.hover\:ring-primary\/30:hover {
    --ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/30 {
    --ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 30%, transparent);
    }
}
.ring-primary\/35 {
    --ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.hover\:ring-primary\/35:hover {
    --ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/35 {
    --ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 35%, transparent);
    }
}
.ring-primary\/40 {
    --ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.hover\:ring-primary\/40:hover {
    --ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/40 {
    --ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 40%, transparent);
    }
}
.ring-primary\/45 {
    --ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.hover\:ring-primary\/45:hover {
    --ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/45 {
    --ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 45%, transparent);
    }
}
.ring-primary\/50 {
    --ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.hover\:ring-primary\/50:hover {
    --ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/50 {
    --ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 50%, transparent);
    }
}
.ring-primary\/55 {
    --ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.hover\:ring-primary\/55:hover {
    --ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/55 {
    --ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 55%, transparent);
    }
}
.ring-primary\/60 {
    --ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.hover\:ring-primary\/60:hover {
    --ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/60 {
    --ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 60%, transparent);
    }
}
.ring-primary\/65 {
    --ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.hover\:ring-primary\/65:hover {
    --ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/65 {
    --ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 65%, transparent);
    }
}
.ring-primary\/70 {
    --ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.hover\:ring-primary\/70:hover {
    --ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/70 {
    --ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 70%, transparent);
    }
}
.ring-primary\/75 {
    --ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.hover\:ring-primary\/75:hover {
    --ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/75 {
    --ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 75%, transparent);
    }
}
.ring-primary\/80 {
    --ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.hover\:ring-primary\/80:hover {
    --ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/80 {
    --ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 80%, transparent);
    }
}
.ring-primary\/85 {
    --ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.hover\:ring-primary\/85:hover {
    --ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/85 {
    --ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 85%, transparent);
    }
}
.ring-primary\/90 {
    --ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.hover\:ring-primary\/90:hover {
    --ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/90 {
    --ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 90%, transparent);
    }
}
.ring-primary\/95 {
    --ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.hover\:ring-primary\/95:hover {
    --ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/95 {
    --ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-ring-color: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #065da0 95%, transparent);
    }
}
.group:hover .group-hover\:text-white {
    color: #fff;
}
.from-primary {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary:hover {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary {
    --tw-gradient-from: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/95 {
    --tw-gradient-from: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/95:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/95 {
    --tw-gradient-from: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/90 {
    --tw-gradient-from: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/90:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/90 {
    --tw-gradient-from: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/85 {
    --tw-gradient-from: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/85:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/85 {
    --tw-gradient-from: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/80 {
    --tw-gradient-from: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/80:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/80 {
    --tw-gradient-from: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/75 {
    --tw-gradient-from: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/75:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/75 {
    --tw-gradient-from: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/70 {
    --tw-gradient-from: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/70:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/70 {
    --tw-gradient-from: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/65 {
    --tw-gradient-from: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/65:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/65 {
    --tw-gradient-from: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/60 {
    --tw-gradient-from: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/60:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/60 {
    --tw-gradient-from: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/55 {
    --tw-gradient-from: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/55:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/55 {
    --tw-gradient-from: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/50 {
    --tw-gradient-from: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/50:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/50 {
    --tw-gradient-from: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/45 {
    --tw-gradient-from: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/45:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/45 {
    --tw-gradient-from: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/40 {
    --tw-gradient-from: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/40:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/40 {
    --tw-gradient-from: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/35 {
    --tw-gradient-from: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/35:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/35 {
    --tw-gradient-from: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/30 {
    --tw-gradient-from: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/30:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/30 {
    --tw-gradient-from: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/25 {
    --tw-gradient-from: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/25:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/25 {
    --tw-gradient-from: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/20 {
    --tw-gradient-from: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/20:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/20 {
    --tw-gradient-from: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/15 {
    --tw-gradient-from: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/15:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/15 {
    --tw-gradient-from: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/10 {
    --tw-gradient-from: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/10:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/10 {
    --tw-gradient-from: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/5 {
    --tw-gradient-from: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:from-primary\/5:hover {
    --tw-gradient-from: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:from-primary\/5 {
    --tw-gradient-from: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-primary {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary:hover {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary {
    --tw-gradient-via: #065da0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/95 {
    --tw-gradient-via: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/95:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/95 {
    --tw-gradient-via: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/90 {
    --tw-gradient-via: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/90:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/90 {
    --tw-gradient-via: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/85 {
    --tw-gradient-via: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/85:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/85 {
    --tw-gradient-via: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/80 {
    --tw-gradient-via: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/80:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/80 {
    --tw-gradient-via: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/75 {
    --tw-gradient-via: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/75:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/75 {
    --tw-gradient-via: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/70 {
    --tw-gradient-via: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/70:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/70 {
    --tw-gradient-via: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/65 {
    --tw-gradient-via: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/65:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/65 {
    --tw-gradient-via: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/60 {
    --tw-gradient-via: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/60:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/60 {
    --tw-gradient-via: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/55 {
    --tw-gradient-via: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/55:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/55 {
    --tw-gradient-via: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/50 {
    --tw-gradient-via: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/50:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/50 {
    --tw-gradient-via: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/45 {
    --tw-gradient-via: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/45:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/45 {
    --tw-gradient-via: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/40 {
    --tw-gradient-via: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/40:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/40 {
    --tw-gradient-via: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/35 {
    --tw-gradient-via: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/35:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/35 {
    --tw-gradient-via: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/30 {
    --tw-gradient-via: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/30:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/30 {
    --tw-gradient-via: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/25 {
    --tw-gradient-via: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/25:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/25 {
    --tw-gradient-via: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/20 {
    --tw-gradient-via: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/20:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/20 {
    --tw-gradient-via: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/15 {
    --tw-gradient-via: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/15:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/15 {
    --tw-gradient-via: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/10 {
    --tw-gradient-via: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/10:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/10 {
    --tw-gradient-via: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-primary\/5 {
    --tw-gradient-via: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.hover\:via-primary\/5:hover {
    --tw-gradient-via: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.group:hover .group-hover\:via-primary\/5 {
    --tw-gradient-via: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-primary {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary:hover {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary {
    --tw-gradient-to: #065da0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/95 {
    --tw-gradient-to: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/95:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/95 {
    --tw-gradient-to: rgba(6, 93, 160, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/90 {
    --tw-gradient-to: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/90:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/90 {
    --tw-gradient-to: rgba(6, 93, 160, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/85 {
    --tw-gradient-to: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/85:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/85 {
    --tw-gradient-to: rgba(6, 93, 160, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/80 {
    --tw-gradient-to: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/80:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/80 {
    --tw-gradient-to: rgba(6, 93, 160, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/75 {
    --tw-gradient-to: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/75:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/75 {
    --tw-gradient-to: rgba(6, 93, 160, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/70 {
    --tw-gradient-to: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/70:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/70 {
    --tw-gradient-to: rgba(6, 93, 160, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/65 {
    --tw-gradient-to: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/65:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/65 {
    --tw-gradient-to: rgba(6, 93, 160, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 65%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/60 {
    --tw-gradient-to: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/60:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/60 {
    --tw-gradient-to: rgba(6, 93, 160, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/55 {
    --tw-gradient-to: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/55:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/55 {
    --tw-gradient-to: rgba(6, 93, 160, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 55%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/50 {
    --tw-gradient-to: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/50:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/50 {
    --tw-gradient-to: rgba(6, 93, 160, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/45 {
    --tw-gradient-to: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/45:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/45 {
    --tw-gradient-to: rgba(6, 93, 160, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/40 {
    --tw-gradient-to: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/40:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/40 {
    --tw-gradient-to: rgba(6, 93, 160, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/35 {
    --tw-gradient-to: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/35:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/35 {
    --tw-gradient-to: rgba(6, 93, 160, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/30 {
    --tw-gradient-to: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/30:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/30 {
    --tw-gradient-to: rgba(6, 93, 160, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/25 {
    --tw-gradient-to: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/25:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/25 {
    --tw-gradient-to: rgba(6, 93, 160, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/20 {
    --tw-gradient-to: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/20:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/20 {
    --tw-gradient-to: rgba(6, 93, 160, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/15 {
    --tw-gradient-to: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/15:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/15 {
    --tw-gradient-to: rgba(6, 93, 160, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/10 {
    --tw-gradient-to: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/10:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/10 {
    --tw-gradient-to: rgba(6, 93, 160, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/5 {
    --tw-gradient-to: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.hover\:to-primary\/5:hover {
    --tw-gradient-to: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group:hover .group-hover\:to-primary\/5 {
    --tw-gradient-to: rgba(6, 93, 160, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #065da0 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
a.underlinedlink {
    background-image: linear-gradient(180deg, transparent 85%, #c7e2f7 0);
}
a.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #c7e2f7 0);
}
a:hover.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #92c8f2 0);
}
.cms__content a, .ce-bodytext a, .cke_editable a {
    text-decoration: none;
    background-image: linear-gradient(180deg, transparent 85%, #c7e2f7 0);
}
a.highlight {
    color: #0D5C99 !important;
}
a.highlight:hover {
    color: #06538e !important;
}
.cms__content .button-primary:hover {
    background-color: #06538e !important;
    border-color: #06538e !important;
}
.cms__content h1 {
  /*  color: #0D5C99 !important;*/
}
.cms__content .button-primary {
    background-color: #0D5C99 !important;
    border-color: #0D5C99 !important;
}
.prose a {
    color: #0D5C99 !important;
}
bg-opacity-10{
--bg-opacity: 0.1;
}
.bg-opacity-20{
--bg-opacity: 0.2;
}
.bg-opacity-30{
--bg-opacity: 0.3;
}
.bg-opacity-40{
--bg-opacity: 0.4;
}
.bg-opacity-50{
--bg-opacity: 0.5;
}
.bg-opacity-60{
--bg-opacity: 0.6;
}
.bg-opacity-70{
--bg-opacity: 0.7;
}
.bg-opacity-80{
--bg-opacity: 0.8;
}
.bg-opacity-90{
--bg-opacity: 0.9;
}
.bg-opacity-100{
--bg-opacity: 1;
}
.eventschedule a {color: #0D5C99 !important};.multiselect__tag{background: #0D5C99 !important};.multiselect__option--highlight:after {background: #0D5C99 !important;} 
        .multiselect__option--highlight {
        
    background: #0D5C99 !important;
   
}a.button-primary{
background-color: #0D5C99 !important; border-color: #0D5C99 !important};