.bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.dark .dark\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-50-important {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity)) !important;
}
.focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-50:focus {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-50:hover {
    --bg-opacity: 1;
    background-color: rgba(227, 246, 247, var(--bg-opacity));
}
.bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.dark .dark\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-100-important {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity)) !important;
}
.focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-100:focus {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-100:hover {
    --bg-opacity: 1;
    background-color: rgba(198, 246, 249, var(--bg-opacity));
}
.bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.dark .dark\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-200-important {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity)) !important;
}
.focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-200:focus {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-200:hover {
    --bg-opacity: 1;
    background-color: rgba(145, 241, 246, var(--bg-opacity));
}
.bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.dark .dark\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-300-important {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity)) !important;
}
.focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-300:focus {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-300:hover {
    --bg-opacity: 1;
    background-color: rgba(85, 239, 246, var(--bg-opacity));
}
.bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.dark .dark\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-400-important {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity)) !important;
}
.focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-400:focus {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-400:hover {
    --bg-opacity: 1;
    background-color: rgba(16, 238, 249, var(--bg-opacity));
}
.bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.dark .dark\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-500-important {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity)) !important;
}
.focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-500:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(1, 149, 156, var(--bg-opacity));
}
.dark .dark\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(1, 142, 148, var(--bg-opacity));
}
.bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(1, 149, 156, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-600-important {
    --bg-opacity: 1;
    background-color: rgba(1, 142, 148, var(--bg-opacity)) !important;
}
.focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 149, 156, var(--bg-opacity));
}
.hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 149, 156, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(1, 149, 156, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-600:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 142, 148, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-600:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 142, 148, var(--bg-opacity));
}
.bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(1, 122, 128, var(--bg-opacity));
}
.dark .dark\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(1, 106, 111, var(--bg-opacity));
}
.bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(1, 122, 128, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-700-important {
    --bg-opacity: 1;
    background-color: rgba(1, 106, 111, var(--bg-opacity)) !important;
}
.focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 122, 128, var(--bg-opacity));
}
.hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 122, 128, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(1, 122, 128, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-700:focus {
    --bg-opacity: 1;
    background-color: rgba(1, 106, 111, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-700:hover {
    --bg-opacity: 1;
    background-color: rgba(1, 106, 111, var(--bg-opacity));
}
.bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(0, 93, 97, var(--bg-opacity));
}
.dark .dark\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(0, 71, 74, var(--bg-opacity));
}
.bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(0, 93, 97, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-800-important {
    --bg-opacity: 1;
    background-color: rgba(0, 71, 74, var(--bg-opacity)) !important;
}
.focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 93, 97, var(--bg-opacity));
}
.hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 93, 97, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(0, 93, 97, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-800:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 71, 74, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-800:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 71, 74, var(--bg-opacity));
}
.bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(0, 59, 62, var(--bg-opacity));
}
.dark .dark\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(0, 38, 40, var(--bg-opacity));
}
.bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(0, 59, 62, var(--bg-opacity)) !important;
}
.dark .dark\:bg-primary-900-important {
    --bg-opacity: 1;
    background-color: rgba(0, 38, 40, var(--bg-opacity)) !important;
}
.focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 59, 62, var(--bg-opacity));
}
.hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 59, 62, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(0, 59, 62, var(--bg-opacity));
}
.dark .dark\:focus\:bg-primary-900:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 38, 40, var(--bg-opacity));
}
.dark .dark\:hover\:bg-primary-900:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 38, 40, var(--bg-opacity));
}
.bg-primary-20-50 {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-50 {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.bg-primary-20-50-important {
    background-color: rgba(227, 246, 247, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-50-important {
    background-color: rgba(227, 246, 247, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent) !important;
    }
}
.bg-primary-20-100 {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-100 {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.bg-primary-20-100-important {
    background-color: rgba(198, 246, 249, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-100-important {
    background-color: rgba(198, 246, 249, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent) !important;
    }
}
.bg-primary-20-200 {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-200 {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.bg-primary-20-200-important {
    background-color: rgba(145, 241, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-200-important {
    background-color: rgba(145, 241, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent) !important;
    }
}
.bg-primary-20-300 {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-300 {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.bg-primary-20-300-important {
    background-color: rgba(85, 239, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-300-important {
    background-color: rgba(85, 239, 246, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent) !important;
    }
}
.bg-primary-20-400 {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-400 {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.bg-primary-20-400-important {
    background-color: rgba(16, 238, 249, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-400-important {
    background-color: rgba(16, 238, 249, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent) !important;
    }
}
.bg-primary-20-500 {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-500 {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.bg-primary-20-500-important {
    background-color: rgba(0, 168, 176, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-500-important {
    background-color: rgba(0, 168, 176, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent) !important;
    }
}
.bg-primary-20-600 {
    background-color: rgba(1, 149, 156, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-600 {
    background-color: rgba(1, 142, 148, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 20%, transparent);
    }
}
.bg-primary-20-600-important {
    background-color: rgba(1, 149, 156, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-600-important {
    background-color: rgba(1, 142, 148, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 20%, transparent) !important;
    }
}
.bg-primary-20-700 {
    background-color: rgba(1, 122, 128, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-700 {
    background-color: rgba(1, 106, 111, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 20%, transparent);
    }
}
.bg-primary-20-700-important {
    background-color: rgba(1, 122, 128, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-700-important {
    background-color: rgba(1, 106, 111, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 20%, transparent) !important;
    }
}
.bg-primary-20-800 {
    background-color: rgba(0, 93, 97, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-800 {
    background-color: rgba(0, 71, 74, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 20%, transparent);
    }
}
.bg-primary-20-800-important {
    background-color: rgba(0, 93, 97, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-800-important {
    background-color: rgba(0, 71, 74, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 20%, transparent) !important;
    }
}
.bg-primary-20-900 {
    background-color: rgba(0, 59, 62, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.dark .dark\:bg-primary-20-900 {
    background-color: rgba(0, 38, 40, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 20%, transparent);
    }
}
.bg-primary-20-900-important {
    background-color: rgba(0, 59, 62, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 20%, transparent) !important;
    }
}
.dark .dark\:bg-primary-20-900-important {
    background-color: rgba(0, 38, 40, .2) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 20%, transparent) !important;
    }
}
.focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-50 {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-50:focus {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-50:hover {
    background-color: rgba(227, 246, 247, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.focus\:bg-primary-20-100:focus {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.hover\:bg-primary-20-100:hover {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-100 {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-100:focus {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-100:hover {
    background-color: rgba(198, 246, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.focus\:bg-primary-20-200:focus {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.hover\:bg-primary-20-200:hover {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-200 {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-200:focus {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-200:hover {
    background-color: rgba(145, 241, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.focus\:bg-primary-20-300:focus {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.hover\:bg-primary-20-300:hover {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-300 {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-300:focus {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-300:hover {
    background-color: rgba(85, 239, 246, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.focus\:bg-primary-20-400:focus {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.hover\:bg-primary-20-400:hover {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-400 {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-400:focus {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-400:hover {
    background-color: rgba(16, 238, 249, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.focus\:bg-primary-20-500:focus {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:bg-primary-20-500:hover {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-500 {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-500:focus {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-500:hover {
    background-color: rgba(0, 168, 176, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:bg-primary-20-600:focus {
    background-color: rgba(1, 149, 156, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.hover\:bg-primary-20-600:hover {
    background-color: rgba(1, 149, 156, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-600 {
    background-color: rgba(1, 149, 156, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-600:focus {
    background-color: rgba(1, 142, 148, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-600:hover {
    background-color: rgba(1, 142, 148, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 20%, transparent);
    }
}
.focus\:bg-primary-20-700:focus {
    background-color: rgba(1, 122, 128, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.hover\:bg-primary-20-700:hover {
    background-color: rgba(1, 122, 128, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-700 {
    background-color: rgba(1, 122, 128, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-700:focus {
    background-color: rgba(1, 106, 111, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-700:hover {
    background-color: rgba(1, 106, 111, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 20%, transparent);
    }
}
.focus\:bg-primary-20-800:focus {
    background-color: rgba(0, 93, 97, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.hover\:bg-primary-20-800:hover {
    background-color: rgba(0, 93, 97, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-800 {
    background-color: rgba(0, 93, 97, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-800:focus {
    background-color: rgba(0, 71, 74, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-800:hover {
    background-color: rgba(0, 71, 74, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 20%, transparent);
    }
}
.focus\:bg-primary-20-900:focus {
    background-color: rgba(0, 59, 62, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.hover\:bg-primary-20-900:hover {
    background-color: rgba(0, 59, 62, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-20-900 {
    background-color: rgba(0, 59, 62, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-20-900:focus {
    background-color: rgba(0, 38, 40, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 20%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-20-900:hover {
    background-color: rgba(0, 38, 40, .2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 20%, transparent);
    }
}
.bg-primary-25-50 {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-50 {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.bg-primary-25-50-important {
    background-color: rgba(227, 246, 247, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-50-important {
    background-color: rgba(227, 246, 247, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent) !important;
    }
}
.bg-primary-25-100 {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-100 {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.bg-primary-25-100-important {
    background-color: rgba(198, 246, 249, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-100-important {
    background-color: rgba(198, 246, 249, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent) !important;
    }
}
.bg-primary-25-200 {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-200 {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.bg-primary-25-200-important {
    background-color: rgba(145, 241, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-200-important {
    background-color: rgba(145, 241, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent) !important;
    }
}
.bg-primary-25-300 {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-300 {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.bg-primary-25-300-important {
    background-color: rgba(85, 239, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-300-important {
    background-color: rgba(85, 239, 246, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent) !important;
    }
}
.bg-primary-25-400 {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-400 {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.bg-primary-25-400-important {
    background-color: rgba(16, 238, 249, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-400-important {
    background-color: rgba(16, 238, 249, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent) !important;
    }
}
.bg-primary-25-500 {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-500 {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.bg-primary-25-500-important {
    background-color: rgba(0, 168, 176, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-500-important {
    background-color: rgba(0, 168, 176, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent) !important;
    }
}
.bg-primary-25-600 {
    background-color: rgba(1, 149, 156, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-600 {
    background-color: rgba(1, 142, 148, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 25%, transparent);
    }
}
.bg-primary-25-600-important {
    background-color: rgba(1, 149, 156, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-600-important {
    background-color: rgba(1, 142, 148, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 25%, transparent) !important;
    }
}
.bg-primary-25-700 {
    background-color: rgba(1, 122, 128, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-700 {
    background-color: rgba(1, 106, 111, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 25%, transparent);
    }
}
.bg-primary-25-700-important {
    background-color: rgba(1, 122, 128, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-700-important {
    background-color: rgba(1, 106, 111, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 25%, transparent) !important;
    }
}
.bg-primary-25-800 {
    background-color: rgba(0, 93, 97, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-800 {
    background-color: rgba(0, 71, 74, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 25%, transparent);
    }
}
.bg-primary-25-800-important {
    background-color: rgba(0, 93, 97, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-800-important {
    background-color: rgba(0, 71, 74, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 25%, transparent) !important;
    }
}
.bg-primary-25-900 {
    background-color: rgba(0, 59, 62, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.dark .dark\:bg-primary-25-900 {
    background-color: rgba(0, 38, 40, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 25%, transparent);
    }
}
.bg-primary-25-900-important {
    background-color: rgba(0, 59, 62, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 25%, transparent) !important;
    }
}
.dark .dark\:bg-primary-25-900-important {
    background-color: rgba(0, 38, 40, .25) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 25%, transparent) !important;
    }
}
.focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-50 {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-50:focus {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-50:hover {
    background-color: rgba(227, 246, 247, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.focus\:bg-primary-25-100:focus {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.hover\:bg-primary-25-100:hover {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-100 {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-100:focus {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-100:hover {
    background-color: rgba(198, 246, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.focus\:bg-primary-25-200:focus {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.hover\:bg-primary-25-200:hover {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-200 {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-200:focus {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-200:hover {
    background-color: rgba(145, 241, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.focus\:bg-primary-25-300:focus {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.hover\:bg-primary-25-300:hover {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-300 {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-300:focus {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-300:hover {
    background-color: rgba(85, 239, 246, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.focus\:bg-primary-25-400:focus {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.hover\:bg-primary-25-400:hover {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-400 {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-400:focus {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-400:hover {
    background-color: rgba(16, 238, 249, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.focus\:bg-primary-25-500:focus {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:bg-primary-25-500:hover {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-500 {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-500:focus {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-500:hover {
    background-color: rgba(0, 168, 176, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:bg-primary-25-600:focus {
    background-color: rgba(1, 149, 156, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.hover\:bg-primary-25-600:hover {
    background-color: rgba(1, 149, 156, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-600 {
    background-color: rgba(1, 149, 156, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-600:focus {
    background-color: rgba(1, 142, 148, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-600:hover {
    background-color: rgba(1, 142, 148, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 25%, transparent);
    }
}
.focus\:bg-primary-25-700:focus {
    background-color: rgba(1, 122, 128, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.hover\:bg-primary-25-700:hover {
    background-color: rgba(1, 122, 128, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-700 {
    background-color: rgba(1, 122, 128, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-700:focus {
    background-color: rgba(1, 106, 111, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-700:hover {
    background-color: rgba(1, 106, 111, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 25%, transparent);
    }
}
.focus\:bg-primary-25-800:focus {
    background-color: rgba(0, 93, 97, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.hover\:bg-primary-25-800:hover {
    background-color: rgba(0, 93, 97, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-800 {
    background-color: rgba(0, 93, 97, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-800:focus {
    background-color: rgba(0, 71, 74, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-800:hover {
    background-color: rgba(0, 71, 74, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 25%, transparent);
    }
}
.focus\:bg-primary-25-900:focus {
    background-color: rgba(0, 59, 62, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.hover\:bg-primary-25-900:hover {
    background-color: rgba(0, 59, 62, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-25-900 {
    background-color: rgba(0, 59, 62, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-25-900:focus {
    background-color: rgba(0, 38, 40, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 25%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-25-900:hover {
    background-color: rgba(0, 38, 40, .25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 25%, transparent);
    }
}
.bg-primary-30-50 {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-50 {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.bg-primary-30-50-important {
    background-color: rgba(227, 246, 247, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-50-important {
    background-color: rgba(227, 246, 247, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent) !important;
    }
}
.bg-primary-30-100 {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-100 {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.bg-primary-30-100-important {
    background-color: rgba(198, 246, 249, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-100-important {
    background-color: rgba(198, 246, 249, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent) !important;
    }
}
.bg-primary-30-200 {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-200 {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.bg-primary-30-200-important {
    background-color: rgba(145, 241, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-200-important {
    background-color: rgba(145, 241, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent) !important;
    }
}
.bg-primary-30-300 {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-300 {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.bg-primary-30-300-important {
    background-color: rgba(85, 239, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-300-important {
    background-color: rgba(85, 239, 246, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent) !important;
    }
}
.bg-primary-30-400 {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-400 {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.bg-primary-30-400-important {
    background-color: rgba(16, 238, 249, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-400-important {
    background-color: rgba(16, 238, 249, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent) !important;
    }
}
.bg-primary-30-500 {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-500 {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.bg-primary-30-500-important {
    background-color: rgba(0, 168, 176, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-500-important {
    background-color: rgba(0, 168, 176, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent) !important;
    }
}
.bg-primary-30-600 {
    background-color: rgba(1, 149, 156, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-600 {
    background-color: rgba(1, 142, 148, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 30%, transparent);
    }
}
.bg-primary-30-600-important {
    background-color: rgba(1, 149, 156, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-600-important {
    background-color: rgba(1, 142, 148, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 30%, transparent) !important;
    }
}
.bg-primary-30-700 {
    background-color: rgba(1, 122, 128, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-700 {
    background-color: rgba(1, 106, 111, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 30%, transparent);
    }
}
.bg-primary-30-700-important {
    background-color: rgba(1, 122, 128, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-700-important {
    background-color: rgba(1, 106, 111, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 30%, transparent) !important;
    }
}
.bg-primary-30-800 {
    background-color: rgba(0, 93, 97, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-800 {
    background-color: rgba(0, 71, 74, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 30%, transparent);
    }
}
.bg-primary-30-800-important {
    background-color: rgba(0, 93, 97, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-800-important {
    background-color: rgba(0, 71, 74, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 30%, transparent) !important;
    }
}
.bg-primary-30-900 {
    background-color: rgba(0, 59, 62, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.dark .dark\:bg-primary-30-900 {
    background-color: rgba(0, 38, 40, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 30%, transparent);
    }
}
.bg-primary-30-900-important {
    background-color: rgba(0, 59, 62, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 30%, transparent) !important;
    }
}
.dark .dark\:bg-primary-30-900-important {
    background-color: rgba(0, 38, 40, .3) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 30%, transparent) !important;
    }
}
.focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-50 {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-50:focus {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-50:hover {
    background-color: rgba(227, 246, 247, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.focus\:bg-primary-30-100:focus {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.hover\:bg-primary-30-100:hover {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-100 {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-100:focus {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-100:hover {
    background-color: rgba(198, 246, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.focus\:bg-primary-30-200:focus {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.hover\:bg-primary-30-200:hover {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-200 {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-200:focus {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-200:hover {
    background-color: rgba(145, 241, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.focus\:bg-primary-30-300:focus {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.hover\:bg-primary-30-300:hover {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-300 {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-300:focus {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-300:hover {
    background-color: rgba(85, 239, 246, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.focus\:bg-primary-30-400:focus {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.hover\:bg-primary-30-400:hover {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-400 {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-400:focus {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-400:hover {
    background-color: rgba(16, 238, 249, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.focus\:bg-primary-30-500:focus {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:bg-primary-30-500:hover {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-500 {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-500:focus {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-500:hover {
    background-color: rgba(0, 168, 176, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:bg-primary-30-600:focus {
    background-color: rgba(1, 149, 156, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.hover\:bg-primary-30-600:hover {
    background-color: rgba(1, 149, 156, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-600 {
    background-color: rgba(1, 149, 156, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-600:focus {
    background-color: rgba(1, 142, 148, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-600:hover {
    background-color: rgba(1, 142, 148, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 30%, transparent);
    }
}
.focus\:bg-primary-30-700:focus {
    background-color: rgba(1, 122, 128, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.hover\:bg-primary-30-700:hover {
    background-color: rgba(1, 122, 128, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-700 {
    background-color: rgba(1, 122, 128, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-700:focus {
    background-color: rgba(1, 106, 111, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-700:hover {
    background-color: rgba(1, 106, 111, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 30%, transparent);
    }
}
.focus\:bg-primary-30-800:focus {
    background-color: rgba(0, 93, 97, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.hover\:bg-primary-30-800:hover {
    background-color: rgba(0, 93, 97, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-800 {
    background-color: rgba(0, 93, 97, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-800:focus {
    background-color: rgba(0, 71, 74, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-800:hover {
    background-color: rgba(0, 71, 74, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 30%, transparent);
    }
}
.focus\:bg-primary-30-900:focus {
    background-color: rgba(0, 59, 62, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.hover\:bg-primary-30-900:hover {
    background-color: rgba(0, 59, 62, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-30-900 {
    background-color: rgba(0, 59, 62, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-30-900:focus {
    background-color: rgba(0, 38, 40, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 30%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-30-900:hover {
    background-color: rgba(0, 38, 40, .3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 30%, transparent);
    }
}
.bg-primary-40-50 {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-50 {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.bg-primary-40-50-important {
    background-color: rgba(227, 246, 247, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-50-important {
    background-color: rgba(227, 246, 247, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent) !important;
    }
}
.bg-primary-40-100 {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-100 {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.bg-primary-40-100-important {
    background-color: rgba(198, 246, 249, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-100-important {
    background-color: rgba(198, 246, 249, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent) !important;
    }
}
.bg-primary-40-200 {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-200 {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.bg-primary-40-200-important {
    background-color: rgba(145, 241, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-200-important {
    background-color: rgba(145, 241, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent) !important;
    }
}
.bg-primary-40-300 {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-300 {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.bg-primary-40-300-important {
    background-color: rgba(85, 239, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-300-important {
    background-color: rgba(85, 239, 246, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent) !important;
    }
}
.bg-primary-40-400 {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-400 {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.bg-primary-40-400-important {
    background-color: rgba(16, 238, 249, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-400-important {
    background-color: rgba(16, 238, 249, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent) !important;
    }
}
.bg-primary-40-500 {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-500 {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.bg-primary-40-500-important {
    background-color: rgba(0, 168, 176, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-500-important {
    background-color: rgba(0, 168, 176, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent) !important;
    }
}
.bg-primary-40-600 {
    background-color: rgba(1, 149, 156, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-600 {
    background-color: rgba(1, 142, 148, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 40%, transparent);
    }
}
.bg-primary-40-600-important {
    background-color: rgba(1, 149, 156, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-600-important {
    background-color: rgba(1, 142, 148, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 40%, transparent) !important;
    }
}
.bg-primary-40-700 {
    background-color: rgba(1, 122, 128, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-700 {
    background-color: rgba(1, 106, 111, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 40%, transparent);
    }
}
.bg-primary-40-700-important {
    background-color: rgba(1, 122, 128, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-700-important {
    background-color: rgba(1, 106, 111, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 40%, transparent) !important;
    }
}
.bg-primary-40-800 {
    background-color: rgba(0, 93, 97, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-800 {
    background-color: rgba(0, 71, 74, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 40%, transparent);
    }
}
.bg-primary-40-800-important {
    background-color: rgba(0, 93, 97, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-800-important {
    background-color: rgba(0, 71, 74, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 40%, transparent) !important;
    }
}
.bg-primary-40-900 {
    background-color: rgba(0, 59, 62, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.dark .dark\:bg-primary-40-900 {
    background-color: rgba(0, 38, 40, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 40%, transparent);
    }
}
.bg-primary-40-900-important {
    background-color: rgba(0, 59, 62, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 40%, transparent) !important;
    }
}
.dark .dark\:bg-primary-40-900-important {
    background-color: rgba(0, 38, 40, .4) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 40%, transparent) !important;
    }
}
.focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-50 {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-50:focus {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-50:hover {
    background-color: rgba(227, 246, 247, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.focus\:bg-primary-40-100:focus {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.hover\:bg-primary-40-100:hover {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-100 {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-100:focus {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-100:hover {
    background-color: rgba(198, 246, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.focus\:bg-primary-40-200:focus {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.hover\:bg-primary-40-200:hover {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-200 {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-200:focus {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-200:hover {
    background-color: rgba(145, 241, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.focus\:bg-primary-40-300:focus {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.hover\:bg-primary-40-300:hover {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-300 {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-300:focus {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-300:hover {
    background-color: rgba(85, 239, 246, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.focus\:bg-primary-40-400:focus {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.hover\:bg-primary-40-400:hover {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-400 {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-400:focus {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-400:hover {
    background-color: rgba(16, 238, 249, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.focus\:bg-primary-40-500:focus {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:bg-primary-40-500:hover {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-500 {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-500:focus {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-500:hover {
    background-color: rgba(0, 168, 176, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:bg-primary-40-600:focus {
    background-color: rgba(1, 149, 156, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.hover\:bg-primary-40-600:hover {
    background-color: rgba(1, 149, 156, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-600 {
    background-color: rgba(1, 149, 156, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-600:focus {
    background-color: rgba(1, 142, 148, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-600:hover {
    background-color: rgba(1, 142, 148, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 40%, transparent);
    }
}
.focus\:bg-primary-40-700:focus {
    background-color: rgba(1, 122, 128, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.hover\:bg-primary-40-700:hover {
    background-color: rgba(1, 122, 128, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-700 {
    background-color: rgba(1, 122, 128, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-700:focus {
    background-color: rgba(1, 106, 111, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-700:hover {
    background-color: rgba(1, 106, 111, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 40%, transparent);
    }
}
.focus\:bg-primary-40-800:focus {
    background-color: rgba(0, 93, 97, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.hover\:bg-primary-40-800:hover {
    background-color: rgba(0, 93, 97, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-800 {
    background-color: rgba(0, 93, 97, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-800:focus {
    background-color: rgba(0, 71, 74, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-800:hover {
    background-color: rgba(0, 71, 74, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 40%, transparent);
    }
}
.focus\:bg-primary-40-900:focus {
    background-color: rgba(0, 59, 62, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.hover\:bg-primary-40-900:hover {
    background-color: rgba(0, 59, 62, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-40-900 {
    background-color: rgba(0, 59, 62, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-40-900:focus {
    background-color: rgba(0, 38, 40, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 40%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-40-900:hover {
    background-color: rgba(0, 38, 40, .4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 40%, transparent);
    }
}
.bg-primary-50-50 {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-50 {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.bg-primary-50-50-important {
    background-color: rgba(227, 246, 247, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-50-important {
    background-color: rgba(227, 246, 247, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent) !important;
    }
}
.bg-primary-50-100 {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-100 {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.bg-primary-50-100-important {
    background-color: rgba(198, 246, 249, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-100-important {
    background-color: rgba(198, 246, 249, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent) !important;
    }
}
.bg-primary-50-200 {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-200 {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.bg-primary-50-200-important {
    background-color: rgba(145, 241, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-200-important {
    background-color: rgba(145, 241, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent) !important;
    }
}
.bg-primary-50-300 {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-300 {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.bg-primary-50-300-important {
    background-color: rgba(85, 239, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-300-important {
    background-color: rgba(85, 239, 246, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent) !important;
    }
}
.bg-primary-50-400 {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-400 {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.bg-primary-50-400-important {
    background-color: rgba(16, 238, 249, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-400-important {
    background-color: rgba(16, 238, 249, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent) !important;
    }
}
.bg-primary-50-500 {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-500 {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.bg-primary-50-500-important {
    background-color: rgba(0, 168, 176, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-500-important {
    background-color: rgba(0, 168, 176, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent) !important;
    }
}
.bg-primary-50-600 {
    background-color: rgba(1, 149, 156, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-600 {
    background-color: rgba(1, 142, 148, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 50%, transparent);
    }
}
.bg-primary-50-600-important {
    background-color: rgba(1, 149, 156, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-600-important {
    background-color: rgba(1, 142, 148, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 50%, transparent) !important;
    }
}
.bg-primary-50-700 {
    background-color: rgba(1, 122, 128, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-700 {
    background-color: rgba(1, 106, 111, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 50%, transparent);
    }
}
.bg-primary-50-700-important {
    background-color: rgba(1, 122, 128, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-700-important {
    background-color: rgba(1, 106, 111, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 50%, transparent) !important;
    }
}
.bg-primary-50-800 {
    background-color: rgba(0, 93, 97, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-800 {
    background-color: rgba(0, 71, 74, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 50%, transparent);
    }
}
.bg-primary-50-800-important {
    background-color: rgba(0, 93, 97, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-800-important {
    background-color: rgba(0, 71, 74, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 50%, transparent) !important;
    }
}
.bg-primary-50-900 {
    background-color: rgba(0, 59, 62, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.dark .dark\:bg-primary-50-900 {
    background-color: rgba(0, 38, 40, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 50%, transparent);
    }
}
.bg-primary-50-900-important {
    background-color: rgba(0, 59, 62, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 50%, transparent) !important;
    }
}
.dark .dark\:bg-primary-50-900-important {
    background-color: rgba(0, 38, 40, .5) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 50%, transparent) !important;
    }
}
.focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-50 {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-50:focus {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-50:hover {
    background-color: rgba(227, 246, 247, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.focus\:bg-primary-50-100:focus {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.hover\:bg-primary-50-100:hover {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-100 {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-100:focus {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-100:hover {
    background-color: rgba(198, 246, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.focus\:bg-primary-50-200:focus {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.hover\:bg-primary-50-200:hover {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-200 {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-200:focus {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-200:hover {
    background-color: rgba(145, 241, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.focus\:bg-primary-50-300:focus {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.hover\:bg-primary-50-300:hover {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-300 {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-300:focus {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-300:hover {
    background-color: rgba(85, 239, 246, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.focus\:bg-primary-50-400:focus {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.hover\:bg-primary-50-400:hover {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-400 {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-400:focus {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-400:hover {
    background-color: rgba(16, 238, 249, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.focus\:bg-primary-50-500:focus {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:bg-primary-50-500:hover {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-500 {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-500:focus {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-500:hover {
    background-color: rgba(0, 168, 176, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:bg-primary-50-600:focus {
    background-color: rgba(1, 149, 156, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.hover\:bg-primary-50-600:hover {
    background-color: rgba(1, 149, 156, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-600 {
    background-color: rgba(1, 149, 156, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-600:focus {
    background-color: rgba(1, 142, 148, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-600:hover {
    background-color: rgba(1, 142, 148, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 50%, transparent);
    }
}
.focus\:bg-primary-50-700:focus {
    background-color: rgba(1, 122, 128, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.hover\:bg-primary-50-700:hover {
    background-color: rgba(1, 122, 128, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-700 {
    background-color: rgba(1, 122, 128, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-700:focus {
    background-color: rgba(1, 106, 111, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-700:hover {
    background-color: rgba(1, 106, 111, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 50%, transparent);
    }
}
.focus\:bg-primary-50-800:focus {
    background-color: rgba(0, 93, 97, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.hover\:bg-primary-50-800:hover {
    background-color: rgba(0, 93, 97, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-800 {
    background-color: rgba(0, 93, 97, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-800:focus {
    background-color: rgba(0, 71, 74, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-800:hover {
    background-color: rgba(0, 71, 74, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 50%, transparent);
    }
}
.focus\:bg-primary-50-900:focus {
    background-color: rgba(0, 59, 62, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.hover\:bg-primary-50-900:hover {
    background-color: rgba(0, 59, 62, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-50-900 {
    background-color: rgba(0, 59, 62, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-50-900:focus {
    background-color: rgba(0, 38, 40, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 50%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-50-900:hover {
    background-color: rgba(0, 38, 40, .5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 50%, transparent);
    }
}
.bg-primary-60-50 {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-50 {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.bg-primary-60-50-important {
    background-color: rgba(227, 246, 247, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-50-important {
    background-color: rgba(227, 246, 247, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent) !important;
    }
}
.bg-primary-60-100 {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-100 {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.bg-primary-60-100-important {
    background-color: rgba(198, 246, 249, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-100-important {
    background-color: rgba(198, 246, 249, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent) !important;
    }
}
.bg-primary-60-200 {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-200 {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.bg-primary-60-200-important {
    background-color: rgba(145, 241, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-200-important {
    background-color: rgba(145, 241, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent) !important;
    }
}
.bg-primary-60-300 {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-300 {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.bg-primary-60-300-important {
    background-color: rgba(85, 239, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-300-important {
    background-color: rgba(85, 239, 246, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent) !important;
    }
}
.bg-primary-60-400 {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-400 {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.bg-primary-60-400-important {
    background-color: rgba(16, 238, 249, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-400-important {
    background-color: rgba(16, 238, 249, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent) !important;
    }
}
.bg-primary-60-500 {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-500 {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.bg-primary-60-500-important {
    background-color: rgba(0, 168, 176, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-500-important {
    background-color: rgba(0, 168, 176, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent) !important;
    }
}
.bg-primary-60-600 {
    background-color: rgba(1, 149, 156, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-600 {
    background-color: rgba(1, 142, 148, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 60%, transparent);
    }
}
.bg-primary-60-600-important {
    background-color: rgba(1, 149, 156, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-600-important {
    background-color: rgba(1, 142, 148, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 60%, transparent) !important;
    }
}
.bg-primary-60-700 {
    background-color: rgba(1, 122, 128, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-700 {
    background-color: rgba(1, 106, 111, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 60%, transparent);
    }
}
.bg-primary-60-700-important {
    background-color: rgba(1, 122, 128, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-700-important {
    background-color: rgba(1, 106, 111, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 60%, transparent) !important;
    }
}
.bg-primary-60-800 {
    background-color: rgba(0, 93, 97, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-800 {
    background-color: rgba(0, 71, 74, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 60%, transparent);
    }
}
.bg-primary-60-800-important {
    background-color: rgba(0, 93, 97, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-800-important {
    background-color: rgba(0, 71, 74, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 60%, transparent) !important;
    }
}
.bg-primary-60-900 {
    background-color: rgba(0, 59, 62, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.dark .dark\:bg-primary-60-900 {
    background-color: rgba(0, 38, 40, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 60%, transparent);
    }
}
.bg-primary-60-900-important {
    background-color: rgba(0, 59, 62, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 60%, transparent) !important;
    }
}
.dark .dark\:bg-primary-60-900-important {
    background-color: rgba(0, 38, 40, .6) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 60%, transparent) !important;
    }
}
.focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-50 {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-50:focus {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-50:hover {
    background-color: rgba(227, 246, 247, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.focus\:bg-primary-60-100:focus {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.hover\:bg-primary-60-100:hover {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-100 {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-100:focus {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-100:hover {
    background-color: rgba(198, 246, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.focus\:bg-primary-60-200:focus {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.hover\:bg-primary-60-200:hover {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-200 {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-200:focus {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-200:hover {
    background-color: rgba(145, 241, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.focus\:bg-primary-60-300:focus {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.hover\:bg-primary-60-300:hover {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-300 {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-300:focus {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-300:hover {
    background-color: rgba(85, 239, 246, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.focus\:bg-primary-60-400:focus {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.hover\:bg-primary-60-400:hover {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-400 {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-400:focus {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-400:hover {
    background-color: rgba(16, 238, 249, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.focus\:bg-primary-60-500:focus {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:bg-primary-60-500:hover {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-500 {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-500:focus {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-500:hover {
    background-color: rgba(0, 168, 176, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:bg-primary-60-600:focus {
    background-color: rgba(1, 149, 156, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.hover\:bg-primary-60-600:hover {
    background-color: rgba(1, 149, 156, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-600 {
    background-color: rgba(1, 149, 156, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-600:focus {
    background-color: rgba(1, 142, 148, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-600:hover {
    background-color: rgba(1, 142, 148, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 60%, transparent);
    }
}
.focus\:bg-primary-60-700:focus {
    background-color: rgba(1, 122, 128, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.hover\:bg-primary-60-700:hover {
    background-color: rgba(1, 122, 128, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-700 {
    background-color: rgba(1, 122, 128, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-700:focus {
    background-color: rgba(1, 106, 111, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-700:hover {
    background-color: rgba(1, 106, 111, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 60%, transparent);
    }
}
.focus\:bg-primary-60-800:focus {
    background-color: rgba(0, 93, 97, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.hover\:bg-primary-60-800:hover {
    background-color: rgba(0, 93, 97, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-800 {
    background-color: rgba(0, 93, 97, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-800:focus {
    background-color: rgba(0, 71, 74, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-800:hover {
    background-color: rgba(0, 71, 74, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 60%, transparent);
    }
}
.focus\:bg-primary-60-900:focus {
    background-color: rgba(0, 59, 62, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.hover\:bg-primary-60-900:hover {
    background-color: rgba(0, 59, 62, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-60-900 {
    background-color: rgba(0, 59, 62, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-60-900:focus {
    background-color: rgba(0, 38, 40, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 60%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-60-900:hover {
    background-color: rgba(0, 38, 40, .6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 60%, transparent);
    }
}
.bg-primary-70-50 {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-50 {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.bg-primary-70-50-important {
    background-color: rgba(227, 246, 247, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-50-important {
    background-color: rgba(227, 246, 247, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent) !important;
    }
}
.bg-primary-70-100 {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-100 {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.bg-primary-70-100-important {
    background-color: rgba(198, 246, 249, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-100-important {
    background-color: rgba(198, 246, 249, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent) !important;
    }
}
.bg-primary-70-200 {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-200 {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.bg-primary-70-200-important {
    background-color: rgba(145, 241, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-200-important {
    background-color: rgba(145, 241, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent) !important;
    }
}
.bg-primary-70-300 {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-300 {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.bg-primary-70-300-important {
    background-color: rgba(85, 239, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-300-important {
    background-color: rgba(85, 239, 246, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent) !important;
    }
}
.bg-primary-70-400 {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-400 {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.bg-primary-70-400-important {
    background-color: rgba(16, 238, 249, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-400-important {
    background-color: rgba(16, 238, 249, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent) !important;
    }
}
.bg-primary-70-500 {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-500 {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.bg-primary-70-500-important {
    background-color: rgba(0, 168, 176, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-500-important {
    background-color: rgba(0, 168, 176, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent) !important;
    }
}
.bg-primary-70-600 {
    background-color: rgba(1, 149, 156, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-600 {
    background-color: rgba(1, 142, 148, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 70%, transparent);
    }
}
.bg-primary-70-600-important {
    background-color: rgba(1, 149, 156, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-600-important {
    background-color: rgba(1, 142, 148, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 70%, transparent) !important;
    }
}
.bg-primary-70-700 {
    background-color: rgba(1, 122, 128, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-700 {
    background-color: rgba(1, 106, 111, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 70%, transparent);
    }
}
.bg-primary-70-700-important {
    background-color: rgba(1, 122, 128, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-700-important {
    background-color: rgba(1, 106, 111, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 70%, transparent) !important;
    }
}
.bg-primary-70-800 {
    background-color: rgba(0, 93, 97, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-800 {
    background-color: rgba(0, 71, 74, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 70%, transparent);
    }
}
.bg-primary-70-800-important {
    background-color: rgba(0, 93, 97, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-800-important {
    background-color: rgba(0, 71, 74, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 70%, transparent) !important;
    }
}
.bg-primary-70-900 {
    background-color: rgba(0, 59, 62, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.dark .dark\:bg-primary-70-900 {
    background-color: rgba(0, 38, 40, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 70%, transparent);
    }
}
.bg-primary-70-900-important {
    background-color: rgba(0, 59, 62, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 70%, transparent) !important;
    }
}
.dark .dark\:bg-primary-70-900-important {
    background-color: rgba(0, 38, 40, .7) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 70%, transparent) !important;
    }
}
.focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-50 {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-50:focus {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-50:hover {
    background-color: rgba(227, 246, 247, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.focus\:bg-primary-70-100:focus {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.hover\:bg-primary-70-100:hover {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-100 {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-100:focus {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-100:hover {
    background-color: rgba(198, 246, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.focus\:bg-primary-70-200:focus {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.hover\:bg-primary-70-200:hover {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-200 {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-200:focus {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-200:hover {
    background-color: rgba(145, 241, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.focus\:bg-primary-70-300:focus {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.hover\:bg-primary-70-300:hover {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-300 {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-300:focus {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-300:hover {
    background-color: rgba(85, 239, 246, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.focus\:bg-primary-70-400:focus {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.hover\:bg-primary-70-400:hover {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-400 {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-400:focus {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-400:hover {
    background-color: rgba(16, 238, 249, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.focus\:bg-primary-70-500:focus {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:bg-primary-70-500:hover {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-500 {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-500:focus {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-500:hover {
    background-color: rgba(0, 168, 176, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:bg-primary-70-600:focus {
    background-color: rgba(1, 149, 156, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.hover\:bg-primary-70-600:hover {
    background-color: rgba(1, 149, 156, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-600 {
    background-color: rgba(1, 149, 156, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-600:focus {
    background-color: rgba(1, 142, 148, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-600:hover {
    background-color: rgba(1, 142, 148, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 70%, transparent);
    }
}
.focus\:bg-primary-70-700:focus {
    background-color: rgba(1, 122, 128, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.hover\:bg-primary-70-700:hover {
    background-color: rgba(1, 122, 128, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-700 {
    background-color: rgba(1, 122, 128, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-700:focus {
    background-color: rgba(1, 106, 111, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-700:hover {
    background-color: rgba(1, 106, 111, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 70%, transparent);
    }
}
.focus\:bg-primary-70-800:focus {
    background-color: rgba(0, 93, 97, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.hover\:bg-primary-70-800:hover {
    background-color: rgba(0, 93, 97, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-800 {
    background-color: rgba(0, 93, 97, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-800:focus {
    background-color: rgba(0, 71, 74, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-800:hover {
    background-color: rgba(0, 71, 74, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 70%, transparent);
    }
}
.focus\:bg-primary-70-900:focus {
    background-color: rgba(0, 59, 62, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.hover\:bg-primary-70-900:hover {
    background-color: rgba(0, 59, 62, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-70-900 {
    background-color: rgba(0, 59, 62, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-70-900:focus {
    background-color: rgba(0, 38, 40, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 70%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-70-900:hover {
    background-color: rgba(0, 38, 40, .7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 70%, transparent);
    }
}
.bg-primary-80-50 {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-50 {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.bg-primary-80-50-important {
    background-color: rgba(227, 246, 247, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-50-important {
    background-color: rgba(227, 246, 247, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent) !important;
    }
}
.bg-primary-80-100 {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-100 {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.bg-primary-80-100-important {
    background-color: rgba(198, 246, 249, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-100-important {
    background-color: rgba(198, 246, 249, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent) !important;
    }
}
.bg-primary-80-200 {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-200 {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.bg-primary-80-200-important {
    background-color: rgba(145, 241, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-200-important {
    background-color: rgba(145, 241, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent) !important;
    }
}
.bg-primary-80-300 {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-300 {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.bg-primary-80-300-important {
    background-color: rgba(85, 239, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-300-important {
    background-color: rgba(85, 239, 246, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent) !important;
    }
}
.bg-primary-80-400 {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-400 {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.bg-primary-80-400-important {
    background-color: rgba(16, 238, 249, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-400-important {
    background-color: rgba(16, 238, 249, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent) !important;
    }
}
.bg-primary-80-500 {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-500 {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.bg-primary-80-500-important {
    background-color: rgba(0, 168, 176, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-500-important {
    background-color: rgba(0, 168, 176, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent) !important;
    }
}
.bg-primary-80-600 {
    background-color: rgba(1, 149, 156, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-600 {
    background-color: rgba(1, 142, 148, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 80%, transparent);
    }
}
.bg-primary-80-600-important {
    background-color: rgba(1, 149, 156, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-600-important {
    background-color: rgba(1, 142, 148, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 80%, transparent) !important;
    }
}
.bg-primary-80-700 {
    background-color: rgba(1, 122, 128, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-700 {
    background-color: rgba(1, 106, 111, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 80%, transparent);
    }
}
.bg-primary-80-700-important {
    background-color: rgba(1, 122, 128, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-700-important {
    background-color: rgba(1, 106, 111, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 80%, transparent) !important;
    }
}
.bg-primary-80-800 {
    background-color: rgba(0, 93, 97, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-800 {
    background-color: rgba(0, 71, 74, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 80%, transparent);
    }
}
.bg-primary-80-800-important {
    background-color: rgba(0, 93, 97, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-800-important {
    background-color: rgba(0, 71, 74, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 80%, transparent) !important;
    }
}
.bg-primary-80-900 {
    background-color: rgba(0, 59, 62, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.dark .dark\:bg-primary-80-900 {
    background-color: rgba(0, 38, 40, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 80%, transparent);
    }
}
.bg-primary-80-900-important {
    background-color: rgba(0, 59, 62, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 80%, transparent) !important;
    }
}
.dark .dark\:bg-primary-80-900-important {
    background-color: rgba(0, 38, 40, .8) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 80%, transparent) !important;
    }
}
.focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-50 {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-50:focus {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-50:hover {
    background-color: rgba(227, 246, 247, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.focus\:bg-primary-80-100:focus {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.hover\:bg-primary-80-100:hover {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-100 {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-100:focus {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-100:hover {
    background-color: rgba(198, 246, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.focus\:bg-primary-80-200:focus {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.hover\:bg-primary-80-200:hover {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-200 {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-200:focus {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-200:hover {
    background-color: rgba(145, 241, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.focus\:bg-primary-80-300:focus {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.hover\:bg-primary-80-300:hover {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-300 {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-300:focus {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-300:hover {
    background-color: rgba(85, 239, 246, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.focus\:bg-primary-80-400:focus {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.hover\:bg-primary-80-400:hover {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-400 {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-400:focus {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-400:hover {
    background-color: rgba(16, 238, 249, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.focus\:bg-primary-80-500:focus {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:bg-primary-80-500:hover {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-500 {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-500:focus {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-500:hover {
    background-color: rgba(0, 168, 176, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:bg-primary-80-600:focus {
    background-color: rgba(1, 149, 156, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.hover\:bg-primary-80-600:hover {
    background-color: rgba(1, 149, 156, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-600 {
    background-color: rgba(1, 149, 156, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-600:focus {
    background-color: rgba(1, 142, 148, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-600:hover {
    background-color: rgba(1, 142, 148, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 80%, transparent);
    }
}
.focus\:bg-primary-80-700:focus {
    background-color: rgba(1, 122, 128, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.hover\:bg-primary-80-700:hover {
    background-color: rgba(1, 122, 128, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-700 {
    background-color: rgba(1, 122, 128, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-700:focus {
    background-color: rgba(1, 106, 111, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-700:hover {
    background-color: rgba(1, 106, 111, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 80%, transparent);
    }
}
.focus\:bg-primary-80-800:focus {
    background-color: rgba(0, 93, 97, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.hover\:bg-primary-80-800:hover {
    background-color: rgba(0, 93, 97, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-800 {
    background-color: rgba(0, 93, 97, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-800:focus {
    background-color: rgba(0, 71, 74, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-800:hover {
    background-color: rgba(0, 71, 74, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 80%, transparent);
    }
}
.focus\:bg-primary-80-900:focus {
    background-color: rgba(0, 59, 62, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.hover\:bg-primary-80-900:hover {
    background-color: rgba(0, 59, 62, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-80-900 {
    background-color: rgba(0, 59, 62, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-80-900:focus {
    background-color: rgba(0, 38, 40, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 80%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-80-900:hover {
    background-color: rgba(0, 38, 40, .8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 80%, transparent);
    }
}
.bg-primary-90-50 {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-50 {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.bg-primary-90-50-important {
    background-color: rgba(227, 246, 247, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-50-important {
    background-color: rgba(227, 246, 247, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent) !important;
    }
}
.bg-primary-90-100 {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-100 {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.bg-primary-90-100-important {
    background-color: rgba(198, 246, 249, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-100-important {
    background-color: rgba(198, 246, 249, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent) !important;
    }
}
.bg-primary-90-200 {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-200 {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.bg-primary-90-200-important {
    background-color: rgba(145, 241, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-200-important {
    background-color: rgba(145, 241, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent) !important;
    }
}
.bg-primary-90-300 {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-300 {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.bg-primary-90-300-important {
    background-color: rgba(85, 239, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-300-important {
    background-color: rgba(85, 239, 246, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent) !important;
    }
}
.bg-primary-90-400 {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-400 {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.bg-primary-90-400-important {
    background-color: rgba(16, 238, 249, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-400-important {
    background-color: rgba(16, 238, 249, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent) !important;
    }
}
.bg-primary-90-500 {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-500 {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.bg-primary-90-500-important {
    background-color: rgba(0, 168, 176, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-500-important {
    background-color: rgba(0, 168, 176, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent) !important;
    }
}
.bg-primary-90-600 {
    background-color: rgba(1, 149, 156, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-600 {
    background-color: rgba(1, 142, 148, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 90%, transparent);
    }
}
.bg-primary-90-600-important {
    background-color: rgba(1, 149, 156, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-600-important {
    background-color: rgba(1, 142, 148, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 90%, transparent) !important;
    }
}
.bg-primary-90-700 {
    background-color: rgba(1, 122, 128, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-700 {
    background-color: rgba(1, 106, 111, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 90%, transparent);
    }
}
.bg-primary-90-700-important {
    background-color: rgba(1, 122, 128, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-700-important {
    background-color: rgba(1, 106, 111, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 90%, transparent) !important;
    }
}
.bg-primary-90-800 {
    background-color: rgba(0, 93, 97, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-800 {
    background-color: rgba(0, 71, 74, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 90%, transparent);
    }
}
.bg-primary-90-800-important {
    background-color: rgba(0, 93, 97, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-800-important {
    background-color: rgba(0, 71, 74, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 90%, transparent) !important;
    }
}
.bg-primary-90-900 {
    background-color: rgba(0, 59, 62, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.dark .dark\:bg-primary-90-900 {
    background-color: rgba(0, 38, 40, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 90%, transparent);
    }
}
.bg-primary-90-900-important {
    background-color: rgba(0, 59, 62, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 90%, transparent) !important;
    }
}
.dark .dark\:bg-primary-90-900-important {
    background-color: rgba(0, 38, 40, .9) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 90%, transparent) !important;
    }
}
.focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-50 {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-50:focus {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-50:hover {
    background-color: rgba(227, 246, 247, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.focus\:bg-primary-90-100:focus {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.hover\:bg-primary-90-100:hover {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-100 {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-100:focus {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-100:hover {
    background-color: rgba(198, 246, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.focus\:bg-primary-90-200:focus {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.hover\:bg-primary-90-200:hover {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-200 {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-200:focus {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-200:hover {
    background-color: rgba(145, 241, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.focus\:bg-primary-90-300:focus {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.hover\:bg-primary-90-300:hover {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-300 {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-300:focus {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-300:hover {
    background-color: rgba(85, 239, 246, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.focus\:bg-primary-90-400:focus {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.hover\:bg-primary-90-400:hover {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-400 {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-400:focus {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-400:hover {
    background-color: rgba(16, 238, 249, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.focus\:bg-primary-90-500:focus {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:bg-primary-90-500:hover {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-500 {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-500:focus {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-500:hover {
    background-color: rgba(0, 168, 176, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:bg-primary-90-600:focus {
    background-color: rgba(1, 149, 156, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.hover\:bg-primary-90-600:hover {
    background-color: rgba(1, 149, 156, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-600 {
    background-color: rgba(1, 149, 156, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-600:focus {
    background-color: rgba(1, 142, 148, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-600:hover {
    background-color: rgba(1, 142, 148, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 90%, transparent);
    }
}
.focus\:bg-primary-90-700:focus {
    background-color: rgba(1, 122, 128, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.hover\:bg-primary-90-700:hover {
    background-color: rgba(1, 122, 128, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-700 {
    background-color: rgba(1, 122, 128, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-700:focus {
    background-color: rgba(1, 106, 111, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-700:hover {
    background-color: rgba(1, 106, 111, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 90%, transparent);
    }
}
.focus\:bg-primary-90-800:focus {
    background-color: rgba(0, 93, 97, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.hover\:bg-primary-90-800:hover {
    background-color: rgba(0, 93, 97, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-800 {
    background-color: rgba(0, 93, 97, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-800:focus {
    background-color: rgba(0, 71, 74, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-800:hover {
    background-color: rgba(0, 71, 74, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 90%, transparent);
    }
}
.focus\:bg-primary-90-900:focus {
    background-color: rgba(0, 59, 62, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.hover\:bg-primary-90-900:hover {
    background-color: rgba(0, 59, 62, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-90-900 {
    background-color: rgba(0, 59, 62, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-90-900:focus {
    background-color: rgba(0, 38, 40, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 90%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-90-900:hover {
    background-color: rgba(0, 38, 40, .9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 90%, transparent);
    }
}
.bg-primary-75-50 {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-50 {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.bg-primary-75-50-important {
    background-color: rgba(227, 246, 247, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-50-important {
    background-color: rgba(227, 246, 247, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent) !important;
    }
}
.bg-primary-75-100 {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-100 {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.bg-primary-75-100-important {
    background-color: rgba(198, 246, 249, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-100-important {
    background-color: rgba(198, 246, 249, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent) !important;
    }
}
.bg-primary-75-200 {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-200 {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.bg-primary-75-200-important {
    background-color: rgba(145, 241, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-200-important {
    background-color: rgba(145, 241, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent) !important;
    }
}
.bg-primary-75-300 {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-300 {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.bg-primary-75-300-important {
    background-color: rgba(85, 239, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-300-important {
    background-color: rgba(85, 239, 246, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent) !important;
    }
}
.bg-primary-75-400 {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-400 {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.bg-primary-75-400-important {
    background-color: rgba(16, 238, 249, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-400-important {
    background-color: rgba(16, 238, 249, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent) !important;
    }
}
.bg-primary-75-500 {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-500 {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.bg-primary-75-500-important {
    background-color: rgba(0, 168, 176, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-500-important {
    background-color: rgba(0, 168, 176, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent) !important;
    }
}
.bg-primary-75-600 {
    background-color: rgba(1, 149, 156, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-600 {
    background-color: rgba(1, 142, 148, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 75%, transparent);
    }
}
.bg-primary-75-600-important {
    background-color: rgba(1, 149, 156, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-600-important {
    background-color: rgba(1, 142, 148, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 75%, transparent) !important;
    }
}
.bg-primary-75-700 {
    background-color: rgba(1, 122, 128, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-700 {
    background-color: rgba(1, 106, 111, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 75%, transparent);
    }
}
.bg-primary-75-700-important {
    background-color: rgba(1, 122, 128, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-700-important {
    background-color: rgba(1, 106, 111, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 75%, transparent) !important;
    }
}
.bg-primary-75-800 {
    background-color: rgba(0, 93, 97, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-800 {
    background-color: rgba(0, 71, 74, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 75%, transparent);
    }
}
.bg-primary-75-800-important {
    background-color: rgba(0, 93, 97, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-800-important {
    background-color: rgba(0, 71, 74, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 75%, transparent) !important;
    }
}
.bg-primary-75-900 {
    background-color: rgba(0, 59, 62, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.dark .dark\:bg-primary-75-900 {
    background-color: rgba(0, 38, 40, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 75%, transparent);
    }
}
.bg-primary-75-900-important {
    background-color: rgba(0, 59, 62, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 75%, transparent) !important;
    }
}
.dark .dark\:bg-primary-75-900-important {
    background-color: rgba(0, 38, 40, .75) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 75%, transparent) !important;
    }
}
.focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-50 {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-50:focus {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-50:hover {
    background-color: rgba(227, 246, 247, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.focus\:bg-primary-75-100:focus {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.hover\:bg-primary-75-100:hover {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-100 {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-100:focus {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-100:hover {
    background-color: rgba(198, 246, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.focus\:bg-primary-75-200:focus {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.hover\:bg-primary-75-200:hover {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-200 {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-200:focus {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-200:hover {
    background-color: rgba(145, 241, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.focus\:bg-primary-75-300:focus {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.hover\:bg-primary-75-300:hover {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-300 {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-300:focus {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-300:hover {
    background-color: rgba(85, 239, 246, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.focus\:bg-primary-75-400:focus {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.hover\:bg-primary-75-400:hover {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-400 {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-400:focus {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-400:hover {
    background-color: rgba(16, 238, 249, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.focus\:bg-primary-75-500:focus {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:bg-primary-75-500:hover {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-500 {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-500:focus {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-500:hover {
    background-color: rgba(0, 168, 176, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:bg-primary-75-600:focus {
    background-color: rgba(1, 149, 156, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.hover\:bg-primary-75-600:hover {
    background-color: rgba(1, 149, 156, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-600 {
    background-color: rgba(1, 149, 156, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-600:focus {
    background-color: rgba(1, 142, 148, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-600:hover {
    background-color: rgba(1, 142, 148, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #018e94 75%, transparent);
    }
}
.focus\:bg-primary-75-700:focus {
    background-color: rgba(1, 122, 128, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.hover\:bg-primary-75-700:hover {
    background-color: rgba(1, 122, 128, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-700 {
    background-color: rgba(1, 122, 128, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-700:focus {
    background-color: rgba(1, 106, 111, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-700:hover {
    background-color: rgba(1, 106, 111, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #016a6f 75%, transparent);
    }
}
.focus\:bg-primary-75-800:focus {
    background-color: rgba(0, 93, 97, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.hover\:bg-primary-75-800:hover {
    background-color: rgba(0, 93, 97, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-800 {
    background-color: rgba(0, 93, 97, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-800:focus {
    background-color: rgba(0, 71, 74, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-800:hover {
    background-color: rgba(0, 71, 74, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00474a 75%, transparent);
    }
}
.focus\:bg-primary-75-900:focus {
    background-color: rgba(0, 59, 62, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.hover\:bg-primary-75-900:hover {
    background-color: rgba(0, 59, 62, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary-75-900 {
    background-color: rgba(0, 59, 62, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.dark .dark\:focus\:bg-primary-75-900:focus {
    background-color: rgba(0, 38, 40, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 75%, transparent);
    }
}
.dark .dark\:hover\:bg-primary-75-900:hover {
    background-color: rgba(0, 38, 40, .75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #002628 75%, transparent);
    }
}
.text-primary-50 {
    color: #e3f6f7;
}
.dark .dark\:text-primary-50 {
    color: #e3f6f7;
}
.text-primary-100 {
    color: #c6f6f9;
}
.dark .dark\:text-primary-100 {
    color: #c6f6f9;
}
.text-primary-200 {
    color: #91f1f6;
}
.dark .dark\:text-primary-200 {
    color: #91f1f6;
}
.text-primary-300 {
    color: #55eff6;
}
.dark .dark\:text-primary-300 {
    color: #55eff6;
}
.text-primary-400 {
    color: #10eef9;
}
.dark .dark\:text-primary-400 {
    color: #10eef9;
}
.text-primary-500 {
    color: #00a8b0;
}
.dark .dark\:text-primary-500 {
    color: #00a8b0;
}
.text-primary-600 {
    color: #01959c;
}
.dark .dark\:text-primary-600 {
    color: #018e94;
}
.text-primary-700 {
    color: #017a80;
}
.dark .dark\:text-primary-700 {
    color: #016a6f;
}
.text-primary-800 {
    color: #005d61;
}
.dark .dark\:text-primary-800 {
    color: #00474a;
}
.text-primary-900 {
    color: #003b3e;
}
.dark .dark\:text-primary-900 {
    color: #002628;
}
.text-primary-50-important {
    color: #e3f6f7 !important;
}
.dark .dark\:text-primary-50-important {
    color: #e3f6f7 !important;
}
.text-primary-100-important {
    color: #c6f6f9 !important;
}
.dark .dark\:text-primary-100-important {
    color: #c6f6f9 !important;
}
.text-primary-200-important {
    color: #91f1f6 !important;
}
.dark .dark\:text-primary-200-important {
    color: #91f1f6 !important;
}
.text-primary-300-important {
    color: #55eff6 !important;
}
.dark .dark\:text-primary-300-important {
    color: #55eff6 !important;
}
.text-primary-400-important {
    color: #10eef9 !important;
}
.dark .dark\:text-primary-400-important {
    color: #10eef9 !important;
}
.text-primary-500-important {
    color: #00a8b0 !important;
}
.dark .dark\:text-primary-500-important {
    color: #00a8b0 !important;
}
.text-primary-600-important {
    color: #01959c !important;
}
.dark .dark\:text-primary-600-important {
    color: #018e94 !important;
}
.text-primary-700-important {
    color: #017a80 !important;
}
.dark .dark\:text-primary-700-important {
    color: #016a6f !important;
}
.text-primary-800-important {
    color: #005d61 !important;
}
.dark .dark\:text-primary-800-important {
    color: #00474a !important;
}
.text-primary-900-important {
    color: #003b3e !important;
}
.dark .dark\:text-primary-900-important {
    color: #002628 !important;
}
.focus\:text-primary-50:focus {
    color: #e3f6f7;
}
.dark .dark\:focus\:text-primary-50:focus {
    color: #e3f6f7;
}
.focus\:text-primary-100:focus {
    color: #c6f6f9;
}
.dark .dark\:focus\:text-primary-100:focus {
    color: #c6f6f9;
}
.focus\:text-primary-200:focus {
    color: #91f1f6;
}
.dark .dark\:focus\:text-primary-200:focus {
    color: #91f1f6;
}
.focus\:text-primary-300:focus {
    color: #55eff6;
}
.dark .dark\:focus\:text-primary-300:focus {
    color: #55eff6;
}
.focus\:text-primary-400:focus {
    color: #10eef9;
}
.dark .dark\:focus\:text-primary-400:focus {
    color: #10eef9;
}
.focus\:text-primary-500:focus {
    color: #00a8b0;
}
.dark .dark\:focus\:text-primary-500:focus {
    color: #00a8b0;
}
.focus\:text-primary-600:focus {
    color: #01959c;
}
.dark .dark\:focus\:text-primary-600:focus {
    color: #018e94;
}
.focus\:text-primary-700:focus {
    color: #017a80;
}
.dark .dark\:focus\:text-primary-700:focus {
    color: #016a6f;
}
.focus\:text-primary-800:focus {
    color: #005d61;
}
.dark .dark\:focus\:text-primary-800:focus {
    color: #00474a;
}
.focus\:text-primary-900:focus {
    color: #003b3e;
}
.dark .dark\:focus\:text-primary-900:focus {
    color: #002628;
}
.focus\:text-primary-50-important:focus {
    color: #e3f6f7 !important;
}
.dark .dark\:focus\:text-primary-50-important:focus {
    color: #e3f6f7 !important;
}
.focus\:text-primary-100-important:focus {
    color: #c6f6f9 !important;
}
.dark .dark\:focus\:text-primary-100-important:focus {
    color: #c6f6f9 !important;
}
.focus\:text-primary-200-important:focus {
    color: #91f1f6 !important;
}
.dark .dark\:focus\:text-primary-200-important:focus {
    color: #91f1f6 !important;
}
.focus\:text-primary-300-important:focus {
    color: #55eff6 !important;
}
.dark .dark\:focus\:text-primary-300-important:focus {
    color: #55eff6 !important;
}
.focus\:text-primary-400-important:focus {
    color: #10eef9 !important;
}
.dark .dark\:focus\:text-primary-400-important:focus {
    color: #10eef9 !important;
}
.focus\:text-primary-500-important:focus {
    color: #00a8b0 !important;
}
.dark .dark\:focus\:text-primary-500-important:focus {
    color: #00a8b0 !important;
}
.focus\:text-primary-600-important:focus {
    color: #01959c !important;
}
.dark .dark\:focus\:text-primary-600-important:focus {
    color: #018e94 !important;
}
.focus\:text-primary-700-important:focus {
    color: #017a80 !important;
}
.dark .dark\:focus\:text-primary-700-important:focus {
    color: #016a6f !important;
}
.focus\:text-primary-800-important:focus {
    color: #005d61 !important;
}
.dark .dark\:focus\:text-primary-800-important:focus {
    color: #00474a !important;
}
.focus\:text-primary-900-important:focus {
    color: #003b3e !important;
}
.dark .dark\:focus\:text-primary-900-important:focus {
    color: #002628 !important;
}
.hover\:text-primary-50:hover {
    color: #e3f6f7;
}
.dark .dark\:hover\:text-primary-50:hover {
    color: #e3f6f7;
}
.group:hover .group-hover\:text-primary-50 {
    color: #e3f6f7;
}
.hover\:text-primary-100:hover {
    color: #c6f6f9;
}
.dark .dark\:hover\:text-primary-100:hover {
    color: #c6f6f9;
}
.group:hover .group-hover\:text-primary-100 {
    color: #c6f6f9;
}
.hover\:text-primary-200:hover {
    color: #91f1f6;
}
.dark .dark\:hover\:text-primary-200:hover {
    color: #91f1f6;
}
.group:hover .group-hover\:text-primary-200 {
    color: #91f1f6;
}
.hover\:text-primary-300:hover {
    color: #55eff6;
}
.dark .dark\:hover\:text-primary-300:hover {
    color: #55eff6;
}
.group:hover .group-hover\:text-primary-300 {
    color: #55eff6;
}
.hover\:text-primary-400:hover {
    color: #10eef9;
}
.dark .dark\:hover\:text-primary-400:hover {
    color: #10eef9;
}
.group:hover .group-hover\:text-primary-400 {
    color: #10eef9;
}
.hover\:text-primary-500:hover {
    color: #00a8b0;
}
.dark .dark\:hover\:text-primary-500:hover {
    color: #00a8b0;
}
.group:hover .group-hover\:text-primary-500 {
    color: #00a8b0;
}
.hover\:text-primary-600:hover {
    color: #01959c;
}
.dark .dark\:hover\:text-primary-600:hover {
    color: #018e94;
}
.group:hover .group-hover\:text-primary-600 {
    color: #01959c;
}
.hover\:text-primary-700:hover {
    color: #017a80;
}
.dark .dark\:hover\:text-primary-700:hover {
    color: #016a6f;
}
.group:hover .group-hover\:text-primary-700 {
    color: #017a80;
}
.hover\:text-primary-800:hover {
    color: #005d61;
}
.dark .dark\:hover\:text-primary-800:hover {
    color: #00474a;
}
.group:hover .group-hover\:text-primary-800 {
    color: #005d61;
}
.hover\:text-primary-900:hover {
    color: #003b3e;
}
.dark .dark\:hover\:text-primary-900:hover {
    color: #002628;
}
.group:hover .group-hover\:text-primary-900 {
    color: #003b3e;
}
.hover\:text-primary-50-important:hover {
    color: #e3f6f7 !important;
}
.dark .dark\:hover\:text-primary-50-important:hover {
    color: #e3f6f7 !important;
}
.group:hover .group-hover\:text-primary-50-important {
    color: #e3f6f7 !important;
}
.hover\:text-primary-100-important:hover {
    color: #c6f6f9 !important;
}
.dark .dark\:hover\:text-primary-100-important:hover {
    color: #c6f6f9 !important;
}
.group:hover .group-hover\:text-primary-100-important {
    color: #c6f6f9 !important;
}
.hover\:text-primary-200-important:hover {
    color: #91f1f6 !important;
}
.dark .dark\:hover\:text-primary-200-important:hover {
    color: #91f1f6 !important;
}
.group:hover .group-hover\:text-primary-200-important {
    color: #91f1f6 !important;
}
.hover\:text-primary-300-important:hover {
    color: #55eff6 !important;
}
.dark .dark\:hover\:text-primary-300-important:hover {
    color: #55eff6 !important;
}
.group:hover .group-hover\:text-primary-300-important {
    color: #55eff6 !important;
}
.hover\:text-primary-400-important:hover {
    color: #10eef9 !important;
}
.dark .dark\:hover\:text-primary-400-important:hover {
    color: #10eef9 !important;
}
.group:hover .group-hover\:text-primary-400-important {
    color: #10eef9 !important;
}
.hover\:text-primary-500-important:hover {
    color: #00a8b0 !important;
}
.dark .dark\:hover\:text-primary-500-important:hover {
    color: #00a8b0 !important;
}
.group:hover .group-hover\:text-primary-500-important {
    color: #00a8b0 !important;
}
.hover\:text-primary-600-important:hover {
    color: #01959c !important;
}
.dark .dark\:hover\:text-primary-600-important:hover {
    color: #018e94 !important;
}
.group:hover .group-hover\:text-primary-600-important {
    color: #01959c !important;
}
.hover\:text-primary-700-important:hover {
    color: #017a80 !important;
}
.dark .dark\:hover\:text-primary-700-important:hover {
    color: #016a6f !important;
}
.group:hover .group-hover\:text-primary-700-important {
    color: #017a80 !important;
}
.hover\:text-primary-800-important:hover {
    color: #005d61 !important;
}
.dark .dark\:hover\:text-primary-800-important:hover {
    color: #00474a !important;
}
.group:hover .group-hover\:text-primary-800-important {
    color: #005d61 !important;
}
.hover\:text-primary-900-important:hover {
    color: #003b3e !important;
}
.dark .dark\:hover\:text-primary-900-important:hover {
    color: #002628 !important;
}
.group:hover .group-hover\:text-primary-900-important {
    color: #003b3e !important;
}
.border-primary-50 {
    border-color: #e3f6f7;
}
.dark .dark\:border-primary-50 {
    border-color: #e3f6f7;
}
.border-primary-100 {
    border-color: #c6f6f9;
}
.dark .dark\:border-primary-100 {
    border-color: #c6f6f9;
}
.border-primary-200 {
    border-color: #91f1f6;
}
.dark .dark\:border-primary-200 {
    border-color: #91f1f6;
}
.border-primary-300 {
    border-color: #55eff6;
}
.dark .dark\:border-primary-300 {
    border-color: #55eff6;
}
.border-primary-400 {
    border-color: #10eef9;
}
.dark .dark\:border-primary-400 {
    border-color: #10eef9;
}
.border-primary-500 {
    border-color: #00a8b0;
}
.dark .dark\:border-primary-500 {
    border-color: #00a8b0;
}
.border-primary-600 {
    border-color: #01959c;
}
.dark .dark\:border-primary-600 {
    border-color: #018e94;
}
.border-primary-700 {
    border-color: #017a80;
}
.dark .dark\:border-primary-700 {
    border-color: #016a6f;
}
.border-primary-800 {
    border-color: #005d61;
}
.dark .dark\:border-primary-800 {
    border-color: #00474a;
}
.border-primary-900 {
    border-color: #003b3e;
}
.dark .dark\:border-primary-900 {
    border-color: #002628;
}
.border-primary-50-important {
    border-color: #e3f6f7 !important;
}
.dark .dark\:border-primary-50-important {
    border-color: #e3f6f7 !important;
}
.border-primary-100-important {
    border-color: #c6f6f9 !important;
}
.dark .dark\:border-primary-100-important {
    border-color: #c6f6f9 !important;
}
.border-primary-200-important {
    border-color: #91f1f6 !important;
}
.dark .dark\:border-primary-200-important {
    border-color: #91f1f6 !important;
}
.border-primary-300-important {
    border-color: #55eff6 !important;
}
.dark .dark\:border-primary-300-important {
    border-color: #55eff6 !important;
}
.border-primary-400-important {
    border-color: #10eef9 !important;
}
.dark .dark\:border-primary-400-important {
    border-color: #10eef9 !important;
}
.border-primary-500-important {
    border-color: #00a8b0 !important;
}
.dark .dark\:border-primary-500-important {
    border-color: #00a8b0 !important;
}
.border-primary-600-important {
    border-color: #01959c !important;
}
.dark .dark\:border-primary-600-important {
    border-color: #018e94 !important;
}
.border-primary-700-important {
    border-color: #017a80 !important;
}
.dark .dark\:border-primary-700-important {
    border-color: #016a6f !important;
}
.border-primary-800-important {
    border-color: #005d61 !important;
}
.dark .dark\:border-primary-800-important {
    border-color: #00474a !important;
}
.border-primary-900-important {
    border-color: #003b3e !important;
}
.dark .dark\:border-primary-900-important {
    border-color: #002628 !important;
}
.focus\:border-primary-50:focus {
    border-color: #e3f6f7;
}
.dark .dark\:focus\:border-primary-50:focus {
    border-color: #e3f6f7;
}
.focus\:border-primary-100:focus {
    border-color: #c6f6f9;
}
.dark .dark\:focus\:border-primary-100:focus {
    border-color: #c6f6f9;
}
.focus\:border-primary-200:focus {
    border-color: #91f1f6;
}
.dark .dark\:focus\:border-primary-200:focus {
    border-color: #91f1f6;
}
.focus\:border-primary-300:focus {
    border-color: #55eff6;
}
.dark .dark\:focus\:border-primary-300:focus {
    border-color: #55eff6;
}
.focus\:border-primary-400:focus {
    border-color: #10eef9;
}
.dark .dark\:focus\:border-primary-400:focus {
    border-color: #10eef9;
}
.focus\:border-primary-500:focus {
    border-color: #00a8b0;
}
.dark .dark\:focus\:border-primary-500:focus {
    border-color: #00a8b0;
}
.focus\:border-primary-600:focus {
    border-color: #01959c;
}
.dark .dark\:focus\:border-primary-600:focus {
    border-color: #018e94;
}
.focus\:border-primary-700:focus {
    border-color: #017a80;
}
.dark .dark\:focus\:border-primary-700:focus {
    border-color: #016a6f;
}
.focus\:border-primary-800:focus {
    border-color: #005d61;
}
.dark .dark\:focus\:border-primary-800:focus {
    border-color: #00474a;
}
.focus\:border-primary-900:focus {
    border-color: #003b3e;
}
.dark .dark\:focus\:border-primary-900:focus {
    border-color: #002628;
}
.focus\:border-primary-50-important:focus {
    border-color: #e3f6f7 !important;
}
.dark .dark\:focus\:border-primary-50-important:focus {
    border-color: #e3f6f7 !important;
}
.focus\:border-primary-100-important:focus {
    border-color: #c6f6f9 !important;
}
.dark .dark\:focus\:border-primary-100-important:focus {
    border-color: #c6f6f9 !important;
}
.focus\:border-primary-200-important:focus {
    border-color: #91f1f6 !important;
}
.dark .dark\:focus\:border-primary-200-important:focus {
    border-color: #91f1f6 !important;
}
.focus\:border-primary-300-important:focus {
    border-color: #55eff6 !important;
}
.dark .dark\:focus\:border-primary-300-important:focus {
    border-color: #55eff6 !important;
}
.focus\:border-primary-400-important:focus {
    border-color: #10eef9 !important;
}
.dark .dark\:focus\:border-primary-400-important:focus {
    border-color: #10eef9 !important;
}
.focus\:border-primary-500-important:focus {
    border-color: #00a8b0 !important;
}
.dark .dark\:focus\:border-primary-500-important:focus {
    border-color: #00a8b0 !important;
}
.focus\:border-primary-600-important:focus {
    border-color: #01959c !important;
}
.dark .dark\:focus\:border-primary-600-important:focus {
    border-color: #018e94 !important;
}
.focus\:border-primary-700-important:focus {
    border-color: #017a80 !important;
}
.dark .dark\:focus\:border-primary-700-important:focus {
    border-color: #016a6f !important;
}
.focus\:border-primary-800-important:focus {
    border-color: #005d61 !important;
}
.dark .dark\:focus\:border-primary-800-important:focus {
    border-color: #00474a !important;
}
.focus\:border-primary-900-important:focus {
    border-color: #003b3e !important;
}
.dark .dark\:focus\:border-primary-900-important:focus {
    border-color: #002628 !important;
}
.hover\:border-primary-50:hover {
    border-color: #e3f6f7;
}
.dark .dark\:hover\:border-primary-50:hover {
    border-color: #e3f6f7;
}
.group:hover .group-hover\:border-primary-50 {
    border-color: #e3f6f7;
}
.hover\:border-primary-100:hover {
    border-color: #c6f6f9;
}
.dark .dark\:hover\:border-primary-100:hover {
    border-color: #c6f6f9;
}
.group:hover .group-hover\:border-primary-100 {
    border-color: #c6f6f9;
}
.hover\:border-primary-200:hover {
    border-color: #91f1f6;
}
.dark .dark\:hover\:border-primary-200:hover {
    border-color: #91f1f6;
}
.group:hover .group-hover\:border-primary-200 {
    border-color: #91f1f6;
}
.hover\:border-primary-300:hover {
    border-color: #55eff6;
}
.dark .dark\:hover\:border-primary-300:hover {
    border-color: #55eff6;
}
.group:hover .group-hover\:border-primary-300 {
    border-color: #55eff6;
}
.hover\:border-primary-400:hover {
    border-color: #10eef9;
}
.dark .dark\:hover\:border-primary-400:hover {
    border-color: #10eef9;
}
.group:hover .group-hover\:border-primary-400 {
    border-color: #10eef9;
}
.hover\:border-primary-500:hover {
    border-color: #00a8b0;
}
.dark .dark\:hover\:border-primary-500:hover {
    border-color: #00a8b0;
}
.group:hover .group-hover\:border-primary-500 {
    border-color: #00a8b0;
}
.hover\:border-primary-600:hover {
    border-color: #01959c;
}
.dark .dark\:hover\:border-primary-600:hover {
    border-color: #018e94;
}
.group:hover .group-hover\:border-primary-600 {
    border-color: #01959c;
}
.hover\:border-primary-700:hover {
    border-color: #017a80;
}
.dark .dark\:hover\:border-primary-700:hover {
    border-color: #016a6f;
}
.group:hover .group-hover\:border-primary-700 {
    border-color: #017a80;
}
.hover\:border-primary-800:hover {
    border-color: #005d61;
}
.dark .dark\:hover\:border-primary-800:hover {
    border-color: #00474a;
}
.group:hover .group-hover\:border-primary-800 {
    border-color: #005d61;
}
.hover\:border-primary-900:hover {
    border-color: #003b3e;
}
.dark .dark\:hover\:border-primary-900:hover {
    border-color: #002628;
}
.group:hover .group-hover\:border-primary-900 {
    border-color: #003b3e;
}
.hover\:border-primary-50-important:hover {
    border-color: #e3f6f7 !important;
}
.dark .dark\:hover\:border-primary-50-important:hover {
    border-color: #e3f6f7 !important;
}
.group:hover .group-hover\:border-primary-50-important {
    border-color: #e3f6f7 !important;
}
.hover\:border-primary-100-important:hover {
    border-color: #c6f6f9 !important;
}
.dark .dark\:hover\:border-primary-100-important:hover {
    border-color: #c6f6f9 !important;
}
.group:hover .group-hover\:border-primary-100-important {
    border-color: #c6f6f9 !important;
}
.hover\:border-primary-200-important:hover {
    border-color: #91f1f6 !important;
}
.dark .dark\:hover\:border-primary-200-important:hover {
    border-color: #91f1f6 !important;
}
.group:hover .group-hover\:border-primary-200-important {
    border-color: #91f1f6 !important;
}
.hover\:border-primary-300-important:hover {
    border-color: #55eff6 !important;
}
.dark .dark\:hover\:border-primary-300-important:hover {
    border-color: #55eff6 !important;
}
.group:hover .group-hover\:border-primary-300-important {
    border-color: #55eff6 !important;
}
.hover\:border-primary-400-important:hover {
    border-color: #10eef9 !important;
}
.dark .dark\:hover\:border-primary-400-important:hover {
    border-color: #10eef9 !important;
}
.group:hover .group-hover\:border-primary-400-important {
    border-color: #10eef9 !important;
}
.hover\:border-primary-500-important:hover {
    border-color: #00a8b0 !important;
}
.dark .dark\:hover\:border-primary-500-important:hover {
    border-color: #00a8b0 !important;
}
.group:hover .group-hover\:border-primary-500-important {
    border-color: #00a8b0 !important;
}
.hover\:border-primary-600-important:hover {
    border-color: #01959c !important;
}
.dark .dark\:hover\:border-primary-600-important:hover {
    border-color: #018e94 !important;
}
.group:hover .group-hover\:border-primary-600-important {
    border-color: #01959c !important;
}
.hover\:border-primary-700-important:hover {
    border-color: #017a80 !important;
}
.dark .dark\:hover\:border-primary-700-important:hover {
    border-color: #016a6f !important;
}
.group:hover .group-hover\:border-primary-700-important {
    border-color: #017a80 !important;
}
.hover\:border-primary-800-important:hover {
    border-color: #005d61 !important;
}
.dark .dark\:hover\:border-primary-800-important:hover {
    border-color: #00474a !important;
}
.group:hover .group-hover\:border-primary-800-important {
    border-color: #005d61 !important;
}
.hover\:border-primary-900-important:hover {
    border-color: #003b3e !important;
}
.dark .dark\:hover\:border-primary-900-important:hover {
    border-color: #002628 !important;
}
.group:hover .group-hover\:border-primary-900-important {
    border-color: #003b3e !important;
}
.from-primary-50 {
    --tw-gradient-from: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #c6f6f9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #91f1f6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #55eff6 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #10eef9 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #018e94 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #01959c !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #016a6f !important;
    --tw-gradient-stops: var(--tw-gradient-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: #017a80 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #00474a !important;
    --tw-gradient-stops: var(--tw-gradient-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: #005d61 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, 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: #002628 !important;
    --tw-gradient-stops: var(--tw-gradient-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: #003b3e !important;
    --tw-gradient-stops: var(--tw-gradient-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: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.dark .dark\:ring-primary-50 {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.ring-primary-100 {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.dark .dark\:ring-primary-100 {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.ring-primary-200 {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.dark .dark\:ring-primary-200 {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.ring-primary-300 {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.dark .dark\:ring-primary-300 {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.ring-primary-400 {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.dark .dark\:ring-primary-400 {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.ring-primary-500 {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.dark .dark\:ring-primary-500 {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.ring-primary-600 {
    --ring-color: #01959c;
    --tw-ring-color: #01959c;
}
.dark .dark\:ring-primary-600 {
    --ring-color: #018e94;
    --tw-ring-color: #018e94;
}
.ring-primary-700 {
    --ring-color: #017a80;
    --tw-ring-color: #017a80;
}
.dark .dark\:ring-primary-700 {
    --ring-color: #016a6f;
    --tw-ring-color: #016a6f;
}
.ring-primary-800 {
    --ring-color: #005d61;
    --tw-ring-color: #005d61;
}
.dark .dark\:ring-primary-800 {
    --ring-color: #00474a;
    --tw-ring-color: #00474a;
}
.ring-primary-900 {
    --ring-color: #003b3e;
    --tw-ring-color: #003b3e;
}
.dark .dark\:ring-primary-900 {
    --ring-color: #002628;
    --tw-ring-color: #002628;
}
.ring-primary-50-important {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.dark .dark\:ring-primary-50-important {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.ring-primary-100-important {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.dark .dark\:ring-primary-100-important {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.ring-primary-200-important {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.dark .dark\:ring-primary-200-important {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.ring-primary-300-important {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.dark .dark\:ring-primary-300-important {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.ring-primary-400-important {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.dark .dark\:ring-primary-400-important {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.ring-primary-500-important {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.dark .dark\:ring-primary-500-important {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.ring-primary-600-important {
    --ring-color: #01959c !important;
    --tw-ring-color: #01959c !important;
}
.dark .dark\:ring-primary-600-important {
    --ring-color: #018e94 !important;
    --tw-ring-color: #018e94 !important;
}
.ring-primary-700-important {
    --ring-color: #017a80 !important;
    --tw-ring-color: #017a80 !important;
}
.dark .dark\:ring-primary-700-important {
    --ring-color: #016a6f !important;
    --tw-ring-color: #016a6f !important;
}
.ring-primary-800-important {
    --ring-color: #005d61 !important;
    --tw-ring-color: #005d61 !important;
}
.dark .dark\:ring-primary-800-important {
    --ring-color: #00474a !important;
    --tw-ring-color: #00474a !important;
}
.ring-primary-900-important {
    --ring-color: #003b3e !important;
    --tw-ring-color: #003b3e !important;
}
.dark .dark\:ring-primary-900-important {
    --ring-color: #002628 !important;
    --tw-ring-color: #002628 !important;
}
.focus\:ring-primary-50:focus {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.dark .dark\:focus\:ring-primary-50:focus {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.focus\:ring-primary-100:focus {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.dark .dark\:focus\:ring-primary-100:focus {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.focus\:ring-primary-200:focus {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.dark .dark\:focus\:ring-primary-200:focus {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.focus\:ring-primary-300:focus {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.dark .dark\:focus\:ring-primary-300:focus {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.focus\:ring-primary-400:focus {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.dark .dark\:focus\:ring-primary-400:focus {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.focus\:ring-primary-500:focus {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.dark .dark\:focus\:ring-primary-500:focus {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.focus\:ring-primary-600:focus {
    --ring-color: #01959c;
    --tw-ring-color: #01959c;
}
.dark .dark\:focus\:ring-primary-600:focus {
    --ring-color: #018e94;
    --tw-ring-color: #018e94;
}
.focus\:ring-primary-700:focus {
    --ring-color: #017a80;
    --tw-ring-color: #017a80;
}
.dark .dark\:focus\:ring-primary-700:focus {
    --ring-color: #016a6f;
    --tw-ring-color: #016a6f;
}
.focus\:ring-primary-800:focus {
    --ring-color: #005d61;
    --tw-ring-color: #005d61;
}
.dark .dark\:focus\:ring-primary-800:focus {
    --ring-color: #00474a;
    --tw-ring-color: #00474a;
}
.focus\:ring-primary-900:focus {
    --ring-color: #003b3e;
    --tw-ring-color: #003b3e;
}
.dark .dark\:focus\:ring-primary-900:focus {
    --ring-color: #002628;
    --tw-ring-color: #002628;
}
.focus\:ring-primary-50-important:focus {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.dark .dark\:focus\:ring-primary-50-important:focus {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.focus\:ring-primary-100-important:focus {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.dark .dark\:focus\:ring-primary-100-important:focus {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.focus\:ring-primary-200-important:focus {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.dark .dark\:focus\:ring-primary-200-important:focus {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.focus\:ring-primary-300-important:focus {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.dark .dark\:focus\:ring-primary-300-important:focus {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.focus\:ring-primary-400-important:focus {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.dark .dark\:focus\:ring-primary-400-important:focus {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.focus\:ring-primary-500-important:focus {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.dark .dark\:focus\:ring-primary-500-important:focus {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.focus\:ring-primary-600-important:focus {
    --ring-color: #01959c !important;
    --tw-ring-color: #01959c !important;
}
.dark .dark\:focus\:ring-primary-600-important:focus {
    --ring-color: #018e94 !important;
    --tw-ring-color: #018e94 !important;
}
.focus\:ring-primary-700-important:focus {
    --ring-color: #017a80 !important;
    --tw-ring-color: #017a80 !important;
}
.dark .dark\:focus\:ring-primary-700-important:focus {
    --ring-color: #016a6f !important;
    --tw-ring-color: #016a6f !important;
}
.focus\:ring-primary-800-important:focus {
    --ring-color: #005d61 !important;
    --tw-ring-color: #005d61 !important;
}
.dark .dark\:focus\:ring-primary-800-important:focus {
    --ring-color: #00474a !important;
    --tw-ring-color: #00474a !important;
}
.focus\:ring-primary-900-important:focus {
    --ring-color: #003b3e !important;
    --tw-ring-color: #003b3e !important;
}
.dark .dark\:focus\:ring-primary-900-important:focus {
    --ring-color: #002628 !important;
    --tw-ring-color: #002628 !important;
}
.hover\:ring-primary-50:hover {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.dark .dark\:hover\:ring-primary-50:hover {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.group:hover .group-hover\:ring-primary-50 {
    --ring-color: #e3f6f7;
    --tw-ring-color: #e3f6f7;
}
.hover\:ring-primary-100:hover {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.dark .dark\:hover\:ring-primary-100:hover {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.group:hover .group-hover\:ring-primary-100 {
    --ring-color: #c6f6f9;
    --tw-ring-color: #c6f6f9;
}
.hover\:ring-primary-200:hover {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.dark .dark\:hover\:ring-primary-200:hover {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.group:hover .group-hover\:ring-primary-200 {
    --ring-color: #91f1f6;
    --tw-ring-color: #91f1f6;
}
.hover\:ring-primary-300:hover {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.dark .dark\:hover\:ring-primary-300:hover {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.group:hover .group-hover\:ring-primary-300 {
    --ring-color: #55eff6;
    --tw-ring-color: #55eff6;
}
.hover\:ring-primary-400:hover {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.dark .dark\:hover\:ring-primary-400:hover {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.group:hover .group-hover\:ring-primary-400 {
    --ring-color: #10eef9;
    --tw-ring-color: #10eef9;
}
.hover\:ring-primary-500:hover {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.dark .dark\:hover\:ring-primary-500:hover {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.group:hover .group-hover\:ring-primary-500 {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.hover\:ring-primary-600:hover {
    --ring-color: #01959c;
    --tw-ring-color: #01959c;
}
.dark .dark\:hover\:ring-primary-600:hover {
    --ring-color: #018e94;
    --tw-ring-color: #018e94;
}
.group:hover .group-hover\:ring-primary-600 {
    --ring-color: #01959c;
    --tw-ring-color: #01959c;
}
.hover\:ring-primary-700:hover {
    --ring-color: #017a80;
    --tw-ring-color: #017a80;
}
.dark .dark\:hover\:ring-primary-700:hover {
    --ring-color: #016a6f;
    --tw-ring-color: #016a6f;
}
.group:hover .group-hover\:ring-primary-700 {
    --ring-color: #017a80;
    --tw-ring-color: #017a80;
}
.hover\:ring-primary-800:hover {
    --ring-color: #005d61;
    --tw-ring-color: #005d61;
}
.dark .dark\:hover\:ring-primary-800:hover {
    --ring-color: #00474a;
    --tw-ring-color: #00474a;
}
.group:hover .group-hover\:ring-primary-800 {
    --ring-color: #005d61;
    --tw-ring-color: #005d61;
}
.hover\:ring-primary-900:hover {
    --ring-color: #003b3e;
    --tw-ring-color: #003b3e;
}
.dark .dark\:hover\:ring-primary-900:hover {
    --ring-color: #002628;
    --tw-ring-color: #002628;
}
.group:hover .group-hover\:ring-primary-900 {
    --ring-color: #003b3e;
    --tw-ring-color: #003b3e;
}
.hover\:ring-primary-50-important:hover {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.dark .dark\:hover\:ring-primary-50-important:hover {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.group:hover .group-hover\:ring-primary-50-important {
    --ring-color: #e3f6f7 !important;
    --tw-ring-color: #e3f6f7 !important;
}
.hover\:ring-primary-100-important:hover {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.dark .dark\:hover\:ring-primary-100-important:hover {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.group:hover .group-hover\:ring-primary-100-important {
    --ring-color: #c6f6f9 !important;
    --tw-ring-color: #c6f6f9 !important;
}
.hover\:ring-primary-200-important:hover {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.dark .dark\:hover\:ring-primary-200-important:hover {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.group:hover .group-hover\:ring-primary-200-important {
    --ring-color: #91f1f6 !important;
    --tw-ring-color: #91f1f6 !important;
}
.hover\:ring-primary-300-important:hover {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.dark .dark\:hover\:ring-primary-300-important:hover {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.group:hover .group-hover\:ring-primary-300-important {
    --ring-color: #55eff6 !important;
    --tw-ring-color: #55eff6 !important;
}
.hover\:ring-primary-400-important:hover {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.dark .dark\:hover\:ring-primary-400-important:hover {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.group:hover .group-hover\:ring-primary-400-important {
    --ring-color: #10eef9 !important;
    --tw-ring-color: #10eef9 !important;
}
.hover\:ring-primary-500-important:hover {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.dark .dark\:hover\:ring-primary-500-important:hover {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.group:hover .group-hover\:ring-primary-500-important {
    --ring-color: #00a8b0 !important;
    --tw-ring-color: #00a8b0 !important;
}
.hover\:ring-primary-600-important:hover {
    --ring-color: #01959c !important;
    --tw-ring-color: #01959c !important;
}
.dark .dark\:hover\:ring-primary-600-important:hover {
    --ring-color: #018e94 !important;
    --tw-ring-color: #018e94 !important;
}
.group:hover .group-hover\:ring-primary-600-important {
    --ring-color: #01959c !important;
    --tw-ring-color: #01959c !important;
}
.hover\:ring-primary-700-important:hover {
    --ring-color: #017a80 !important;
    --tw-ring-color: #017a80 !important;
}
.dark .dark\:hover\:ring-primary-700-important:hover {
    --ring-color: #016a6f !important;
    --tw-ring-color: #016a6f !important;
}
.group:hover .group-hover\:ring-primary-700-important {
    --ring-color: #017a80 !important;
    --tw-ring-color: #017a80 !important;
}
.hover\:ring-primary-800-important:hover {
    --ring-color: #005d61 !important;
    --tw-ring-color: #005d61 !important;
}
.dark .dark\:hover\:ring-primary-800-important:hover {
    --ring-color: #00474a !important;
    --tw-ring-color: #00474a !important;
}
.group:hover .group-hover\:ring-primary-800-important {
    --ring-color: #005d61 !important;
    --tw-ring-color: #005d61 !important;
}
.hover\:ring-primary-900-important:hover {
    --ring-color: #003b3e !important;
    --tw-ring-color: #003b3e !important;
}
.dark .dark\:hover\:ring-primary-900-important:hover {
    --ring-color: #002628 !important;
    --tw-ring-color: #002628 !important;
}
.group:hover .group-hover\:ring-primary-900-important {
    --ring-color: #003b3e !important;
    --tw-ring-color: #003b3e !important;
}
.via-primary-50 {
    --tw-gradient-via: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01959c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #018e94;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #017a80;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #016a6f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #005d61;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00474a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #003b3e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #002628;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7 !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: #e3f6f7 !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: #c6f6f9 !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: #c6f6f9 !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: #91f1f6 !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: #91f1f6 !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: #55eff6 !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: #55eff6 !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: #10eef9 !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: #10eef9 !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: #00a8b0 !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: #00a8b0 !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: #01959c !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: #018e94 !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: #017a80 !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: #016a6f !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: #005d61 !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: #00474a !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: #003b3e !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: #002628 !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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01959c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #018e94;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #017a80;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #016a6f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #005d61;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00474a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #003b3e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #002628;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7 !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: #e3f6f7 !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: #c6f6f9 !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: #c6f6f9 !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: #91f1f6 !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: #91f1f6 !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: #55eff6 !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: #55eff6 !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: #10eef9 !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: #10eef9 !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: #00a8b0 !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: #00a8b0 !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: #01959c !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: #018e94 !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: #017a80 !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: #016a6f !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: #005d61 !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: #00474a !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: #003b3e !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: #002628 !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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #c6f6f9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #91f1f6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #55eff6;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #10eef9;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01959c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #018e94;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #01959c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #017a80;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #016a6f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #017a80;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #005d61;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00474a;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #005d61;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #003b3e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #002628;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #003b3e;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #e3f6f7 !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: #e3f6f7 !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: #e3f6f7 !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: #c6f6f9 !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: #c6f6f9 !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: #c6f6f9 !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: #91f1f6 !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: #91f1f6 !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: #91f1f6 !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: #55eff6 !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: #55eff6 !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: #55eff6 !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: #10eef9 !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: #10eef9 !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: #10eef9 !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: #00a8b0 !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: #00a8b0 !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: #00a8b0 !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: #01959c !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: #018e94 !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: #01959c !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: #017a80 !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: #016a6f !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: #017a80 !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: #005d61 !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: #00474a !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: #005d61 !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: #003b3e !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: #002628 !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: #003b3e !important;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.shadow-primary-50 {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-50 {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100 {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-100 {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200 {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-200 {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300 {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-300 {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400 {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-400 {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500 {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-500 {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600 {
    --tw-shadow-color: #01959c;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-600 {
    --tw-shadow-color: #018e94;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700 {
    --tw-shadow-color: #017a80;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-700 {
    --tw-shadow-color: #016a6f;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800 {
    --tw-shadow-color: #005d61;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-800 {
    --tw-shadow-color: #00474a;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900 {
    --tw-shadow-color: #003b3e;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-900 {
    --tw-shadow-color: #002628;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50-important {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-50-important {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100-important {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-100-important {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200-important {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-200-important {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300-important {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-300-important {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400-important {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-400-important {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500-important {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-500-important {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600-important {
    --tw-shadow-color: #01959c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-600-important {
    --tw-shadow-color: #018e94 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700-important {
    --tw-shadow-color: #017a80 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-700-important {
    --tw-shadow-color: #016a6f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800-important {
    --tw-shadow-color: #005d61 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-800-important {
    --tw-shadow-color: #00474a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900-important {
    --tw-shadow-color: #003b3e !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:shadow-primary-900-important {
    --tw-shadow-color: #002628 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50:focus {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-50:focus {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100:focus {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-100:focus {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200:focus {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-200:focus {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300:focus {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-300:focus {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400:focus {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-400:focus {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500:focus {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-500:focus {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600:focus {
    --tw-shadow-color: #01959c;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-600:focus {
    --tw-shadow-color: #018e94;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700:focus {
    --tw-shadow-color: #017a80;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-700:focus {
    --tw-shadow-color: #016a6f;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800:focus {
    --tw-shadow-color: #005d61;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-800:focus {
    --tw-shadow-color: #00474a;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900:focus {
    --tw-shadow-color: #003b3e;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-900:focus {
    --tw-shadow-color: #002628;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50-important:focus {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-50-important:focus {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100-important:focus {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-100-important:focus {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200-important:focus {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-200-important:focus {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300-important:focus {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-300-important:focus {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400-important:focus {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-400-important:focus {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500-important:focus {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-500-important:focus {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600-important:focus {
    --tw-shadow-color: #01959c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-600-important:focus {
    --tw-shadow-color: #018e94 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700-important:focus {
    --tw-shadow-color: #017a80 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-700-important:focus {
    --tw-shadow-color: #016a6f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800-important:focus {
    --tw-shadow-color: #005d61 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-800-important:focus {
    --tw-shadow-color: #00474a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900-important:focus {
    --tw-shadow-color: #003b3e !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:focus\:shadow-primary-900-important:focus {
    --tw-shadow-color: #002628 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50:hover {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-50:hover {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50 {
    --tw-shadow-color: #e3f6f7;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100:hover {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-100:hover {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100 {
    --tw-shadow-color: #c6f6f9;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200:hover {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-200:hover {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200 {
    --tw-shadow-color: #91f1f6;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300:hover {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-300:hover {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300 {
    --tw-shadow-color: #55eff6;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400:hover {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-400:hover {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400 {
    --tw-shadow-color: #10eef9;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500:hover {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-500:hover {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500 {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600:hover {
    --tw-shadow-color: #01959c;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-600:hover {
    --tw-shadow-color: #018e94;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600 {
    --tw-shadow-color: #01959c;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700:hover {
    --tw-shadow-color: #017a80;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-700:hover {
    --tw-shadow-color: #016a6f;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700 {
    --tw-shadow-color: #017a80;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800:hover {
    --tw-shadow-color: #005d61;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-800:hover {
    --tw-shadow-color: #00474a;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800 {
    --tw-shadow-color: #005d61;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900:hover {
    --tw-shadow-color: #003b3e;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-900:hover {
    --tw-shadow-color: #002628;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900 {
    --tw-shadow-color: #003b3e;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50-important:hover {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-50-important:hover {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50-important {
    --tw-shadow-color: #e3f6f7 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100-important:hover {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-100-important:hover {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100-important {
    --tw-shadow-color: #c6f6f9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200-important:hover {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-200-important:hover {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200-important {
    --tw-shadow-color: #91f1f6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300-important:hover {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-300-important:hover {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300-important {
    --tw-shadow-color: #55eff6 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400-important:hover {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-400-important:hover {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400-important {
    --tw-shadow-color: #10eef9 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500-important:hover {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-500-important:hover {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500-important {
    --tw-shadow-color: #00a8b0 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600-important:hover {
    --tw-shadow-color: #01959c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-600-important:hover {
    --tw-shadow-color: #018e94 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600-important {
    --tw-shadow-color: #01959c !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700-important:hover {
    --tw-shadow-color: #017a80 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-700-important:hover {
    --tw-shadow-color: #016a6f !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700-important {
    --tw-shadow-color: #017a80 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800-important:hover {
    --tw-shadow-color: #005d61 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-800-important:hover {
    --tw-shadow-color: #00474a !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800-important {
    --tw-shadow-color: #005d61 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900-important:hover {
    --tw-shadow-color: #003b3e !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.dark .dark\:hover\:shadow-primary-900-important:hover {
    --tw-shadow-color: #002628 !important;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900-important {
    --tw-shadow-color: #003b3e !important;
    --tw-shadow: var(--tw-shadow-colored);
}:root {
    --primary: #00a8b0;
    --primary-50: #e3f6f7;
    --primary-100: #c6f6f9;
    --primary-200: #91f1f6;
    --primary-300: #55eff6;
    --primary-400: #10eef9;
    --primary-500: #00a8b0;
    --primary-600: #01959c;
    --primary-700: #017a80;
    --primary-800: #005d61;
    --primary-900: #003b3e;
    --primary-foreground: #000000;
    --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: #e3f6f7;
}
.bg-foreground {
    background-color: #003b3e;
}
.bg-card {
    background-color: #e3f6f7;
}
.bg-popover {
    background-color: #e3f6f7;
}
.bg-primary {
    background-color: #00a8b0;
}
.bg-secondary {
    background-color: #c6f6f9;
}
.bg-muted {
    background-color: #c6f6f9;
}
.bg-accent {
    background-color: #91f1f6;
}
.bg-destructive {
    background-color: #ef4444;
}
.bg-border {
    background-color: #91f1f6;
}
.bg-input {
    background-color: #c6f6f9;
}
.bg-sidebar {
    background-color: #e3f6f7;
}
.bg-sidebar-border {
    background-color: #91f1f6;
}
.fill-foreground {
    fill: #003b3e;
}
.text-background {
    color: #e3f6f7;
}
.text-foreground {
    color: #003b3e;
}
.text-foreground-muted {
    color: #01959c;
}
.text-muted-foreground {
    color: #01959c;
}
.text-card-foreground {
    color: #003b3e;
}
.text-popover-foreground {
    color: #003b3e;
}
.text-primary {
    color: #00a8b0;
}
.text-primary-foreground {
    color: #000000;
}
.text-secondary-foreground {
    color: #000000;
}
.text-accent-foreground {
    color: #000000;
}
.text-destructive-foreground {
    color: #FFFFFF;
}
.text-sidebar-foreground {
    color: #003b3e;
}
.text-sidebar-accent-foreground {
    color: #000000;
}
.text-sidebar-primary-foreground {
    color: #000000;
}
.border-border {
    border-color: #91f1f6;
}
.border-input {
    border-color: #c6f6f9;
}
.border-primary {
    border-color: #00a8b0;
}
.border-sidebar-border {
    border-color: #91f1f6;
}
.ring-ring {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.ring-sidebar-ring {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.ring-offset-background {
    --tw-ring-offset-color: #e3f6f7;
}
.ring-offset-transparent {
    --tw-ring-offset-color: transparent;
}

.bg-primary {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.hover\:bg-primary:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.focus\:bg-primary:focus {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.group:hover .group-hover\:bg-primary {
    --bg-opacity: 1;
    background-color: rgba(0, 168, 176, var(--bg-opacity));
}
.bg-primary\/5 {
    background-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:bg-primary\/5:hover {
    background-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:bg-primary\/5:focus {
    background-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/5 {
    background-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.bg-primary\/10 {
    background-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:bg-primary\/10:hover {
    background-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:bg-primary\/10:focus {
    background-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/10 {
    background-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.bg-primary\/15 {
    background-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:bg-primary\/15:hover {
    background-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:bg-primary\/15:focus {
    background-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/15 {
    background-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.bg-primary\/20 {
    background-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:bg-primary\/20:hover {
    background-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:bg-primary\/20:focus {
    background-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/20 {
    background-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.bg-primary\/25 {
    background-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:bg-primary\/25:hover {
    background-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:bg-primary\/25:focus {
    background-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/25 {
    background-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.bg-primary\/30 {
    background-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:bg-primary\/30:hover {
    background-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:bg-primary\/30:focus {
    background-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/30 {
    background-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.bg-primary\/35 {
    background-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:bg-primary\/35:hover {
    background-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:bg-primary\/35:focus {
    background-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/35 {
    background-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.bg-primary\/40 {
    background-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:bg-primary\/40:hover {
    background-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:bg-primary\/40:focus {
    background-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/40 {
    background-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.bg-primary\/45 {
    background-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:bg-primary\/45:hover {
    background-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:bg-primary\/45:focus {
    background-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/45 {
    background-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.bg-primary\/50 {
    background-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:bg-primary\/50:hover {
    background-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:bg-primary\/50:focus {
    background-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/50 {
    background-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.bg-primary\/55 {
    background-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:bg-primary\/55:hover {
    background-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:bg-primary\/55:focus {
    background-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/55 {
    background-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.bg-primary\/60 {
    background-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:bg-primary\/60:hover {
    background-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:bg-primary\/60:focus {
    background-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/60 {
    background-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.bg-primary\/65 {
    background-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:bg-primary\/65:hover {
    background-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:bg-primary\/65:focus {
    background-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/65 {
    background-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.bg-primary\/70 {
    background-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:bg-primary\/70:hover {
    background-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:bg-primary\/70:focus {
    background-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/70 {
    background-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.bg-primary\/75 {
    background-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:bg-primary\/75:hover {
    background-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:bg-primary\/75:focus {
    background-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/75 {
    background-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.bg-primary\/80 {
    background-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:bg-primary\/80:hover {
    background-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:bg-primary\/80:focus {
    background-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/80 {
    background-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.bg-primary\/85 {
    background-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:bg-primary\/85:hover {
    background-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:bg-primary\/85:focus {
    background-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/85 {
    background-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.bg-primary\/90 {
    background-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:bg-primary\/90:hover {
    background-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:bg-primary\/90:focus {
    background-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/90 {
    background-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.bg-primary\/95 {
    background-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:bg-primary\/95:hover {
    background-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:bg-primary\/95:focus {
    background-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:bg-primary\/95 {
    background-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.text-primary {
    color: #00a8b0;
}
.hover\:text-primary:hover {
    color: #00a8b0;
}
.focus\:text-primary:focus {
    color: #00a8b0;
}
.group:hover .group-hover\:text-primary {
    color: #00a8b0;
}
.text-primary\/5 {
    color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:text-primary\/5:hover {
    color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:text-primary\/5:focus {
    color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/5 {
    color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.text-primary\/10 {
    color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:text-primary\/10:hover {
    color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:text-primary\/10:focus {
    color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/10 {
    color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.text-primary\/15 {
    color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:text-primary\/15:hover {
    color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:text-primary\/15:focus {
    color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/15 {
    color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.text-primary\/20 {
    color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:text-primary\/20:hover {
    color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:text-primary\/20:focus {
    color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/20 {
    color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.text-primary\/25 {
    color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:text-primary\/25:hover {
    color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:text-primary\/25:focus {
    color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/25 {
    color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.text-primary\/30 {
    color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:text-primary\/30:hover {
    color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:text-primary\/30:focus {
    color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/30 {
    color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.text-primary\/35 {
    color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:text-primary\/35:hover {
    color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:text-primary\/35:focus {
    color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/35 {
    color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.text-primary\/40 {
    color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:text-primary\/40:hover {
    color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:text-primary\/40:focus {
    color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/40 {
    color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.text-primary\/45 {
    color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:text-primary\/45:hover {
    color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:text-primary\/45:focus {
    color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/45 {
    color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.text-primary\/50 {
    color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:text-primary\/50:hover {
    color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:text-primary\/50:focus {
    color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/50 {
    color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.text-primary\/55 {
    color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:text-primary\/55:hover {
    color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:text-primary\/55:focus {
    color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/55 {
    color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.text-primary\/60 {
    color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:text-primary\/60:hover {
    color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:text-primary\/60:focus {
    color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/60 {
    color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.text-primary\/65 {
    color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:text-primary\/65:hover {
    color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:text-primary\/65:focus {
    color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/65 {
    color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.text-primary\/70 {
    color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:text-primary\/70:hover {
    color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:text-primary\/70:focus {
    color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/70 {
    color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.text-primary\/75 {
    color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:text-primary\/75:hover {
    color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:text-primary\/75:focus {
    color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/75 {
    color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.text-primary\/80 {
    color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:text-primary\/80:hover {
    color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:text-primary\/80:focus {
    color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/80 {
    color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.text-primary\/85 {
    color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:text-primary\/85:hover {
    color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:text-primary\/85:focus {
    color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/85 {
    color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.text-primary\/90 {
    color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:text-primary\/90:hover {
    color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:text-primary\/90:focus {
    color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/90 {
    color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.text-primary\/95 {
    color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:text-primary\/95:hover {
    color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:text-primary\/95:focus {
    color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:text-primary\/95 {
    color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.border-primary {
    border-color: #00a8b0;
}
.hover\:border-primary:hover {
    border-color: #00a8b0;
}
.focus\:border-primary:focus {
    border-color: #00a8b0;
}
.group:hover .group-hover\:border-primary {
    border-color: #00a8b0;
}
.border-primary\/5 {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:border-primary\/5:hover {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:border-primary\/5:focus {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/5 {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.border-primary\/10 {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:border-primary\/10:hover {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:border-primary\/10:focus {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/10 {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.border-primary\/15 {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:border-primary\/15:hover {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:border-primary\/15:focus {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/15 {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.border-primary\/20 {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:border-primary\/20:hover {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:border-primary\/20:focus {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/20 {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.border-primary\/25 {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:border-primary\/25:hover {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:border-primary\/25:focus {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/25 {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.border-primary\/30 {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:border-primary\/30:hover {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:border-primary\/30:focus {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/30 {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.border-primary\/35 {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:border-primary\/35:hover {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:border-primary\/35:focus {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/35 {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.border-primary\/40 {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:border-primary\/40:hover {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:border-primary\/40:focus {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/40 {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.border-primary\/45 {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:border-primary\/45:hover {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:border-primary\/45:focus {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/45 {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.border-primary\/50 {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:border-primary\/50:hover {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:border-primary\/50:focus {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/50 {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.border-primary\/55 {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:border-primary\/55:hover {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:border-primary\/55:focus {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/55 {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.border-primary\/60 {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:border-primary\/60:hover {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:border-primary\/60:focus {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/60 {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.border-primary\/65 {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:border-primary\/65:hover {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:border-primary\/65:focus {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/65 {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.border-primary\/70 {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:border-primary\/70:hover {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:border-primary\/70:focus {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/70 {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.border-primary\/75 {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:border-primary\/75:hover {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:border-primary\/75:focus {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/75 {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.border-primary\/80 {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:border-primary\/80:hover {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:border-primary\/80:focus {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/80 {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.border-primary\/85 {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:border-primary\/85:hover {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:border-primary\/85:focus {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/85 {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.border-primary\/90 {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:border-primary\/90:hover {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:border-primary\/90:focus {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/90 {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.border-primary\/95 {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:border-primary\/95:hover {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:border-primary\/95:focus {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary\/95 {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.ring-primary {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.hover\:ring-primary:hover {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.focus\:ring-primary:focus {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.group:hover .group-hover\:ring-primary {
    --ring-color: #00a8b0;
    --tw-ring-color: #00a8b0;
}
.ring-primary\/5 {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:ring-primary\/5:hover {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:ring-primary\/5:focus {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/5 {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.ring-primary\/10 {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:ring-primary\/10:hover {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:ring-primary\/10:focus {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/10 {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.ring-primary\/15 {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:ring-primary\/15:hover {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:ring-primary\/15:focus {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/15 {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.ring-primary\/20 {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:ring-primary\/20:hover {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:ring-primary\/20:focus {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/20 {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.ring-primary\/25 {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:ring-primary\/25:hover {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:ring-primary\/25:focus {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/25 {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.ring-primary\/30 {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:ring-primary\/30:hover {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:ring-primary\/30:focus {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/30 {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.ring-primary\/35 {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:ring-primary\/35:hover {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:ring-primary\/35:focus {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/35 {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.ring-primary\/40 {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:ring-primary\/40:hover {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:ring-primary\/40:focus {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/40 {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.ring-primary\/45 {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:ring-primary\/45:hover {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:ring-primary\/45:focus {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/45 {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.ring-primary\/50 {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:ring-primary\/50:hover {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:ring-primary\/50:focus {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/50 {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.ring-primary\/55 {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:ring-primary\/55:hover {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:ring-primary\/55:focus {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/55 {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.ring-primary\/60 {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:ring-primary\/60:hover {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:ring-primary\/60:focus {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/60 {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.ring-primary\/65 {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:ring-primary\/65:hover {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:ring-primary\/65:focus {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/65 {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.ring-primary\/70 {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:ring-primary\/70:hover {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:ring-primary\/70:focus {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/70 {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.ring-primary\/75 {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:ring-primary\/75:hover {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:ring-primary\/75:focus {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/75 {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.ring-primary\/80 {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:ring-primary\/80:hover {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:ring-primary\/80:focus {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/80 {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.ring-primary\/85 {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:ring-primary\/85:hover {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:ring-primary\/85:focus {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/85 {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.ring-primary\/90 {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:ring-primary\/90:hover {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:ring-primary\/90:focus {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/90 {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.ring-primary\/95 {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:ring-primary\/95:hover {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:ring-primary\/95:focus {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary\/95 {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.shadow-primary {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary:hover {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary:focus {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary {
    --tw-shadow-color: #00a8b0;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/5 {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/5:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/5:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/5 {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/10 {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/10:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/10:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/10 {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/15 {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/15:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/15:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/15 {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/20 {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/20:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/20:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/20 {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/25 {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/25:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/25:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/25 {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/30 {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/30:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/30:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/30 {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/35 {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/35:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/35:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/35 {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/40 {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/40:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/40:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/40 {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/45 {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/45:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/45:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/45 {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/50 {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/50:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/50:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/50 {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/55 {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/55:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/55:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/55 {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/60 {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/60:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/60:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/60 {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/65 {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/65:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/65:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/65 {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/70 {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/70:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/70:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/70 {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/75 {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/75:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/75:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/75 {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/80 {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/80:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/80:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/80 {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/85 {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/85:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/85:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/85 {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/90 {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/90:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/90:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/90 {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/95 {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/95:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary\/95:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary\/95 {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.border-primary-50\/5 {
    border-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.hover\:border-primary-50\/5:hover {
    border-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.focus\:border-primary-50\/5:focus {
    border-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/5 {
    border-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.border-primary-50\/10 {
    border-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.hover\:border-primary-50\/10:hover {
    border-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.focus\:border-primary-50\/10:focus {
    border-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/10 {
    border-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.border-primary-50\/15 {
    border-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.hover\:border-primary-50\/15:hover {
    border-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.focus\:border-primary-50\/15:focus {
    border-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/15 {
    border-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.border-primary-50\/20 {
    border-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.hover\:border-primary-50\/20:hover {
    border-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.focus\:border-primary-50\/20:focus {
    border-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/20 {
    border-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.border-primary-50\/25 {
    border-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.hover\:border-primary-50\/25:hover {
    border-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.focus\:border-primary-50\/25:focus {
    border-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/25 {
    border-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.border-primary-50\/30 {
    border-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.hover\:border-primary-50\/30:hover {
    border-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.focus\:border-primary-50\/30:focus {
    border-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/30 {
    border-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.border-primary-50\/35 {
    border-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.hover\:border-primary-50\/35:hover {
    border-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.focus\:border-primary-50\/35:focus {
    border-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/35 {
    border-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.border-primary-50\/40 {
    border-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.hover\:border-primary-50\/40:hover {
    border-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.focus\:border-primary-50\/40:focus {
    border-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/40 {
    border-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.border-primary-50\/45 {
    border-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.hover\:border-primary-50\/45:hover {
    border-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.focus\:border-primary-50\/45:focus {
    border-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/45 {
    border-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.border-primary-50\/50 {
    border-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.hover\:border-primary-50\/50:hover {
    border-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.focus\:border-primary-50\/50:focus {
    border-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/50 {
    border-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.border-primary-50\/55 {
    border-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.hover\:border-primary-50\/55:hover {
    border-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.focus\:border-primary-50\/55:focus {
    border-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/55 {
    border-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.border-primary-50\/60 {
    border-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.hover\:border-primary-50\/60:hover {
    border-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.focus\:border-primary-50\/60:focus {
    border-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/60 {
    border-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.border-primary-50\/65 {
    border-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.hover\:border-primary-50\/65:hover {
    border-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.focus\:border-primary-50\/65:focus {
    border-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/65 {
    border-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.border-primary-50\/70 {
    border-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.hover\:border-primary-50\/70:hover {
    border-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.focus\:border-primary-50\/70:focus {
    border-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/70 {
    border-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.border-primary-50\/75 {
    border-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.hover\:border-primary-50\/75:hover {
    border-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.focus\:border-primary-50\/75:focus {
    border-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/75 {
    border-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.border-primary-50\/80 {
    border-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.hover\:border-primary-50\/80:hover {
    border-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.focus\:border-primary-50\/80:focus {
    border-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/80 {
    border-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.border-primary-50\/85 {
    border-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.hover\:border-primary-50\/85:hover {
    border-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.focus\:border-primary-50\/85:focus {
    border-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/85 {
    border-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.border-primary-50\/90 {
    border-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.hover\:border-primary-50\/90:hover {
    border-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.focus\:border-primary-50\/90:focus {
    border-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/90 {
    border-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.border-primary-50\/95 {
    border-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.hover\:border-primary-50\/95:hover {
    border-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.focus\:border-primary-50\/95:focus {
    border-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-50\/95 {
    border-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.border-primary-100\/5 {
    border-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.hover\:border-primary-100\/5:hover {
    border-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.focus\:border-primary-100\/5:focus {
    border-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/5 {
    border-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.border-primary-100\/10 {
    border-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.hover\:border-primary-100\/10:hover {
    border-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.focus\:border-primary-100\/10:focus {
    border-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/10 {
    border-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.border-primary-100\/15 {
    border-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.hover\:border-primary-100\/15:hover {
    border-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.focus\:border-primary-100\/15:focus {
    border-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/15 {
    border-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.border-primary-100\/20 {
    border-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.hover\:border-primary-100\/20:hover {
    border-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.focus\:border-primary-100\/20:focus {
    border-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/20 {
    border-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.border-primary-100\/25 {
    border-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.hover\:border-primary-100\/25:hover {
    border-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.focus\:border-primary-100\/25:focus {
    border-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/25 {
    border-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.border-primary-100\/30 {
    border-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.hover\:border-primary-100\/30:hover {
    border-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.focus\:border-primary-100\/30:focus {
    border-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/30 {
    border-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.border-primary-100\/35 {
    border-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.hover\:border-primary-100\/35:hover {
    border-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.focus\:border-primary-100\/35:focus {
    border-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/35 {
    border-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.border-primary-100\/40 {
    border-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.hover\:border-primary-100\/40:hover {
    border-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.focus\:border-primary-100\/40:focus {
    border-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/40 {
    border-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.border-primary-100\/45 {
    border-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.hover\:border-primary-100\/45:hover {
    border-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.focus\:border-primary-100\/45:focus {
    border-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/45 {
    border-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.border-primary-100\/50 {
    border-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.hover\:border-primary-100\/50:hover {
    border-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.focus\:border-primary-100\/50:focus {
    border-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/50 {
    border-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.border-primary-100\/55 {
    border-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.hover\:border-primary-100\/55:hover {
    border-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.focus\:border-primary-100\/55:focus {
    border-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/55 {
    border-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.border-primary-100\/60 {
    border-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.hover\:border-primary-100\/60:hover {
    border-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.focus\:border-primary-100\/60:focus {
    border-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/60 {
    border-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.border-primary-100\/65 {
    border-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.hover\:border-primary-100\/65:hover {
    border-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.focus\:border-primary-100\/65:focus {
    border-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/65 {
    border-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.border-primary-100\/70 {
    border-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.hover\:border-primary-100\/70:hover {
    border-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.focus\:border-primary-100\/70:focus {
    border-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/70 {
    border-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.border-primary-100\/75 {
    border-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.hover\:border-primary-100\/75:hover {
    border-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.focus\:border-primary-100\/75:focus {
    border-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/75 {
    border-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.border-primary-100\/80 {
    border-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.hover\:border-primary-100\/80:hover {
    border-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.focus\:border-primary-100\/80:focus {
    border-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/80 {
    border-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.border-primary-100\/85 {
    border-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.hover\:border-primary-100\/85:hover {
    border-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.focus\:border-primary-100\/85:focus {
    border-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/85 {
    border-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.border-primary-100\/90 {
    border-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.hover\:border-primary-100\/90:hover {
    border-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.focus\:border-primary-100\/90:focus {
    border-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/90 {
    border-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.border-primary-100\/95 {
    border-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.hover\:border-primary-100\/95:hover {
    border-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.focus\:border-primary-100\/95:focus {
    border-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-100\/95 {
    border-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.border-primary-200\/5 {
    border-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.hover\:border-primary-200\/5:hover {
    border-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.focus\:border-primary-200\/5:focus {
    border-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/5 {
    border-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.border-primary-200\/10 {
    border-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.hover\:border-primary-200\/10:hover {
    border-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.focus\:border-primary-200\/10:focus {
    border-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/10 {
    border-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.border-primary-200\/15 {
    border-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.hover\:border-primary-200\/15:hover {
    border-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.focus\:border-primary-200\/15:focus {
    border-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/15 {
    border-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.border-primary-200\/20 {
    border-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.hover\:border-primary-200\/20:hover {
    border-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.focus\:border-primary-200\/20:focus {
    border-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/20 {
    border-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.border-primary-200\/25 {
    border-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.hover\:border-primary-200\/25:hover {
    border-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.focus\:border-primary-200\/25:focus {
    border-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/25 {
    border-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.border-primary-200\/30 {
    border-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.hover\:border-primary-200\/30:hover {
    border-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.focus\:border-primary-200\/30:focus {
    border-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/30 {
    border-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.border-primary-200\/35 {
    border-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.hover\:border-primary-200\/35:hover {
    border-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.focus\:border-primary-200\/35:focus {
    border-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/35 {
    border-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.border-primary-200\/40 {
    border-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.hover\:border-primary-200\/40:hover {
    border-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.focus\:border-primary-200\/40:focus {
    border-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/40 {
    border-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.border-primary-200\/45 {
    border-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.hover\:border-primary-200\/45:hover {
    border-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.focus\:border-primary-200\/45:focus {
    border-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/45 {
    border-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.border-primary-200\/50 {
    border-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.hover\:border-primary-200\/50:hover {
    border-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.focus\:border-primary-200\/50:focus {
    border-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/50 {
    border-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.border-primary-200\/55 {
    border-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.hover\:border-primary-200\/55:hover {
    border-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.focus\:border-primary-200\/55:focus {
    border-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/55 {
    border-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.border-primary-200\/60 {
    border-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.hover\:border-primary-200\/60:hover {
    border-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.focus\:border-primary-200\/60:focus {
    border-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/60 {
    border-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.border-primary-200\/65 {
    border-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.hover\:border-primary-200\/65:hover {
    border-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.focus\:border-primary-200\/65:focus {
    border-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/65 {
    border-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.border-primary-200\/70 {
    border-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.hover\:border-primary-200\/70:hover {
    border-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.focus\:border-primary-200\/70:focus {
    border-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/70 {
    border-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.border-primary-200\/75 {
    border-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.hover\:border-primary-200\/75:hover {
    border-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.focus\:border-primary-200\/75:focus {
    border-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/75 {
    border-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.border-primary-200\/80 {
    border-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.hover\:border-primary-200\/80:hover {
    border-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.focus\:border-primary-200\/80:focus {
    border-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/80 {
    border-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.border-primary-200\/85 {
    border-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.hover\:border-primary-200\/85:hover {
    border-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.focus\:border-primary-200\/85:focus {
    border-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/85 {
    border-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.border-primary-200\/90 {
    border-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.hover\:border-primary-200\/90:hover {
    border-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.focus\:border-primary-200\/90:focus {
    border-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/90 {
    border-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.border-primary-200\/95 {
    border-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.hover\:border-primary-200\/95:hover {
    border-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.focus\:border-primary-200\/95:focus {
    border-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-200\/95 {
    border-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.border-primary-300\/5 {
    border-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.hover\:border-primary-300\/5:hover {
    border-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.focus\:border-primary-300\/5:focus {
    border-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/5 {
    border-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.border-primary-300\/10 {
    border-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.hover\:border-primary-300\/10:hover {
    border-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.focus\:border-primary-300\/10:focus {
    border-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/10 {
    border-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.border-primary-300\/15 {
    border-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.hover\:border-primary-300\/15:hover {
    border-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.focus\:border-primary-300\/15:focus {
    border-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/15 {
    border-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.border-primary-300\/20 {
    border-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.hover\:border-primary-300\/20:hover {
    border-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.focus\:border-primary-300\/20:focus {
    border-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/20 {
    border-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.border-primary-300\/25 {
    border-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.hover\:border-primary-300\/25:hover {
    border-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.focus\:border-primary-300\/25:focus {
    border-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/25 {
    border-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.border-primary-300\/30 {
    border-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.hover\:border-primary-300\/30:hover {
    border-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.focus\:border-primary-300\/30:focus {
    border-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/30 {
    border-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.border-primary-300\/35 {
    border-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.hover\:border-primary-300\/35:hover {
    border-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.focus\:border-primary-300\/35:focus {
    border-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/35 {
    border-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.border-primary-300\/40 {
    border-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.hover\:border-primary-300\/40:hover {
    border-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.focus\:border-primary-300\/40:focus {
    border-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/40 {
    border-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.border-primary-300\/45 {
    border-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.hover\:border-primary-300\/45:hover {
    border-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.focus\:border-primary-300\/45:focus {
    border-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/45 {
    border-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.border-primary-300\/50 {
    border-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.hover\:border-primary-300\/50:hover {
    border-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.focus\:border-primary-300\/50:focus {
    border-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/50 {
    border-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.border-primary-300\/55 {
    border-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.hover\:border-primary-300\/55:hover {
    border-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.focus\:border-primary-300\/55:focus {
    border-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/55 {
    border-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.border-primary-300\/60 {
    border-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.hover\:border-primary-300\/60:hover {
    border-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.focus\:border-primary-300\/60:focus {
    border-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/60 {
    border-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.border-primary-300\/65 {
    border-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.hover\:border-primary-300\/65:hover {
    border-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.focus\:border-primary-300\/65:focus {
    border-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/65 {
    border-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.border-primary-300\/70 {
    border-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.hover\:border-primary-300\/70:hover {
    border-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.focus\:border-primary-300\/70:focus {
    border-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/70 {
    border-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.border-primary-300\/75 {
    border-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.hover\:border-primary-300\/75:hover {
    border-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.focus\:border-primary-300\/75:focus {
    border-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/75 {
    border-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.border-primary-300\/80 {
    border-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.hover\:border-primary-300\/80:hover {
    border-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.focus\:border-primary-300\/80:focus {
    border-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/80 {
    border-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.border-primary-300\/85 {
    border-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.hover\:border-primary-300\/85:hover {
    border-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.focus\:border-primary-300\/85:focus {
    border-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/85 {
    border-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.border-primary-300\/90 {
    border-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.hover\:border-primary-300\/90:hover {
    border-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.focus\:border-primary-300\/90:focus {
    border-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/90 {
    border-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.border-primary-300\/95 {
    border-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.hover\:border-primary-300\/95:hover {
    border-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.focus\:border-primary-300\/95:focus {
    border-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-300\/95 {
    border-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.border-primary-400\/5 {
    border-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.hover\:border-primary-400\/5:hover {
    border-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.focus\:border-primary-400\/5:focus {
    border-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/5 {
    border-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.border-primary-400\/10 {
    border-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.hover\:border-primary-400\/10:hover {
    border-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.focus\:border-primary-400\/10:focus {
    border-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/10 {
    border-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.border-primary-400\/15 {
    border-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.hover\:border-primary-400\/15:hover {
    border-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.focus\:border-primary-400\/15:focus {
    border-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/15 {
    border-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.border-primary-400\/20 {
    border-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.hover\:border-primary-400\/20:hover {
    border-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.focus\:border-primary-400\/20:focus {
    border-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/20 {
    border-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.border-primary-400\/25 {
    border-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.hover\:border-primary-400\/25:hover {
    border-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.focus\:border-primary-400\/25:focus {
    border-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/25 {
    border-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.border-primary-400\/30 {
    border-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.hover\:border-primary-400\/30:hover {
    border-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.focus\:border-primary-400\/30:focus {
    border-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/30 {
    border-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.border-primary-400\/35 {
    border-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.hover\:border-primary-400\/35:hover {
    border-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.focus\:border-primary-400\/35:focus {
    border-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/35 {
    border-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.border-primary-400\/40 {
    border-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.hover\:border-primary-400\/40:hover {
    border-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.focus\:border-primary-400\/40:focus {
    border-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/40 {
    border-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.border-primary-400\/45 {
    border-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.hover\:border-primary-400\/45:hover {
    border-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.focus\:border-primary-400\/45:focus {
    border-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/45 {
    border-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.border-primary-400\/50 {
    border-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.hover\:border-primary-400\/50:hover {
    border-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.focus\:border-primary-400\/50:focus {
    border-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/50 {
    border-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.border-primary-400\/55 {
    border-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.hover\:border-primary-400\/55:hover {
    border-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.focus\:border-primary-400\/55:focus {
    border-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/55 {
    border-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.border-primary-400\/60 {
    border-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.hover\:border-primary-400\/60:hover {
    border-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.focus\:border-primary-400\/60:focus {
    border-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/60 {
    border-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.border-primary-400\/65 {
    border-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.hover\:border-primary-400\/65:hover {
    border-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.focus\:border-primary-400\/65:focus {
    border-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/65 {
    border-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.border-primary-400\/70 {
    border-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.hover\:border-primary-400\/70:hover {
    border-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.focus\:border-primary-400\/70:focus {
    border-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/70 {
    border-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.border-primary-400\/75 {
    border-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.hover\:border-primary-400\/75:hover {
    border-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.focus\:border-primary-400\/75:focus {
    border-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/75 {
    border-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.border-primary-400\/80 {
    border-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.hover\:border-primary-400\/80:hover {
    border-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.focus\:border-primary-400\/80:focus {
    border-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/80 {
    border-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.border-primary-400\/85 {
    border-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.hover\:border-primary-400\/85:hover {
    border-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.focus\:border-primary-400\/85:focus {
    border-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/85 {
    border-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.border-primary-400\/90 {
    border-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.hover\:border-primary-400\/90:hover {
    border-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.focus\:border-primary-400\/90:focus {
    border-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/90 {
    border-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.border-primary-400\/95 {
    border-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.hover\:border-primary-400\/95:hover {
    border-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.focus\:border-primary-400\/95:focus {
    border-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-400\/95 {
    border-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.border-primary-500\/5 {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:border-primary-500\/5:hover {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:border-primary-500\/5:focus {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/5 {
    border-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.border-primary-500\/10 {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:border-primary-500\/10:hover {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:border-primary-500\/10:focus {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/10 {
    border-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.border-primary-500\/15 {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:border-primary-500\/15:hover {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:border-primary-500\/15:focus {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/15 {
    border-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.border-primary-500\/20 {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:border-primary-500\/20:hover {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:border-primary-500\/20:focus {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/20 {
    border-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.border-primary-500\/25 {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:border-primary-500\/25:hover {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:border-primary-500\/25:focus {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/25 {
    border-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.border-primary-500\/30 {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:border-primary-500\/30:hover {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:border-primary-500\/30:focus {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/30 {
    border-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.border-primary-500\/35 {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:border-primary-500\/35:hover {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:border-primary-500\/35:focus {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/35 {
    border-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.border-primary-500\/40 {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:border-primary-500\/40:hover {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:border-primary-500\/40:focus {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/40 {
    border-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.border-primary-500\/45 {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:border-primary-500\/45:hover {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:border-primary-500\/45:focus {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/45 {
    border-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.border-primary-500\/50 {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:border-primary-500\/50:hover {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:border-primary-500\/50:focus {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/50 {
    border-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.border-primary-500\/55 {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:border-primary-500\/55:hover {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:border-primary-500\/55:focus {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/55 {
    border-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.border-primary-500\/60 {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:border-primary-500\/60:hover {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:border-primary-500\/60:focus {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/60 {
    border-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.border-primary-500\/65 {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:border-primary-500\/65:hover {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:border-primary-500\/65:focus {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/65 {
    border-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.border-primary-500\/70 {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:border-primary-500\/70:hover {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:border-primary-500\/70:focus {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/70 {
    border-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.border-primary-500\/75 {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:border-primary-500\/75:hover {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:border-primary-500\/75:focus {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/75 {
    border-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.border-primary-500\/80 {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:border-primary-500\/80:hover {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:border-primary-500\/80:focus {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/80 {
    border-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.border-primary-500\/85 {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:border-primary-500\/85:hover {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:border-primary-500\/85:focus {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/85 {
    border-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.border-primary-500\/90 {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:border-primary-500\/90:hover {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:border-primary-500\/90:focus {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/90 {
    border-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.border-primary-500\/95 {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:border-primary-500\/95:hover {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:border-primary-500\/95:focus {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-500\/95 {
    border-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.border-primary-600\/5 {
    border-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.hover\:border-primary-600\/5:hover {
    border-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.focus\:border-primary-600\/5:focus {
    border-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/5 {
    border-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.border-primary-600\/10 {
    border-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.hover\:border-primary-600\/10:hover {
    border-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.focus\:border-primary-600\/10:focus {
    border-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/10 {
    border-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.border-primary-600\/15 {
    border-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.hover\:border-primary-600\/15:hover {
    border-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.focus\:border-primary-600\/15:focus {
    border-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/15 {
    border-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.border-primary-600\/20 {
    border-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.hover\:border-primary-600\/20:hover {
    border-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.focus\:border-primary-600\/20:focus {
    border-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/20 {
    border-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.border-primary-600\/25 {
    border-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.hover\:border-primary-600\/25:hover {
    border-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.focus\:border-primary-600\/25:focus {
    border-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/25 {
    border-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.border-primary-600\/30 {
    border-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.hover\:border-primary-600\/30:hover {
    border-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.focus\:border-primary-600\/30:focus {
    border-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/30 {
    border-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.border-primary-600\/35 {
    border-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.hover\:border-primary-600\/35:hover {
    border-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.focus\:border-primary-600\/35:focus {
    border-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/35 {
    border-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.border-primary-600\/40 {
    border-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.hover\:border-primary-600\/40:hover {
    border-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.focus\:border-primary-600\/40:focus {
    border-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/40 {
    border-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.border-primary-600\/45 {
    border-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.hover\:border-primary-600\/45:hover {
    border-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.focus\:border-primary-600\/45:focus {
    border-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/45 {
    border-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.border-primary-600\/50 {
    border-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.hover\:border-primary-600\/50:hover {
    border-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.focus\:border-primary-600\/50:focus {
    border-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/50 {
    border-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.border-primary-600\/55 {
    border-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.hover\:border-primary-600\/55:hover {
    border-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.focus\:border-primary-600\/55:focus {
    border-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/55 {
    border-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.border-primary-600\/60 {
    border-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.hover\:border-primary-600\/60:hover {
    border-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.focus\:border-primary-600\/60:focus {
    border-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/60 {
    border-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.border-primary-600\/65 {
    border-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.hover\:border-primary-600\/65:hover {
    border-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.focus\:border-primary-600\/65:focus {
    border-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/65 {
    border-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.border-primary-600\/70 {
    border-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.hover\:border-primary-600\/70:hover {
    border-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.focus\:border-primary-600\/70:focus {
    border-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/70 {
    border-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.border-primary-600\/75 {
    border-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.hover\:border-primary-600\/75:hover {
    border-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.focus\:border-primary-600\/75:focus {
    border-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/75 {
    border-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.border-primary-600\/80 {
    border-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.hover\:border-primary-600\/80:hover {
    border-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.focus\:border-primary-600\/80:focus {
    border-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/80 {
    border-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.border-primary-600\/85 {
    border-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.hover\:border-primary-600\/85:hover {
    border-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.focus\:border-primary-600\/85:focus {
    border-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/85 {
    border-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.border-primary-600\/90 {
    border-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.hover\:border-primary-600\/90:hover {
    border-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.focus\:border-primary-600\/90:focus {
    border-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/90 {
    border-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.border-primary-600\/95 {
    border-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.hover\:border-primary-600\/95:hover {
    border-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.focus\:border-primary-600\/95:focus {
    border-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-600\/95 {
    border-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.border-primary-700\/5 {
    border-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.hover\:border-primary-700\/5:hover {
    border-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.focus\:border-primary-700\/5:focus {
    border-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/5 {
    border-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.border-primary-700\/10 {
    border-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.hover\:border-primary-700\/10:hover {
    border-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.focus\:border-primary-700\/10:focus {
    border-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/10 {
    border-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.border-primary-700\/15 {
    border-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.hover\:border-primary-700\/15:hover {
    border-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.focus\:border-primary-700\/15:focus {
    border-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/15 {
    border-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.border-primary-700\/20 {
    border-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.hover\:border-primary-700\/20:hover {
    border-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.focus\:border-primary-700\/20:focus {
    border-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/20 {
    border-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.border-primary-700\/25 {
    border-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.hover\:border-primary-700\/25:hover {
    border-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.focus\:border-primary-700\/25:focus {
    border-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/25 {
    border-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.border-primary-700\/30 {
    border-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.hover\:border-primary-700\/30:hover {
    border-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.focus\:border-primary-700\/30:focus {
    border-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/30 {
    border-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.border-primary-700\/35 {
    border-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.hover\:border-primary-700\/35:hover {
    border-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.focus\:border-primary-700\/35:focus {
    border-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/35 {
    border-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.border-primary-700\/40 {
    border-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.hover\:border-primary-700\/40:hover {
    border-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.focus\:border-primary-700\/40:focus {
    border-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/40 {
    border-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.border-primary-700\/45 {
    border-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.hover\:border-primary-700\/45:hover {
    border-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.focus\:border-primary-700\/45:focus {
    border-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/45 {
    border-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.border-primary-700\/50 {
    border-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.hover\:border-primary-700\/50:hover {
    border-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.focus\:border-primary-700\/50:focus {
    border-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/50 {
    border-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.border-primary-700\/55 {
    border-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.hover\:border-primary-700\/55:hover {
    border-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.focus\:border-primary-700\/55:focus {
    border-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/55 {
    border-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.border-primary-700\/60 {
    border-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.hover\:border-primary-700\/60:hover {
    border-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.focus\:border-primary-700\/60:focus {
    border-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/60 {
    border-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.border-primary-700\/65 {
    border-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.hover\:border-primary-700\/65:hover {
    border-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.focus\:border-primary-700\/65:focus {
    border-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/65 {
    border-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.border-primary-700\/70 {
    border-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.hover\:border-primary-700\/70:hover {
    border-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.focus\:border-primary-700\/70:focus {
    border-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/70 {
    border-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.border-primary-700\/75 {
    border-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.hover\:border-primary-700\/75:hover {
    border-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.focus\:border-primary-700\/75:focus {
    border-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/75 {
    border-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.border-primary-700\/80 {
    border-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.hover\:border-primary-700\/80:hover {
    border-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.focus\:border-primary-700\/80:focus {
    border-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/80 {
    border-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.border-primary-700\/85 {
    border-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.hover\:border-primary-700\/85:hover {
    border-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.focus\:border-primary-700\/85:focus {
    border-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/85 {
    border-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.border-primary-700\/90 {
    border-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.hover\:border-primary-700\/90:hover {
    border-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.focus\:border-primary-700\/90:focus {
    border-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/90 {
    border-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.border-primary-700\/95 {
    border-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.hover\:border-primary-700\/95:hover {
    border-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.focus\:border-primary-700\/95:focus {
    border-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-700\/95 {
    border-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.border-primary-800\/5 {
    border-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.hover\:border-primary-800\/5:hover {
    border-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.focus\:border-primary-800\/5:focus {
    border-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/5 {
    border-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.border-primary-800\/10 {
    border-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.hover\:border-primary-800\/10:hover {
    border-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.focus\:border-primary-800\/10:focus {
    border-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/10 {
    border-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.border-primary-800\/15 {
    border-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.hover\:border-primary-800\/15:hover {
    border-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.focus\:border-primary-800\/15:focus {
    border-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/15 {
    border-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.border-primary-800\/20 {
    border-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.hover\:border-primary-800\/20:hover {
    border-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.focus\:border-primary-800\/20:focus {
    border-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/20 {
    border-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.border-primary-800\/25 {
    border-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.hover\:border-primary-800\/25:hover {
    border-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.focus\:border-primary-800\/25:focus {
    border-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/25 {
    border-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.border-primary-800\/30 {
    border-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.hover\:border-primary-800\/30:hover {
    border-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.focus\:border-primary-800\/30:focus {
    border-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/30 {
    border-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.border-primary-800\/35 {
    border-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.hover\:border-primary-800\/35:hover {
    border-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.focus\:border-primary-800\/35:focus {
    border-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/35 {
    border-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.border-primary-800\/40 {
    border-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.hover\:border-primary-800\/40:hover {
    border-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.focus\:border-primary-800\/40:focus {
    border-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/40 {
    border-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.border-primary-800\/45 {
    border-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.hover\:border-primary-800\/45:hover {
    border-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.focus\:border-primary-800\/45:focus {
    border-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/45 {
    border-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.border-primary-800\/50 {
    border-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.hover\:border-primary-800\/50:hover {
    border-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.focus\:border-primary-800\/50:focus {
    border-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/50 {
    border-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.border-primary-800\/55 {
    border-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.hover\:border-primary-800\/55:hover {
    border-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.focus\:border-primary-800\/55:focus {
    border-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/55 {
    border-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.border-primary-800\/60 {
    border-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.hover\:border-primary-800\/60:hover {
    border-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.focus\:border-primary-800\/60:focus {
    border-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/60 {
    border-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.border-primary-800\/65 {
    border-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.hover\:border-primary-800\/65:hover {
    border-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.focus\:border-primary-800\/65:focus {
    border-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/65 {
    border-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.border-primary-800\/70 {
    border-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.hover\:border-primary-800\/70:hover {
    border-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.focus\:border-primary-800\/70:focus {
    border-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/70 {
    border-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.border-primary-800\/75 {
    border-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.hover\:border-primary-800\/75:hover {
    border-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.focus\:border-primary-800\/75:focus {
    border-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/75 {
    border-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.border-primary-800\/80 {
    border-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.hover\:border-primary-800\/80:hover {
    border-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.focus\:border-primary-800\/80:focus {
    border-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/80 {
    border-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.border-primary-800\/85 {
    border-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.hover\:border-primary-800\/85:hover {
    border-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.focus\:border-primary-800\/85:focus {
    border-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/85 {
    border-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.border-primary-800\/90 {
    border-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.hover\:border-primary-800\/90:hover {
    border-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.focus\:border-primary-800\/90:focus {
    border-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/90 {
    border-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.border-primary-800\/95 {
    border-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.hover\:border-primary-800\/95:hover {
    border-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.focus\:border-primary-800\/95:focus {
    border-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-800\/95 {
    border-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.border-primary-900\/5 {
    border-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.hover\:border-primary-900\/5:hover {
    border-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.focus\:border-primary-900\/5:focus {
    border-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/5 {
    border-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.border-primary-900\/10 {
    border-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.hover\:border-primary-900\/10:hover {
    border-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.focus\:border-primary-900\/10:focus {
    border-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/10 {
    border-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.border-primary-900\/15 {
    border-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.hover\:border-primary-900\/15:hover {
    border-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.focus\:border-primary-900\/15:focus {
    border-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/15 {
    border-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.border-primary-900\/20 {
    border-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.hover\:border-primary-900\/20:hover {
    border-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.focus\:border-primary-900\/20:focus {
    border-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/20 {
    border-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.border-primary-900\/25 {
    border-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.hover\:border-primary-900\/25:hover {
    border-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.focus\:border-primary-900\/25:focus {
    border-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/25 {
    border-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.border-primary-900\/30 {
    border-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.hover\:border-primary-900\/30:hover {
    border-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.focus\:border-primary-900\/30:focus {
    border-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/30 {
    border-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.border-primary-900\/35 {
    border-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.hover\:border-primary-900\/35:hover {
    border-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.focus\:border-primary-900\/35:focus {
    border-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/35 {
    border-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.border-primary-900\/40 {
    border-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.hover\:border-primary-900\/40:hover {
    border-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.focus\:border-primary-900\/40:focus {
    border-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/40 {
    border-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.border-primary-900\/45 {
    border-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.hover\:border-primary-900\/45:hover {
    border-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.focus\:border-primary-900\/45:focus {
    border-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/45 {
    border-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.border-primary-900\/50 {
    border-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.hover\:border-primary-900\/50:hover {
    border-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.focus\:border-primary-900\/50:focus {
    border-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/50 {
    border-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.border-primary-900\/55 {
    border-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.hover\:border-primary-900\/55:hover {
    border-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.focus\:border-primary-900\/55:focus {
    border-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/55 {
    border-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.border-primary-900\/60 {
    border-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.hover\:border-primary-900\/60:hover {
    border-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.focus\:border-primary-900\/60:focus {
    border-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/60 {
    border-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.border-primary-900\/65 {
    border-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.hover\:border-primary-900\/65:hover {
    border-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.focus\:border-primary-900\/65:focus {
    border-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/65 {
    border-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.border-primary-900\/70 {
    border-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.hover\:border-primary-900\/70:hover {
    border-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.focus\:border-primary-900\/70:focus {
    border-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/70 {
    border-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.border-primary-900\/75 {
    border-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.hover\:border-primary-900\/75:hover {
    border-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.focus\:border-primary-900\/75:focus {
    border-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/75 {
    border-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.border-primary-900\/80 {
    border-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.hover\:border-primary-900\/80:hover {
    border-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.focus\:border-primary-900\/80:focus {
    border-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/80 {
    border-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.border-primary-900\/85 {
    border-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.hover\:border-primary-900\/85:hover {
    border-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.focus\:border-primary-900\/85:focus {
    border-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/85 {
    border-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.border-primary-900\/90 {
    border-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.hover\:border-primary-900\/90:hover {
    border-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.focus\:border-primary-900\/90:focus {
    border-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/90 {
    border-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.border-primary-900\/95 {
    border-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.hover\:border-primary-900\/95:hover {
    border-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.focus\:border-primary-900\/95:focus {
    border-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.group:hover .group-hover\:border-primary-900\/95 {
    border-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.ring-primary-50\/5 {
    --ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.hover\:ring-primary-50\/5:hover {
    --ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.focus\:ring-primary-50\/5:focus {
    --ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/5 {
    --ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
}
.ring-primary-50\/10 {
    --ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.hover\:ring-primary-50\/10:hover {
    --ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.focus\:ring-primary-50\/10:focus {
    --ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/10 {
    --ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
}
.ring-primary-50\/15 {
    --ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.hover\:ring-primary-50\/15:hover {
    --ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.focus\:ring-primary-50\/15:focus {
    --ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/15 {
    --ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
}
.ring-primary-50\/20 {
    --ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.hover\:ring-primary-50\/20:hover {
    --ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.focus\:ring-primary-50\/20:focus {
    --ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/20 {
    --ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
}
.ring-primary-50\/25 {
    --ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.hover\:ring-primary-50\/25:hover {
    --ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.focus\:ring-primary-50\/25:focus {
    --ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/25 {
    --ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
}
.ring-primary-50\/30 {
    --ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.hover\:ring-primary-50\/30:hover {
    --ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.focus\:ring-primary-50\/30:focus {
    --ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/30 {
    --ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
}
.ring-primary-50\/35 {
    --ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.hover\:ring-primary-50\/35:hover {
    --ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.focus\:ring-primary-50\/35:focus {
    --ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/35 {
    --ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
}
.ring-primary-50\/40 {
    --ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.hover\:ring-primary-50\/40:hover {
    --ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.focus\:ring-primary-50\/40:focus {
    --ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/40 {
    --ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
}
.ring-primary-50\/45 {
    --ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.hover\:ring-primary-50\/45:hover {
    --ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.focus\:ring-primary-50\/45:focus {
    --ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/45 {
    --ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
}
.ring-primary-50\/50 {
    --ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.hover\:ring-primary-50\/50:hover {
    --ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.focus\:ring-primary-50\/50:focus {
    --ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/50 {
    --ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
}
.ring-primary-50\/55 {
    --ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.hover\:ring-primary-50\/55:hover {
    --ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.focus\:ring-primary-50\/55:focus {
    --ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/55 {
    --ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
}
.ring-primary-50\/60 {
    --ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.hover\:ring-primary-50\/60:hover {
    --ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.focus\:ring-primary-50\/60:focus {
    --ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/60 {
    --ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
}
.ring-primary-50\/65 {
    --ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.hover\:ring-primary-50\/65:hover {
    --ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.focus\:ring-primary-50\/65:focus {
    --ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/65 {
    --ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
}
.ring-primary-50\/70 {
    --ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.hover\:ring-primary-50\/70:hover {
    --ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.focus\:ring-primary-50\/70:focus {
    --ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/70 {
    --ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
}
.ring-primary-50\/75 {
    --ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.hover\:ring-primary-50\/75:hover {
    --ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.focus\:ring-primary-50\/75:focus {
    --ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/75 {
    --ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
}
.ring-primary-50\/80 {
    --ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.hover\:ring-primary-50\/80:hover {
    --ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.focus\:ring-primary-50\/80:focus {
    --ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/80 {
    --ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
}
.ring-primary-50\/85 {
    --ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.hover\:ring-primary-50\/85:hover {
    --ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.focus\:ring-primary-50\/85:focus {
    --ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/85 {
    --ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
}
.ring-primary-50\/90 {
    --ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.hover\:ring-primary-50\/90:hover {
    --ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.focus\:ring-primary-50\/90:focus {
    --ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/90 {
    --ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
}
.ring-primary-50\/95 {
    --ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.hover\:ring-primary-50\/95:hover {
    --ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.focus\:ring-primary-50\/95:focus {
    --ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-50\/95 {
    --ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-ring-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
}
.ring-primary-100\/5 {
    --ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.hover\:ring-primary-100\/5:hover {
    --ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.focus\:ring-primary-100\/5:focus {
    --ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/5 {
    --ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
}
.ring-primary-100\/10 {
    --ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.hover\:ring-primary-100\/10:hover {
    --ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.focus\:ring-primary-100\/10:focus {
    --ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/10 {
    --ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
}
.ring-primary-100\/15 {
    --ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.hover\:ring-primary-100\/15:hover {
    --ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.focus\:ring-primary-100\/15:focus {
    --ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/15 {
    --ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
}
.ring-primary-100\/20 {
    --ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.hover\:ring-primary-100\/20:hover {
    --ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.focus\:ring-primary-100\/20:focus {
    --ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/20 {
    --ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
}
.ring-primary-100\/25 {
    --ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.hover\:ring-primary-100\/25:hover {
    --ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.focus\:ring-primary-100\/25:focus {
    --ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/25 {
    --ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
}
.ring-primary-100\/30 {
    --ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.hover\:ring-primary-100\/30:hover {
    --ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.focus\:ring-primary-100\/30:focus {
    --ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/30 {
    --ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
}
.ring-primary-100\/35 {
    --ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.hover\:ring-primary-100\/35:hover {
    --ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.focus\:ring-primary-100\/35:focus {
    --ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/35 {
    --ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
}
.ring-primary-100\/40 {
    --ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.hover\:ring-primary-100\/40:hover {
    --ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.focus\:ring-primary-100\/40:focus {
    --ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/40 {
    --ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
}
.ring-primary-100\/45 {
    --ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.hover\:ring-primary-100\/45:hover {
    --ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.focus\:ring-primary-100\/45:focus {
    --ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/45 {
    --ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
}
.ring-primary-100\/50 {
    --ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.hover\:ring-primary-100\/50:hover {
    --ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.focus\:ring-primary-100\/50:focus {
    --ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/50 {
    --ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
}
.ring-primary-100\/55 {
    --ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.hover\:ring-primary-100\/55:hover {
    --ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.focus\:ring-primary-100\/55:focus {
    --ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/55 {
    --ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
}
.ring-primary-100\/60 {
    --ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.hover\:ring-primary-100\/60:hover {
    --ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.focus\:ring-primary-100\/60:focus {
    --ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/60 {
    --ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
}
.ring-primary-100\/65 {
    --ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.hover\:ring-primary-100\/65:hover {
    --ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.focus\:ring-primary-100\/65:focus {
    --ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/65 {
    --ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
}
.ring-primary-100\/70 {
    --ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.hover\:ring-primary-100\/70:hover {
    --ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.focus\:ring-primary-100\/70:focus {
    --ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/70 {
    --ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
}
.ring-primary-100\/75 {
    --ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.hover\:ring-primary-100\/75:hover {
    --ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.focus\:ring-primary-100\/75:focus {
    --ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/75 {
    --ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
}
.ring-primary-100\/80 {
    --ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.hover\:ring-primary-100\/80:hover {
    --ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.focus\:ring-primary-100\/80:focus {
    --ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/80 {
    --ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
}
.ring-primary-100\/85 {
    --ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.hover\:ring-primary-100\/85:hover {
    --ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.focus\:ring-primary-100\/85:focus {
    --ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/85 {
    --ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
}
.ring-primary-100\/90 {
    --ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.hover\:ring-primary-100\/90:hover {
    --ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.focus\:ring-primary-100\/90:focus {
    --ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/90 {
    --ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
}
.ring-primary-100\/95 {
    --ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.hover\:ring-primary-100\/95:hover {
    --ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.focus\:ring-primary-100\/95:focus {
    --ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-100\/95 {
    --ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-ring-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
}
.ring-primary-200\/5 {
    --ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.hover\:ring-primary-200\/5:hover {
    --ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.focus\:ring-primary-200\/5:focus {
    --ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/5 {
    --ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
}
.ring-primary-200\/10 {
    --ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.hover\:ring-primary-200\/10:hover {
    --ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.focus\:ring-primary-200\/10:focus {
    --ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/10 {
    --ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
}
.ring-primary-200\/15 {
    --ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.hover\:ring-primary-200\/15:hover {
    --ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.focus\:ring-primary-200\/15:focus {
    --ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/15 {
    --ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
}
.ring-primary-200\/20 {
    --ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.hover\:ring-primary-200\/20:hover {
    --ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.focus\:ring-primary-200\/20:focus {
    --ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/20 {
    --ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
}
.ring-primary-200\/25 {
    --ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.hover\:ring-primary-200\/25:hover {
    --ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.focus\:ring-primary-200\/25:focus {
    --ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/25 {
    --ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
}
.ring-primary-200\/30 {
    --ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.hover\:ring-primary-200\/30:hover {
    --ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.focus\:ring-primary-200\/30:focus {
    --ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/30 {
    --ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
}
.ring-primary-200\/35 {
    --ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.hover\:ring-primary-200\/35:hover {
    --ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.focus\:ring-primary-200\/35:focus {
    --ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/35 {
    --ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
}
.ring-primary-200\/40 {
    --ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.hover\:ring-primary-200\/40:hover {
    --ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.focus\:ring-primary-200\/40:focus {
    --ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/40 {
    --ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
}
.ring-primary-200\/45 {
    --ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.hover\:ring-primary-200\/45:hover {
    --ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.focus\:ring-primary-200\/45:focus {
    --ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/45 {
    --ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
}
.ring-primary-200\/50 {
    --ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.hover\:ring-primary-200\/50:hover {
    --ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.focus\:ring-primary-200\/50:focus {
    --ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/50 {
    --ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
}
.ring-primary-200\/55 {
    --ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.hover\:ring-primary-200\/55:hover {
    --ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.focus\:ring-primary-200\/55:focus {
    --ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/55 {
    --ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
}
.ring-primary-200\/60 {
    --ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.hover\:ring-primary-200\/60:hover {
    --ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.focus\:ring-primary-200\/60:focus {
    --ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/60 {
    --ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
}
.ring-primary-200\/65 {
    --ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.hover\:ring-primary-200\/65:hover {
    --ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.focus\:ring-primary-200\/65:focus {
    --ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/65 {
    --ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
}
.ring-primary-200\/70 {
    --ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.hover\:ring-primary-200\/70:hover {
    --ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.focus\:ring-primary-200\/70:focus {
    --ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/70 {
    --ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
}
.ring-primary-200\/75 {
    --ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.hover\:ring-primary-200\/75:hover {
    --ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.focus\:ring-primary-200\/75:focus {
    --ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/75 {
    --ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
}
.ring-primary-200\/80 {
    --ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.hover\:ring-primary-200\/80:hover {
    --ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.focus\:ring-primary-200\/80:focus {
    --ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/80 {
    --ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
}
.ring-primary-200\/85 {
    --ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.hover\:ring-primary-200\/85:hover {
    --ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.focus\:ring-primary-200\/85:focus {
    --ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/85 {
    --ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
}
.ring-primary-200\/90 {
    --ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.hover\:ring-primary-200\/90:hover {
    --ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.focus\:ring-primary-200\/90:focus {
    --ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/90 {
    --ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
}
.ring-primary-200\/95 {
    --ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.hover\:ring-primary-200\/95:hover {
    --ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.focus\:ring-primary-200\/95:focus {
    --ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-200\/95 {
    --ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-ring-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
}
.ring-primary-300\/5 {
    --ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.hover\:ring-primary-300\/5:hover {
    --ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.focus\:ring-primary-300\/5:focus {
    --ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/5 {
    --ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
}
.ring-primary-300\/10 {
    --ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.hover\:ring-primary-300\/10:hover {
    --ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.focus\:ring-primary-300\/10:focus {
    --ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/10 {
    --ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
}
.ring-primary-300\/15 {
    --ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.hover\:ring-primary-300\/15:hover {
    --ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.focus\:ring-primary-300\/15:focus {
    --ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/15 {
    --ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
}
.ring-primary-300\/20 {
    --ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.hover\:ring-primary-300\/20:hover {
    --ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.focus\:ring-primary-300\/20:focus {
    --ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/20 {
    --ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
}
.ring-primary-300\/25 {
    --ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.hover\:ring-primary-300\/25:hover {
    --ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.focus\:ring-primary-300\/25:focus {
    --ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/25 {
    --ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
}
.ring-primary-300\/30 {
    --ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.hover\:ring-primary-300\/30:hover {
    --ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.focus\:ring-primary-300\/30:focus {
    --ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/30 {
    --ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
}
.ring-primary-300\/35 {
    --ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.hover\:ring-primary-300\/35:hover {
    --ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.focus\:ring-primary-300\/35:focus {
    --ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/35 {
    --ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
}
.ring-primary-300\/40 {
    --ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.hover\:ring-primary-300\/40:hover {
    --ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.focus\:ring-primary-300\/40:focus {
    --ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/40 {
    --ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
}
.ring-primary-300\/45 {
    --ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.hover\:ring-primary-300\/45:hover {
    --ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.focus\:ring-primary-300\/45:focus {
    --ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/45 {
    --ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
}
.ring-primary-300\/50 {
    --ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.hover\:ring-primary-300\/50:hover {
    --ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.focus\:ring-primary-300\/50:focus {
    --ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/50 {
    --ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
}
.ring-primary-300\/55 {
    --ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.hover\:ring-primary-300\/55:hover {
    --ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.focus\:ring-primary-300\/55:focus {
    --ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/55 {
    --ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
}
.ring-primary-300\/60 {
    --ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.hover\:ring-primary-300\/60:hover {
    --ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.focus\:ring-primary-300\/60:focus {
    --ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/60 {
    --ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
}
.ring-primary-300\/65 {
    --ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.hover\:ring-primary-300\/65:hover {
    --ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.focus\:ring-primary-300\/65:focus {
    --ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/65 {
    --ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
}
.ring-primary-300\/70 {
    --ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.hover\:ring-primary-300\/70:hover {
    --ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.focus\:ring-primary-300\/70:focus {
    --ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/70 {
    --ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
}
.ring-primary-300\/75 {
    --ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.hover\:ring-primary-300\/75:hover {
    --ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.focus\:ring-primary-300\/75:focus {
    --ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/75 {
    --ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
}
.ring-primary-300\/80 {
    --ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.hover\:ring-primary-300\/80:hover {
    --ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.focus\:ring-primary-300\/80:focus {
    --ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/80 {
    --ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
}
.ring-primary-300\/85 {
    --ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.hover\:ring-primary-300\/85:hover {
    --ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.focus\:ring-primary-300\/85:focus {
    --ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/85 {
    --ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
}
.ring-primary-300\/90 {
    --ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.hover\:ring-primary-300\/90:hover {
    --ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.focus\:ring-primary-300\/90:focus {
    --ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/90 {
    --ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
}
.ring-primary-300\/95 {
    --ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.hover\:ring-primary-300\/95:hover {
    --ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.focus\:ring-primary-300\/95:focus {
    --ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-300\/95 {
    --ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-ring-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
}
.ring-primary-400\/5 {
    --ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.hover\:ring-primary-400\/5:hover {
    --ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.focus\:ring-primary-400\/5:focus {
    --ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/5 {
    --ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
}
.ring-primary-400\/10 {
    --ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.hover\:ring-primary-400\/10:hover {
    --ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.focus\:ring-primary-400\/10:focus {
    --ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/10 {
    --ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
}
.ring-primary-400\/15 {
    --ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.hover\:ring-primary-400\/15:hover {
    --ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.focus\:ring-primary-400\/15:focus {
    --ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/15 {
    --ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
}
.ring-primary-400\/20 {
    --ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.hover\:ring-primary-400\/20:hover {
    --ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.focus\:ring-primary-400\/20:focus {
    --ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/20 {
    --ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
}
.ring-primary-400\/25 {
    --ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.hover\:ring-primary-400\/25:hover {
    --ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.focus\:ring-primary-400\/25:focus {
    --ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/25 {
    --ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
}
.ring-primary-400\/30 {
    --ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.hover\:ring-primary-400\/30:hover {
    --ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.focus\:ring-primary-400\/30:focus {
    --ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/30 {
    --ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
}
.ring-primary-400\/35 {
    --ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.hover\:ring-primary-400\/35:hover {
    --ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.focus\:ring-primary-400\/35:focus {
    --ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/35 {
    --ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
}
.ring-primary-400\/40 {
    --ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.hover\:ring-primary-400\/40:hover {
    --ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.focus\:ring-primary-400\/40:focus {
    --ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/40 {
    --ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
}
.ring-primary-400\/45 {
    --ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.hover\:ring-primary-400\/45:hover {
    --ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.focus\:ring-primary-400\/45:focus {
    --ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/45 {
    --ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
}
.ring-primary-400\/50 {
    --ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.hover\:ring-primary-400\/50:hover {
    --ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.focus\:ring-primary-400\/50:focus {
    --ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/50 {
    --ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
}
.ring-primary-400\/55 {
    --ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.hover\:ring-primary-400\/55:hover {
    --ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.focus\:ring-primary-400\/55:focus {
    --ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/55 {
    --ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
}
.ring-primary-400\/60 {
    --ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.hover\:ring-primary-400\/60:hover {
    --ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.focus\:ring-primary-400\/60:focus {
    --ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/60 {
    --ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
}
.ring-primary-400\/65 {
    --ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.hover\:ring-primary-400\/65:hover {
    --ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.focus\:ring-primary-400\/65:focus {
    --ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/65 {
    --ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
}
.ring-primary-400\/70 {
    --ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.hover\:ring-primary-400\/70:hover {
    --ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.focus\:ring-primary-400\/70:focus {
    --ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/70 {
    --ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
}
.ring-primary-400\/75 {
    --ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.hover\:ring-primary-400\/75:hover {
    --ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.focus\:ring-primary-400\/75:focus {
    --ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/75 {
    --ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
}
.ring-primary-400\/80 {
    --ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.hover\:ring-primary-400\/80:hover {
    --ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.focus\:ring-primary-400\/80:focus {
    --ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/80 {
    --ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
}
.ring-primary-400\/85 {
    --ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.hover\:ring-primary-400\/85:hover {
    --ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.focus\:ring-primary-400\/85:focus {
    --ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/85 {
    --ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
}
.ring-primary-400\/90 {
    --ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.hover\:ring-primary-400\/90:hover {
    --ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.focus\:ring-primary-400\/90:focus {
    --ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/90 {
    --ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
}
.ring-primary-400\/95 {
    --ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.hover\:ring-primary-400\/95:hover {
    --ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.focus\:ring-primary-400\/95:focus {
    --ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-400\/95 {
    --ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-ring-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
}
.ring-primary-500\/5 {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.hover\:ring-primary-500\/5:hover {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.focus\:ring-primary-500\/5:focus {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/5 {
    --ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
}
.ring-primary-500\/10 {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.hover\:ring-primary-500\/10:hover {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.focus\:ring-primary-500\/10:focus {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/10 {
    --ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
}
.ring-primary-500\/15 {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.hover\:ring-primary-500\/15:hover {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.focus\:ring-primary-500\/15:focus {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/15 {
    --ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
}
.ring-primary-500\/20 {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.hover\:ring-primary-500\/20:hover {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.focus\:ring-primary-500\/20:focus {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/20 {
    --ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
}
.ring-primary-500\/25 {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.hover\:ring-primary-500\/25:hover {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.focus\:ring-primary-500\/25:focus {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/25 {
    --ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
}
.ring-primary-500\/30 {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.hover\:ring-primary-500\/30:hover {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.focus\:ring-primary-500\/30:focus {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/30 {
    --ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
}
.ring-primary-500\/35 {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.hover\:ring-primary-500\/35:hover {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.focus\:ring-primary-500\/35:focus {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/35 {
    --ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
}
.ring-primary-500\/40 {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.hover\:ring-primary-500\/40:hover {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.focus\:ring-primary-500\/40:focus {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/40 {
    --ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
}
.ring-primary-500\/45 {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.hover\:ring-primary-500\/45:hover {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.focus\:ring-primary-500\/45:focus {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/45 {
    --ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
}
.ring-primary-500\/50 {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.hover\:ring-primary-500\/50:hover {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.focus\:ring-primary-500\/50:focus {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/50 {
    --ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
}
.ring-primary-500\/55 {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.hover\:ring-primary-500\/55:hover {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.focus\:ring-primary-500\/55:focus {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/55 {
    --ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
}
.ring-primary-500\/60 {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.hover\:ring-primary-500\/60:hover {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.focus\:ring-primary-500\/60:focus {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/60 {
    --ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
}
.ring-primary-500\/65 {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.hover\:ring-primary-500\/65:hover {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.focus\:ring-primary-500\/65:focus {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/65 {
    --ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
}
.ring-primary-500\/70 {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.hover\:ring-primary-500\/70:hover {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.focus\:ring-primary-500\/70:focus {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/70 {
    --ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
}
.ring-primary-500\/75 {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.hover\:ring-primary-500\/75:hover {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.focus\:ring-primary-500\/75:focus {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/75 {
    --ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
}
.ring-primary-500\/80 {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.hover\:ring-primary-500\/80:hover {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.focus\:ring-primary-500\/80:focus {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/80 {
    --ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
}
.ring-primary-500\/85 {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.hover\:ring-primary-500\/85:hover {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.focus\:ring-primary-500\/85:focus {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/85 {
    --ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
}
.ring-primary-500\/90 {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.hover\:ring-primary-500\/90:hover {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.focus\:ring-primary-500\/90:focus {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/90 {
    --ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
}
.ring-primary-500\/95 {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.hover\:ring-primary-500\/95:hover {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.focus\:ring-primary-500\/95:focus {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-500\/95 {
    --ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-ring-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
}
.ring-primary-600\/5 {
    --ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.hover\:ring-primary-600\/5:hover {
    --ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.focus\:ring-primary-600\/5:focus {
    --ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/5 {
    --ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 5%, transparent);
    }
}
.ring-primary-600\/10 {
    --ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.hover\:ring-primary-600\/10:hover {
    --ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.focus\:ring-primary-600\/10:focus {
    --ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/10 {
    --ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 10%, transparent);
    }
}
.ring-primary-600\/15 {
    --ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.hover\:ring-primary-600\/15:hover {
    --ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.focus\:ring-primary-600\/15:focus {
    --ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/15 {
    --ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 15%, transparent);
    }
}
.ring-primary-600\/20 {
    --ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.hover\:ring-primary-600\/20:hover {
    --ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.focus\:ring-primary-600\/20:focus {
    --ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/20 {
    --ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 20%, transparent);
    }
}
.ring-primary-600\/25 {
    --ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.hover\:ring-primary-600\/25:hover {
    --ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.focus\:ring-primary-600\/25:focus {
    --ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/25 {
    --ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 25%, transparent);
    }
}
.ring-primary-600\/30 {
    --ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.hover\:ring-primary-600\/30:hover {
    --ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.focus\:ring-primary-600\/30:focus {
    --ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/30 {
    --ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 30%, transparent);
    }
}
.ring-primary-600\/35 {
    --ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.hover\:ring-primary-600\/35:hover {
    --ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.focus\:ring-primary-600\/35:focus {
    --ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/35 {
    --ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 35%, transparent);
    }
}
.ring-primary-600\/40 {
    --ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.hover\:ring-primary-600\/40:hover {
    --ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.focus\:ring-primary-600\/40:focus {
    --ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/40 {
    --ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 40%, transparent);
    }
}
.ring-primary-600\/45 {
    --ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.hover\:ring-primary-600\/45:hover {
    --ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.focus\:ring-primary-600\/45:focus {
    --ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/45 {
    --ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 45%, transparent);
    }
}
.ring-primary-600\/50 {
    --ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.hover\:ring-primary-600\/50:hover {
    --ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.focus\:ring-primary-600\/50:focus {
    --ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/50 {
    --ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 50%, transparent);
    }
}
.ring-primary-600\/55 {
    --ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.hover\:ring-primary-600\/55:hover {
    --ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.focus\:ring-primary-600\/55:focus {
    --ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/55 {
    --ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 55%, transparent);
    }
}
.ring-primary-600\/60 {
    --ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.hover\:ring-primary-600\/60:hover {
    --ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.focus\:ring-primary-600\/60:focus {
    --ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/60 {
    --ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 60%, transparent);
    }
}
.ring-primary-600\/65 {
    --ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.hover\:ring-primary-600\/65:hover {
    --ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.focus\:ring-primary-600\/65:focus {
    --ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/65 {
    --ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 65%, transparent);
    }
}
.ring-primary-600\/70 {
    --ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.hover\:ring-primary-600\/70:hover {
    --ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.focus\:ring-primary-600\/70:focus {
    --ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/70 {
    --ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 70%, transparent);
    }
}
.ring-primary-600\/75 {
    --ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.hover\:ring-primary-600\/75:hover {
    --ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.focus\:ring-primary-600\/75:focus {
    --ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/75 {
    --ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 75%, transparent);
    }
}
.ring-primary-600\/80 {
    --ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.hover\:ring-primary-600\/80:hover {
    --ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.focus\:ring-primary-600\/80:focus {
    --ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/80 {
    --ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 80%, transparent);
    }
}
.ring-primary-600\/85 {
    --ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.hover\:ring-primary-600\/85:hover {
    --ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.focus\:ring-primary-600\/85:focus {
    --ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/85 {
    --ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 85%, transparent);
    }
}
.ring-primary-600\/90 {
    --ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.hover\:ring-primary-600\/90:hover {
    --ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.focus\:ring-primary-600\/90:focus {
    --ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/90 {
    --ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 90%, transparent);
    }
}
.ring-primary-600\/95 {
    --ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.hover\:ring-primary-600\/95:hover {
    --ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.focus\:ring-primary-600\/95:focus {
    --ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-600\/95 {
    --ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-ring-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #01959c 95%, transparent);
    }
}
.ring-primary-700\/5 {
    --ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.hover\:ring-primary-700\/5:hover {
    --ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.focus\:ring-primary-700\/5:focus {
    --ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/5 {
    --ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 5%, transparent);
    }
}
.ring-primary-700\/10 {
    --ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.hover\:ring-primary-700\/10:hover {
    --ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.focus\:ring-primary-700\/10:focus {
    --ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/10 {
    --ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 10%, transparent);
    }
}
.ring-primary-700\/15 {
    --ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.hover\:ring-primary-700\/15:hover {
    --ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.focus\:ring-primary-700\/15:focus {
    --ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/15 {
    --ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 15%, transparent);
    }
}
.ring-primary-700\/20 {
    --ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.hover\:ring-primary-700\/20:hover {
    --ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.focus\:ring-primary-700\/20:focus {
    --ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/20 {
    --ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 20%, transparent);
    }
}
.ring-primary-700\/25 {
    --ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.hover\:ring-primary-700\/25:hover {
    --ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.focus\:ring-primary-700\/25:focus {
    --ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/25 {
    --ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 25%, transparent);
    }
}
.ring-primary-700\/30 {
    --ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.hover\:ring-primary-700\/30:hover {
    --ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.focus\:ring-primary-700\/30:focus {
    --ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/30 {
    --ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 30%, transparent);
    }
}
.ring-primary-700\/35 {
    --ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.hover\:ring-primary-700\/35:hover {
    --ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.focus\:ring-primary-700\/35:focus {
    --ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/35 {
    --ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 35%, transparent);
    }
}
.ring-primary-700\/40 {
    --ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.hover\:ring-primary-700\/40:hover {
    --ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.focus\:ring-primary-700\/40:focus {
    --ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/40 {
    --ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 40%, transparent);
    }
}
.ring-primary-700\/45 {
    --ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.hover\:ring-primary-700\/45:hover {
    --ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.focus\:ring-primary-700\/45:focus {
    --ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/45 {
    --ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 45%, transparent);
    }
}
.ring-primary-700\/50 {
    --ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.hover\:ring-primary-700\/50:hover {
    --ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.focus\:ring-primary-700\/50:focus {
    --ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/50 {
    --ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 50%, transparent);
    }
}
.ring-primary-700\/55 {
    --ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.hover\:ring-primary-700\/55:hover {
    --ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.focus\:ring-primary-700\/55:focus {
    --ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/55 {
    --ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 55%, transparent);
    }
}
.ring-primary-700\/60 {
    --ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.hover\:ring-primary-700\/60:hover {
    --ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.focus\:ring-primary-700\/60:focus {
    --ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/60 {
    --ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 60%, transparent);
    }
}
.ring-primary-700\/65 {
    --ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.hover\:ring-primary-700\/65:hover {
    --ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.focus\:ring-primary-700\/65:focus {
    --ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/65 {
    --ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 65%, transparent);
    }
}
.ring-primary-700\/70 {
    --ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.hover\:ring-primary-700\/70:hover {
    --ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.focus\:ring-primary-700\/70:focus {
    --ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/70 {
    --ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 70%, transparent);
    }
}
.ring-primary-700\/75 {
    --ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.hover\:ring-primary-700\/75:hover {
    --ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.focus\:ring-primary-700\/75:focus {
    --ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/75 {
    --ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 75%, transparent);
    }
}
.ring-primary-700\/80 {
    --ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.hover\:ring-primary-700\/80:hover {
    --ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.focus\:ring-primary-700\/80:focus {
    --ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/80 {
    --ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 80%, transparent);
    }
}
.ring-primary-700\/85 {
    --ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.hover\:ring-primary-700\/85:hover {
    --ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.focus\:ring-primary-700\/85:focus {
    --ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/85 {
    --ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 85%, transparent);
    }
}
.ring-primary-700\/90 {
    --ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.hover\:ring-primary-700\/90:hover {
    --ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.focus\:ring-primary-700\/90:focus {
    --ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/90 {
    --ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 90%, transparent);
    }
}
.ring-primary-700\/95 {
    --ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.hover\:ring-primary-700\/95:hover {
    --ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.focus\:ring-primary-700\/95:focus {
    --ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-700\/95 {
    --ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-ring-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #017a80 95%, transparent);
    }
}
.ring-primary-800\/5 {
    --ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.hover\:ring-primary-800\/5:hover {
    --ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.focus\:ring-primary-800\/5:focus {
    --ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/5 {
    --ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 5%, transparent);
    }
}
.ring-primary-800\/10 {
    --ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.hover\:ring-primary-800\/10:hover {
    --ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.focus\:ring-primary-800\/10:focus {
    --ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/10 {
    --ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 10%, transparent);
    }
}
.ring-primary-800\/15 {
    --ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.hover\:ring-primary-800\/15:hover {
    --ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.focus\:ring-primary-800\/15:focus {
    --ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/15 {
    --ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 15%, transparent);
    }
}
.ring-primary-800\/20 {
    --ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.hover\:ring-primary-800\/20:hover {
    --ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.focus\:ring-primary-800\/20:focus {
    --ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/20 {
    --ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 20%, transparent);
    }
}
.ring-primary-800\/25 {
    --ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.hover\:ring-primary-800\/25:hover {
    --ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.focus\:ring-primary-800\/25:focus {
    --ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/25 {
    --ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 25%, transparent);
    }
}
.ring-primary-800\/30 {
    --ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.hover\:ring-primary-800\/30:hover {
    --ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.focus\:ring-primary-800\/30:focus {
    --ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/30 {
    --ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 30%, transparent);
    }
}
.ring-primary-800\/35 {
    --ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.hover\:ring-primary-800\/35:hover {
    --ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.focus\:ring-primary-800\/35:focus {
    --ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/35 {
    --ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 35%, transparent);
    }
}
.ring-primary-800\/40 {
    --ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.hover\:ring-primary-800\/40:hover {
    --ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.focus\:ring-primary-800\/40:focus {
    --ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/40 {
    --ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 40%, transparent);
    }
}
.ring-primary-800\/45 {
    --ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.hover\:ring-primary-800\/45:hover {
    --ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.focus\:ring-primary-800\/45:focus {
    --ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/45 {
    --ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 45%, transparent);
    }
}
.ring-primary-800\/50 {
    --ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.hover\:ring-primary-800\/50:hover {
    --ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.focus\:ring-primary-800\/50:focus {
    --ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/50 {
    --ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 50%, transparent);
    }
}
.ring-primary-800\/55 {
    --ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.hover\:ring-primary-800\/55:hover {
    --ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.focus\:ring-primary-800\/55:focus {
    --ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/55 {
    --ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 55%, transparent);
    }
}
.ring-primary-800\/60 {
    --ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.hover\:ring-primary-800\/60:hover {
    --ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.focus\:ring-primary-800\/60:focus {
    --ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/60 {
    --ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 60%, transparent);
    }
}
.ring-primary-800\/65 {
    --ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.hover\:ring-primary-800\/65:hover {
    --ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.focus\:ring-primary-800\/65:focus {
    --ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/65 {
    --ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 65%, transparent);
    }
}
.ring-primary-800\/70 {
    --ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.hover\:ring-primary-800\/70:hover {
    --ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.focus\:ring-primary-800\/70:focus {
    --ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/70 {
    --ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 70%, transparent);
    }
}
.ring-primary-800\/75 {
    --ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.hover\:ring-primary-800\/75:hover {
    --ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.focus\:ring-primary-800\/75:focus {
    --ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/75 {
    --ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 75%, transparent);
    }
}
.ring-primary-800\/80 {
    --ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.hover\:ring-primary-800\/80:hover {
    --ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.focus\:ring-primary-800\/80:focus {
    --ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/80 {
    --ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 80%, transparent);
    }
}
.ring-primary-800\/85 {
    --ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.hover\:ring-primary-800\/85:hover {
    --ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.focus\:ring-primary-800\/85:focus {
    --ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/85 {
    --ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 85%, transparent);
    }
}
.ring-primary-800\/90 {
    --ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.hover\:ring-primary-800\/90:hover {
    --ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.focus\:ring-primary-800\/90:focus {
    --ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/90 {
    --ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 90%, transparent);
    }
}
.ring-primary-800\/95 {
    --ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.hover\:ring-primary-800\/95:hover {
    --ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.focus\:ring-primary-800\/95:focus {
    --ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-800\/95 {
    --ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-ring-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #005d61 95%, transparent);
    }
}
.ring-primary-900\/5 {
    --ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.hover\:ring-primary-900\/5:hover {
    --ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.focus\:ring-primary-900\/5:focus {
    --ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/5 {
    --ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
}
.ring-primary-900\/10 {
    --ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.hover\:ring-primary-900\/10:hover {
    --ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.focus\:ring-primary-900\/10:focus {
    --ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/10 {
    --ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
}
.ring-primary-900\/15 {
    --ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.hover\:ring-primary-900\/15:hover {
    --ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.focus\:ring-primary-900\/15:focus {
    --ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/15 {
    --ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
}
.ring-primary-900\/20 {
    --ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.hover\:ring-primary-900\/20:hover {
    --ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.focus\:ring-primary-900\/20:focus {
    --ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/20 {
    --ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
}
.ring-primary-900\/25 {
    --ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.hover\:ring-primary-900\/25:hover {
    --ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.focus\:ring-primary-900\/25:focus {
    --ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/25 {
    --ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
}
.ring-primary-900\/30 {
    --ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.hover\:ring-primary-900\/30:hover {
    --ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.focus\:ring-primary-900\/30:focus {
    --ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/30 {
    --ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
}
.ring-primary-900\/35 {
    --ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.hover\:ring-primary-900\/35:hover {
    --ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.focus\:ring-primary-900\/35:focus {
    --ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/35 {
    --ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
}
.ring-primary-900\/40 {
    --ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.hover\:ring-primary-900\/40:hover {
    --ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.focus\:ring-primary-900\/40:focus {
    --ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/40 {
    --ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
}
.ring-primary-900\/45 {
    --ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.hover\:ring-primary-900\/45:hover {
    --ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.focus\:ring-primary-900\/45:focus {
    --ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/45 {
    --ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
}
.ring-primary-900\/50 {
    --ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.hover\:ring-primary-900\/50:hover {
    --ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.focus\:ring-primary-900\/50:focus {
    --ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/50 {
    --ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
}
.ring-primary-900\/55 {
    --ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.hover\:ring-primary-900\/55:hover {
    --ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.focus\:ring-primary-900\/55:focus {
    --ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/55 {
    --ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
}
.ring-primary-900\/60 {
    --ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.hover\:ring-primary-900\/60:hover {
    --ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.focus\:ring-primary-900\/60:focus {
    --ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/60 {
    --ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
}
.ring-primary-900\/65 {
    --ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.hover\:ring-primary-900\/65:hover {
    --ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.focus\:ring-primary-900\/65:focus {
    --ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/65 {
    --ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
}
.ring-primary-900\/70 {
    --ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.hover\:ring-primary-900\/70:hover {
    --ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.focus\:ring-primary-900\/70:focus {
    --ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/70 {
    --ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
}
.ring-primary-900\/75 {
    --ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.hover\:ring-primary-900\/75:hover {
    --ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.focus\:ring-primary-900\/75:focus {
    --ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/75 {
    --ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
}
.ring-primary-900\/80 {
    --ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.hover\:ring-primary-900\/80:hover {
    --ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.focus\:ring-primary-900\/80:focus {
    --ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/80 {
    --ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
}
.ring-primary-900\/85 {
    --ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.hover\:ring-primary-900\/85:hover {
    --ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.focus\:ring-primary-900\/85:focus {
    --ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/85 {
    --ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
}
.ring-primary-900\/90 {
    --ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.hover\:ring-primary-900\/90:hover {
    --ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.focus\:ring-primary-900\/90:focus {
    --ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/90 {
    --ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
}
.ring-primary-900\/95 {
    --ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.hover\:ring-primary-900\/95:hover {
    --ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.focus\:ring-primary-900\/95:focus {
    --ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.group:hover .group-hover\:ring-primary-900\/95 {
    --ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-ring-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
}
.shadow-primary-50\/5 {
    --tw-shadow-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/5:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/5:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/5 {
    --tw-shadow-color: rgba(227, 246, 247, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/10 {
    --tw-shadow-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/10:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/10:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/10 {
    --tw-shadow-color: rgba(227, 246, 247, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/15 {
    --tw-shadow-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/15:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/15:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/15 {
    --tw-shadow-color: rgba(227, 246, 247, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/20 {
    --tw-shadow-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/20:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/20:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/20 {
    --tw-shadow-color: rgba(227, 246, 247, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/25 {
    --tw-shadow-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/25:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/25:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/25 {
    --tw-shadow-color: rgba(227, 246, 247, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/30 {
    --tw-shadow-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/30:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/30:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/30 {
    --tw-shadow-color: rgba(227, 246, 247, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/35 {
    --tw-shadow-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/35:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/35:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/35 {
    --tw-shadow-color: rgba(227, 246, 247, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/40 {
    --tw-shadow-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/40:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/40:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/40 {
    --tw-shadow-color: rgba(227, 246, 247, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/45 {
    --tw-shadow-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/45:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/45:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/45 {
    --tw-shadow-color: rgba(227, 246, 247, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/50 {
    --tw-shadow-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/50:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/50:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/50 {
    --tw-shadow-color: rgba(227, 246, 247, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/55 {
    --tw-shadow-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/55:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/55:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/55 {
    --tw-shadow-color: rgba(227, 246, 247, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/60 {
    --tw-shadow-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/60:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/60:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/60 {
    --tw-shadow-color: rgba(227, 246, 247, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/65 {
    --tw-shadow-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/65:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/65:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/65 {
    --tw-shadow-color: rgba(227, 246, 247, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/70 {
    --tw-shadow-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/70:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/70:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/70 {
    --tw-shadow-color: rgba(227, 246, 247, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/75 {
    --tw-shadow-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/75:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/75:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/75 {
    --tw-shadow-color: rgba(227, 246, 247, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/80 {
    --tw-shadow-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/80:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/80:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/80 {
    --tw-shadow-color: rgba(227, 246, 247, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/85 {
    --tw-shadow-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/85:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/85:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/85 {
    --tw-shadow-color: rgba(227, 246, 247, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/90 {
    --tw-shadow-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/90:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/90:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/90 {
    --tw-shadow-color: rgba(227, 246, 247, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-50\/95 {
    --tw-shadow-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-50\/95:hover {
    --tw-shadow-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-50\/95:focus {
    --tw-shadow-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-50\/95 {
    --tw-shadow-color: rgba(227, 246, 247, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #e3f6f7 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/5 {
    --tw-shadow-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/5:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/5:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/5 {
    --tw-shadow-color: rgba(198, 246, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/10 {
    --tw-shadow-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/10:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/10:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/10 {
    --tw-shadow-color: rgba(198, 246, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/15 {
    --tw-shadow-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/15:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/15:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/15 {
    --tw-shadow-color: rgba(198, 246, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/20 {
    --tw-shadow-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/20:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/20:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/20 {
    --tw-shadow-color: rgba(198, 246, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/25 {
    --tw-shadow-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/25:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/25:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/25 {
    --tw-shadow-color: rgba(198, 246, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/30 {
    --tw-shadow-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/30:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/30:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/30 {
    --tw-shadow-color: rgba(198, 246, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/35 {
    --tw-shadow-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/35:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/35:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/35 {
    --tw-shadow-color: rgba(198, 246, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/40 {
    --tw-shadow-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/40:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/40:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/40 {
    --tw-shadow-color: rgba(198, 246, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/45 {
    --tw-shadow-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/45:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/45:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/45 {
    --tw-shadow-color: rgba(198, 246, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/50 {
    --tw-shadow-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/50:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/50:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/50 {
    --tw-shadow-color: rgba(198, 246, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/55 {
    --tw-shadow-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/55:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/55:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/55 {
    --tw-shadow-color: rgba(198, 246, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/60 {
    --tw-shadow-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/60:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/60:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/60 {
    --tw-shadow-color: rgba(198, 246, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/65 {
    --tw-shadow-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/65:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/65:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/65 {
    --tw-shadow-color: rgba(198, 246, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/70 {
    --tw-shadow-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/70:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/70:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/70 {
    --tw-shadow-color: rgba(198, 246, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/75 {
    --tw-shadow-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/75:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/75:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/75 {
    --tw-shadow-color: rgba(198, 246, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/80 {
    --tw-shadow-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/80:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/80:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/80 {
    --tw-shadow-color: rgba(198, 246, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/85 {
    --tw-shadow-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/85:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/85:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/85 {
    --tw-shadow-color: rgba(198, 246, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/90 {
    --tw-shadow-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/90:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/90:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/90 {
    --tw-shadow-color: rgba(198, 246, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-100\/95 {
    --tw-shadow-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-100\/95:hover {
    --tw-shadow-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-100\/95:focus {
    --tw-shadow-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-100\/95 {
    --tw-shadow-color: rgba(198, 246, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #c6f6f9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/5 {
    --tw-shadow-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/5:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/5:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/5 {
    --tw-shadow-color: rgba(145, 241, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/10 {
    --tw-shadow-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/10:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/10:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/10 {
    --tw-shadow-color: rgba(145, 241, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/15 {
    --tw-shadow-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/15:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/15:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/15 {
    --tw-shadow-color: rgba(145, 241, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/20 {
    --tw-shadow-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/20:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/20:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/20 {
    --tw-shadow-color: rgba(145, 241, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/25 {
    --tw-shadow-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/25:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/25:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/25 {
    --tw-shadow-color: rgba(145, 241, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/30 {
    --tw-shadow-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/30:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/30:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/30 {
    --tw-shadow-color: rgba(145, 241, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/35 {
    --tw-shadow-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/35:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/35:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/35 {
    --tw-shadow-color: rgba(145, 241, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/40 {
    --tw-shadow-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/40:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/40:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/40 {
    --tw-shadow-color: rgba(145, 241, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/45 {
    --tw-shadow-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/45:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/45:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/45 {
    --tw-shadow-color: rgba(145, 241, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/50 {
    --tw-shadow-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/50:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/50:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/50 {
    --tw-shadow-color: rgba(145, 241, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/55 {
    --tw-shadow-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/55:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/55:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/55 {
    --tw-shadow-color: rgba(145, 241, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/60 {
    --tw-shadow-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/60:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/60:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/60 {
    --tw-shadow-color: rgba(145, 241, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/65 {
    --tw-shadow-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/65:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/65:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/65 {
    --tw-shadow-color: rgba(145, 241, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/70 {
    --tw-shadow-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/70:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/70:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/70 {
    --tw-shadow-color: rgba(145, 241, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/75 {
    --tw-shadow-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/75:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/75:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/75 {
    --tw-shadow-color: rgba(145, 241, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/80 {
    --tw-shadow-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/80:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/80:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/80 {
    --tw-shadow-color: rgba(145, 241, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/85 {
    --tw-shadow-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/85:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/85:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/85 {
    --tw-shadow-color: rgba(145, 241, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/90 {
    --tw-shadow-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/90:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/90:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/90 {
    --tw-shadow-color: rgba(145, 241, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200\/95 {
    --tw-shadow-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-200\/95:hover {
    --tw-shadow-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-200\/95:focus {
    --tw-shadow-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-200\/95 {
    --tw-shadow-color: rgba(145, 241, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #91f1f6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/5 {
    --tw-shadow-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/5:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/5:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/5 {
    --tw-shadow-color: rgba(85, 239, 246, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/10 {
    --tw-shadow-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/10:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/10:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/10 {
    --tw-shadow-color: rgba(85, 239, 246, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/15 {
    --tw-shadow-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/15:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/15:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/15 {
    --tw-shadow-color: rgba(85, 239, 246, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/20 {
    --tw-shadow-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/20:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/20:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/20 {
    --tw-shadow-color: rgba(85, 239, 246, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/25 {
    --tw-shadow-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/25:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/25:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/25 {
    --tw-shadow-color: rgba(85, 239, 246, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/30 {
    --tw-shadow-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/30:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/30:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/30 {
    --tw-shadow-color: rgba(85, 239, 246, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/35 {
    --tw-shadow-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/35:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/35:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/35 {
    --tw-shadow-color: rgba(85, 239, 246, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/40 {
    --tw-shadow-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/40:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/40:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/40 {
    --tw-shadow-color: rgba(85, 239, 246, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/45 {
    --tw-shadow-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/45:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/45:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/45 {
    --tw-shadow-color: rgba(85, 239, 246, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/50 {
    --tw-shadow-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/50:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/50:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/50 {
    --tw-shadow-color: rgba(85, 239, 246, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/55 {
    --tw-shadow-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/55:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/55:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/55 {
    --tw-shadow-color: rgba(85, 239, 246, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/60 {
    --tw-shadow-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/60:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/60:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/60 {
    --tw-shadow-color: rgba(85, 239, 246, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/65 {
    --tw-shadow-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/65:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/65:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/65 {
    --tw-shadow-color: rgba(85, 239, 246, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/70 {
    --tw-shadow-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/70:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/70:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/70 {
    --tw-shadow-color: rgba(85, 239, 246, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/75 {
    --tw-shadow-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/75:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/75:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/75 {
    --tw-shadow-color: rgba(85, 239, 246, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/80 {
    --tw-shadow-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/80:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/80:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/80 {
    --tw-shadow-color: rgba(85, 239, 246, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/85 {
    --tw-shadow-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/85:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/85:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/85 {
    --tw-shadow-color: rgba(85, 239, 246, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/90 {
    --tw-shadow-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/90:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/90:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/90 {
    --tw-shadow-color: rgba(85, 239, 246, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-300\/95 {
    --tw-shadow-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-300\/95:hover {
    --tw-shadow-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-300\/95:focus {
    --tw-shadow-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-300\/95 {
    --tw-shadow-color: rgba(85, 239, 246, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #55eff6 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/5 {
    --tw-shadow-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/5:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/5:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/5 {
    --tw-shadow-color: rgba(16, 238, 249, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/10 {
    --tw-shadow-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/10:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/10:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/10 {
    --tw-shadow-color: rgba(16, 238, 249, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/15 {
    --tw-shadow-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/15:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/15:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/15 {
    --tw-shadow-color: rgba(16, 238, 249, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/20 {
    --tw-shadow-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/20:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/20:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/20 {
    --tw-shadow-color: rgba(16, 238, 249, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/25 {
    --tw-shadow-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/25:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/25:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/25 {
    --tw-shadow-color: rgba(16, 238, 249, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/30 {
    --tw-shadow-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/30:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/30:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/30 {
    --tw-shadow-color: rgba(16, 238, 249, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/35 {
    --tw-shadow-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/35:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/35:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/35 {
    --tw-shadow-color: rgba(16, 238, 249, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/40 {
    --tw-shadow-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/40:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/40:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/40 {
    --tw-shadow-color: rgba(16, 238, 249, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/45 {
    --tw-shadow-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/45:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/45:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/45 {
    --tw-shadow-color: rgba(16, 238, 249, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/50 {
    --tw-shadow-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/50:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/50:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/50 {
    --tw-shadow-color: rgba(16, 238, 249, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/55 {
    --tw-shadow-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/55:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/55:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/55 {
    --tw-shadow-color: rgba(16, 238, 249, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/60 {
    --tw-shadow-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/60:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/60:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/60 {
    --tw-shadow-color: rgba(16, 238, 249, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/65 {
    --tw-shadow-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/65:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/65:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/65 {
    --tw-shadow-color: rgba(16, 238, 249, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/70 {
    --tw-shadow-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/70:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/70:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/70 {
    --tw-shadow-color: rgba(16, 238, 249, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/75 {
    --tw-shadow-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/75:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/75:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/75 {
    --tw-shadow-color: rgba(16, 238, 249, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/80 {
    --tw-shadow-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/80:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/80:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/80 {
    --tw-shadow-color: rgba(16, 238, 249, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/85 {
    --tw-shadow-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/85:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/85:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/85 {
    --tw-shadow-color: rgba(16, 238, 249, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/90 {
    --tw-shadow-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/90:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/90:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/90 {
    --tw-shadow-color: rgba(16, 238, 249, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-400\/95 {
    --tw-shadow-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-400\/95:hover {
    --tw-shadow-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-400\/95:focus {
    --tw-shadow-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-400\/95 {
    --tw-shadow-color: rgba(16, 238, 249, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #10eef9 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/5 {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/5:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/5:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/5 {
    --tw-shadow-color: rgba(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/10 {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/10:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/10:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/10 {
    --tw-shadow-color: rgba(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/15 {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/15:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/15:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/15 {
    --tw-shadow-color: rgba(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/20 {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/20:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/20:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/20 {
    --tw-shadow-color: rgba(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/25 {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/25:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/25:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/25 {
    --tw-shadow-color: rgba(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/30 {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/30:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/30:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/30 {
    --tw-shadow-color: rgba(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/35 {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/35:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/35:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/35 {
    --tw-shadow-color: rgba(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/40 {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/40:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/40:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/40 {
    --tw-shadow-color: rgba(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/45 {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/45:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/45:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/45 {
    --tw-shadow-color: rgba(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/50 {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/50:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/50:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/50 {
    --tw-shadow-color: rgba(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/55 {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/55:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/55:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/55 {
    --tw-shadow-color: rgba(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/60 {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/60:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/60:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/60 {
    --tw-shadow-color: rgba(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/65 {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/65:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/65:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/65 {
    --tw-shadow-color: rgba(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/70 {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/70:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/70:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/70 {
    --tw-shadow-color: rgba(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/75 {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/75:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/75:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/75 {
    --tw-shadow-color: rgba(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/80 {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/80:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/80:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/80 {
    --tw-shadow-color: rgba(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/85 {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/85:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/85:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/85 {
    --tw-shadow-color: rgba(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/90 {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/90:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/90:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/90 {
    --tw-shadow-color: rgba(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/95 {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/95:hover {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-500\/95:focus {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-500\/95 {
    --tw-shadow-color: rgba(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #00a8b0 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/5 {
    --tw-shadow-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/5:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/5:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/5 {
    --tw-shadow-color: rgba(1, 149, 156, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/10 {
    --tw-shadow-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/10:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/10:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/10 {
    --tw-shadow-color: rgba(1, 149, 156, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/15 {
    --tw-shadow-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/15:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/15:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/15 {
    --tw-shadow-color: rgba(1, 149, 156, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/20 {
    --tw-shadow-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/20:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/20:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/20 {
    --tw-shadow-color: rgba(1, 149, 156, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/25 {
    --tw-shadow-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/25:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/25:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/25 {
    --tw-shadow-color: rgba(1, 149, 156, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/30 {
    --tw-shadow-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/30:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/30:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/30 {
    --tw-shadow-color: rgba(1, 149, 156, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/35 {
    --tw-shadow-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/35:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/35:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/35 {
    --tw-shadow-color: rgba(1, 149, 156, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/40 {
    --tw-shadow-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/40:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/40:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/40 {
    --tw-shadow-color: rgba(1, 149, 156, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/45 {
    --tw-shadow-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/45:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/45:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/45 {
    --tw-shadow-color: rgba(1, 149, 156, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/50 {
    --tw-shadow-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/50:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/50:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/50 {
    --tw-shadow-color: rgba(1, 149, 156, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/55 {
    --tw-shadow-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/55:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/55:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/55 {
    --tw-shadow-color: rgba(1, 149, 156, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/60 {
    --tw-shadow-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/60:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/60:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/60 {
    --tw-shadow-color: rgba(1, 149, 156, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/65 {
    --tw-shadow-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/65:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/65:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/65 {
    --tw-shadow-color: rgba(1, 149, 156, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/70 {
    --tw-shadow-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/70:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/70:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/70 {
    --tw-shadow-color: rgba(1, 149, 156, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/75 {
    --tw-shadow-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/75:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/75:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/75 {
    --tw-shadow-color: rgba(1, 149, 156, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/80 {
    --tw-shadow-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/80:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/80:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/80 {
    --tw-shadow-color: rgba(1, 149, 156, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/85 {
    --tw-shadow-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/85:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/85:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/85 {
    --tw-shadow-color: rgba(1, 149, 156, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/90 {
    --tw-shadow-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/90:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/90:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/90 {
    --tw-shadow-color: rgba(1, 149, 156, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-600\/95 {
    --tw-shadow-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-600\/95:hover {
    --tw-shadow-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-600\/95:focus {
    --tw-shadow-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-600\/95 {
    --tw-shadow-color: rgba(1, 149, 156, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #01959c 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/5 {
    --tw-shadow-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/5:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/5:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/5 {
    --tw-shadow-color: rgba(1, 122, 128, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/10 {
    --tw-shadow-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/10:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/10:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/10 {
    --tw-shadow-color: rgba(1, 122, 128, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/15 {
    --tw-shadow-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/15:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/15:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/15 {
    --tw-shadow-color: rgba(1, 122, 128, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/20 {
    --tw-shadow-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/20:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/20:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/20 {
    --tw-shadow-color: rgba(1, 122, 128, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/25 {
    --tw-shadow-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/25:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/25:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/25 {
    --tw-shadow-color: rgba(1, 122, 128, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/30 {
    --tw-shadow-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/30:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/30:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/30 {
    --tw-shadow-color: rgba(1, 122, 128, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/35 {
    --tw-shadow-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/35:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/35:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/35 {
    --tw-shadow-color: rgba(1, 122, 128, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/40 {
    --tw-shadow-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/40:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/40:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/40 {
    --tw-shadow-color: rgba(1, 122, 128, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/45 {
    --tw-shadow-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/45:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/45:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/45 {
    --tw-shadow-color: rgba(1, 122, 128, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/50 {
    --tw-shadow-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/50:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/50:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/50 {
    --tw-shadow-color: rgba(1, 122, 128, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/55 {
    --tw-shadow-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/55:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/55:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/55 {
    --tw-shadow-color: rgba(1, 122, 128, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/60 {
    --tw-shadow-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/60:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/60:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/60 {
    --tw-shadow-color: rgba(1, 122, 128, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/65 {
    --tw-shadow-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/65:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/65:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/65 {
    --tw-shadow-color: rgba(1, 122, 128, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/70 {
    --tw-shadow-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/70:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/70:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/70 {
    --tw-shadow-color: rgba(1, 122, 128, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/75 {
    --tw-shadow-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/75:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/75:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/75 {
    --tw-shadow-color: rgba(1, 122, 128, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/80 {
    --tw-shadow-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/80:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/80:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/80 {
    --tw-shadow-color: rgba(1, 122, 128, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/85 {
    --tw-shadow-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/85:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/85:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/85 {
    --tw-shadow-color: rgba(1, 122, 128, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/90 {
    --tw-shadow-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/90:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/90:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/90 {
    --tw-shadow-color: rgba(1, 122, 128, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-700\/95 {
    --tw-shadow-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-700\/95:hover {
    --tw-shadow-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-700\/95:focus {
    --tw-shadow-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-700\/95 {
    --tw-shadow-color: rgba(1, 122, 128, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #017a80 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/5 {
    --tw-shadow-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/5:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/5:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/5 {
    --tw-shadow-color: rgba(0, 93, 97, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/10 {
    --tw-shadow-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/10:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/10:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/10 {
    --tw-shadow-color: rgba(0, 93, 97, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/15 {
    --tw-shadow-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/15:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/15:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/15 {
    --tw-shadow-color: rgba(0, 93, 97, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/20 {
    --tw-shadow-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/20:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/20:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/20 {
    --tw-shadow-color: rgba(0, 93, 97, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/25 {
    --tw-shadow-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/25:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/25:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/25 {
    --tw-shadow-color: rgba(0, 93, 97, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/30 {
    --tw-shadow-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/30:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/30:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/30 {
    --tw-shadow-color: rgba(0, 93, 97, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/35 {
    --tw-shadow-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/35:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/35:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/35 {
    --tw-shadow-color: rgba(0, 93, 97, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/40 {
    --tw-shadow-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/40:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/40:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/40 {
    --tw-shadow-color: rgba(0, 93, 97, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/45 {
    --tw-shadow-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/45:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/45:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/45 {
    --tw-shadow-color: rgba(0, 93, 97, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/50 {
    --tw-shadow-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/50:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/50:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/50 {
    --tw-shadow-color: rgba(0, 93, 97, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/55 {
    --tw-shadow-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/55:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/55:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/55 {
    --tw-shadow-color: rgba(0, 93, 97, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/60 {
    --tw-shadow-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/60:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/60:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/60 {
    --tw-shadow-color: rgba(0, 93, 97, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/65 {
    --tw-shadow-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/65:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/65:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/65 {
    --tw-shadow-color: rgba(0, 93, 97, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/70 {
    --tw-shadow-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/70:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/70:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/70 {
    --tw-shadow-color: rgba(0, 93, 97, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/75 {
    --tw-shadow-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/75:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/75:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/75 {
    --tw-shadow-color: rgba(0, 93, 97, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/80 {
    --tw-shadow-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/80:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/80:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/80 {
    --tw-shadow-color: rgba(0, 93, 97, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/85 {
    --tw-shadow-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/85:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/85:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/85 {
    --tw-shadow-color: rgba(0, 93, 97, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/90 {
    --tw-shadow-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/90:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/90:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/90 {
    --tw-shadow-color: rgba(0, 93, 97, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-800\/95 {
    --tw-shadow-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-800\/95:hover {
    --tw-shadow-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-800\/95:focus {
    --tw-shadow-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-800\/95 {
    --tw-shadow-color: rgba(0, 93, 97, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #005d61 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/5 {
    --tw-shadow-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/5:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/5:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/5 {
    --tw-shadow-color: rgba(0, 59, 62, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 5%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/10 {
    --tw-shadow-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/10:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/10:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/10 {
    --tw-shadow-color: rgba(0, 59, 62, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 10%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/15 {
    --tw-shadow-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/15:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/15:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/15 {
    --tw-shadow-color: rgba(0, 59, 62, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 15%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/20 {
    --tw-shadow-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/20:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/20:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/20 {
    --tw-shadow-color: rgba(0, 59, 62, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 20%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/25 {
    --tw-shadow-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/25:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/25:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/25 {
    --tw-shadow-color: rgba(0, 59, 62, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 25%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/30 {
    --tw-shadow-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/30:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/30:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/30 {
    --tw-shadow-color: rgba(0, 59, 62, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 30%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/35 {
    --tw-shadow-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/35:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/35:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/35 {
    --tw-shadow-color: rgba(0, 59, 62, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 35%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/40 {
    --tw-shadow-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/40:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/40:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/40 {
    --tw-shadow-color: rgba(0, 59, 62, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 40%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/45 {
    --tw-shadow-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/45:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/45:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/45 {
    --tw-shadow-color: rgba(0, 59, 62, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 45%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/50 {
    --tw-shadow-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/50:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/50:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/50 {
    --tw-shadow-color: rgba(0, 59, 62, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 50%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/55 {
    --tw-shadow-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/55:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/55:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/55 {
    --tw-shadow-color: rgba(0, 59, 62, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 55%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/60 {
    --tw-shadow-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/60:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/60:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/60 {
    --tw-shadow-color: rgba(0, 59, 62, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 60%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/65 {
    --tw-shadow-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/65:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/65:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/65 {
    --tw-shadow-color: rgba(0, 59, 62, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 65%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/70 {
    --tw-shadow-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/70:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/70:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/70 {
    --tw-shadow-color: rgba(0, 59, 62, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 70%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/75 {
    --tw-shadow-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/75:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/75:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/75 {
    --tw-shadow-color: rgba(0, 59, 62, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 75%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/80 {
    --tw-shadow-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/80:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/80:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/80 {
    --tw-shadow-color: rgba(0, 59, 62, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 80%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/85 {
    --tw-shadow-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/85:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/85:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/85 {
    --tw-shadow-color: rgba(0, 59, 62, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 85%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/90 {
    --tw-shadow-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/90:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/90:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/90 {
    --tw-shadow-color: rgba(0, 59, 62, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 90%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-900\/95 {
    --tw-shadow-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-900\/95:hover {
    --tw-shadow-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:shadow-primary-900\/95:focus {
    --tw-shadow-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:shadow-primary-900\/95 {
    --tw-shadow-color: rgba(0, 59, 62, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, #003b3e 95%, transparent);
    }
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:text-white {
    color: #fff;
}
.from-primary {
    --tw-gradient-from: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, #00a8b0 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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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: #00a8b0;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, #00a8b0 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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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: #00a8b0;
    --tw-gradient-stops: var(--tw-gradient-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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.95);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.9);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.85);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.8);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.75);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.7);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.65);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.6);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.55);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.5);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.45);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.4);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.35);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.3);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.25);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.2);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.15);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.1);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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(0, 168, 176, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, #00a8b0 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%, #c6f6f9 0);
}
a.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #c6f6f9 0);
}
a:hover.underlinedlinksmall {
    background-image: linear-gradient(180deg, transparent 88%, #91f1f6 0);
}
.cms__content a, .ce-bodytext a, .cke_editable a {
    text-decoration: none;
    background-image: linear-gradient(180deg, transparent 85%, #c6f6f9 0);
}
a.highlight {
    color: #00a8b0 !important;
}
a.highlight:hover {
    color: #01959c !important;
}
.cms__content .button-primary:hover {
    background-color: #01959c !important;
    border-color: #01959c !important;
}
.cms__content h1 {
  /*  color: #00a8b0 !important;*/
}
.cms__content .button-primary {
    background-color: #00a8b0 !important;
    border-color: #00a8b0 !important;
}
.prose a {
    color: #00a8b0 !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: #00a8b0 !important};.multiselect__tag{background: #00a8b0 !important};.multiselect__option--highlight:after {background: #00a8b0 !important;} 
        .multiselect__option--highlight {
        
    background: #00a8b0 !important;
   
}a.button-primary{
background-color: #00a8b0 !important; border-color: #00a8b0 !important};